2024年得到APP网页设计 篇1
在悟空问答上的729个问题，只写接地气的科技内容，欢迎关注。
嗯，一般都是设计师直接画图，要么开发直接敲代码就出来了。开个玩笑，没有这么简单……
无论是APP、小程序、H5、Web网页，从最初的一个构想，到最后让用户看到整个界面，需要经历一系列的流程，需要很多岗位的人员参与，这里简化成为几个大致的流程跟大家讲一讲。
立项调研阶段
任何项目都不是凭空想象出来的，尤其是商业项目。产品只是服务的载体，尤其是互联网产品。所以任何产品在确认要开发之前，都必须经历立项调研的阶段。比如说需要调研整个市场行业的情况，有多大的市场空间可以切入；需要调研行业竞品的运营状况，他们是怎么做的，有没有盈利；需要对自身团队的能力进行评估，团队本身优势劣势在哪里，应该从哪个方向切入，有没有机会赚钱。
立项一般都需要项目经理来带头，还有市场、运营、技术、数据分析等等岗位参与进来，提交一份最终的项目调研报告给管理层，由管理层评估是否可以执行。当然，如果是外包公司的话需要与甲方多次对接需求，明确甲方爸爸要做什么事情。总而言之，就是要搞清楚这款产品有没有必要投入资源去做。
信息框架和原型
项目一旦立项之后，产品经理就开始进场工作，嗯，就是狗都能当的那个产品经理……根据项目的整体规划，产品经理需要对产品本身进行规划，首先是规划出产品的功能需求，再将功能需求拆分成不同的迭代版本，制定产品的路线地图，这一块一般需要运营人员的参与一起来制定。
制定好功能需求和迭代的地图之后，产品经理就需要将每个版本的产品功能输出成为信息框架图，一般都是按照页面来挨个拆分，列出每个页面具体的功能模块；然后再根据信息架构图，绘制产品的原型设计稿。原型这个东西可繁可简，有的产品经理喜欢画高保真的原型，有的产品经理喜欢用框架图。怎么用无所谓，能够让设计师看得懂就行。
UI设计稿和UX交互流程图
产品做好原型图之后，通常会先跟各个部门的负责人统一做一次评审，确保产品功能层面没有问题。确定好原型之后，UI设计师开始进场工作，将原型图设计成最终用户看见的界面，也就是高保真的设计稿。此时产品最好别多说话，尊重设计师可以有效提高工作效率……
设计师完成高保真设计之后，产品经理再将各个高保真页面串联成为交互流程图（大公司会有专门的交互设计师，但是大多数公司并没有专门设立这个岗位，多数是由UI设计师和产品经理共同完成），交互流程图是介绍整个产品从首页到最后的页面，每个按钮怎么跳转，每个页面展示内容的说明图，是技术最重要的开发指南。
技术开发和测试
高保真设计稿和交互流程图完成之后，就可以找技术和测试的小哥哥们进场了。此时就是最容易吵架的开发需求评审，这个时候会出席的人员一般会有：项目经理、产品经理、设计师、开发工程师、测试工程师，还可能有运营等其它部门的旁听。技术的评审会一般由产品经理来主持，讲解产品的具体功能怎么做，此时就会面对技术尤其是架构师的各种质问，准备不充分，逻辑上有漏洞，那就准备好技术的狂轰滥炸吧！
需求评审之后，技术就开始进行开发啦～此时产品经理一方面需要盯着开发的时间进度，另一方面需要与测试工程师一起参与已经做好的模块的测试，找到潜在的BUG进行修复，最终大家一起做出一款可以完美使用的产品出来。
运维和迭代
产品开发完成之后，就可以交给运营方面的人员，内部试用准备上线的工作了。此时项目经理已经去忙其它项目了，技术开发也去做其它事情了，产品经理需要定好产品的数据埋点工作，通过埋点数据来对产品进行后续的优化，着手下一个版本的功能需求。
产品这边交给运营之后，就开始正常的推广上线了，也就是到了用户手中可以使用的App操作界面。因此大家可以看出来，一个产品从构思到最终上线，短则一个季度，长则两三年的时间，比如说游戏这种大型的项目。每一个产品背后，都是一个团队辛劳的付出。
2024年得到APP网页设计 篇2
1.Ello—全球创意工作者的聚集地
Ello是一个需要向各位设计师们重点推荐的社区网站，诞生于2013年，Ello是一个由艺术家创建的网站，也是一个为了艺术家而创建的网站。
2.迅捷画图
该网站是一款在线网站，可以直接在线绘制各种思维导图、流程图，并且里面还有很多的模板，你可以直接套用模板在线编辑，编辑好的模板支持多种格式的到处与保存，很适合新手使用！
3.Lapa—在这里找到网页设计灵感
Lapa Ninja 是一个致力于网页设计灵感作品展示的网站，提供登录界面、移动端界面、APP页面、邮箱界面等丰富的设计作品，可以帮助设计寻找设计灵感，欣赏来自世界各地的优秀设计作品。
4.SDC设计师网站导航
这个网站简直就是设计师的必备神器，做设计的人可能看到一个好的设计还要收藏起立，下次又要到处找，很是麻烦，而这个网站学习区块分的很清楚，用起来很方便，这里面有设计教程、高清图库、配色方案、界面设计、灵感创意、字体设计等网站的导航，直接点击就可以找到自己想要的设计。
5.SKALGUBBAR
SKALGUBBAR是来自瑞典的Teodor Javanaud Emdén创立的网站，他本人就是建筑学专业。有别于中规中矩的比例人，这些配景人最大的特点是有故事，每个人都饱含戏份，毕竟建筑师最懂建筑师，这绝对是最适合建筑专业的配景人素材库。
2024年得到APP网页设计 篇3
这个问题从以下几个点着手去考虑，就会有方向了。
一、什么是APP引导页？
当用户安装完APP后，第一次打开应用，APP会呈现3～4张连续的页面，页面会告知你产品的主要功能和特点，起到类似迎宾的作用，这些页面叫做引导页。
二、引导页的作用？
1、功能介绍
功能介绍类的引导页主要对应用的主要功能进行展示，让用户对这个产品有个大致的了解或有哪些特色如下图。
2、内容操作引导
出现在内容页面，引导用户操作相关功能如
3、抒发情怀
主要是为了传达产品的态度，让用户更加了解这个产品。
三、如何设计APP引导页
大方向上可以从几个作用的角度去思考，如何设计。
下面分享几个设计的小技巧
1、贯穿图形连续
2、贯穿字母连续
设计引导页还有很多其它的技巧，多看多思考，学无止境，其它的技巧欢迎评论补充！
2024年得到APP网页设计 篇4
如何设计一个好用的App软件?
设计需要学习的软件分为4款，分别有PS，AI，AE，ARP，外加两个辅助插件如思维导图， 马克鳗等软件，这些都是一名UI设计必需要掌握好的软件。
Adobe Photoshop CC 2018简称PSCC2018
Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。
2018年12月推出的Adobe PhotoshopCC2018为市场最新版本。
PS可以用来从事，平面设计，网页设计，UI设计等多种设计工作。
在UI设计中PS的使用率在90%以上，所以作为一个合格的UI设计师。PS是肯定得掌握的。
PS可以在UI设计中，绘制界面设计，图标设计等。
Adobe Illustrator CC 2018简称AICC2018
Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，
作为一款非常好的矢量图形处理工具，Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等
2017年12月推出的Adobe illustratorCC2018为市场最新版本。
AI可以用来从事，平面设计，网页设计，UI设计等多种设计工作。在UI设计中AI的使用率也是非常高的，主要可以用来绘制图标，界面等设计。
Adobe After Effects CC 2018简称AECC2018
Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件，适用于从事设计和视频特技的机构，
包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。
2017年12月推出的Adobe After Effects CC2018为市场最新版本。
AE可以用来从事影视后期， 平面设计，UI设计等多种设计工作。
在UI设计中PS主要用制作交互动效图。
Axure RP Pro 7.0简称ARP
Axure RP是一个专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。
Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等，
另外，架构师、程序开发工程师也在使用Axure。
在UI设计中ARP主要用制作交互原型图。
Mindjet MindManager简称思维导图
MindManager，中文商标译作C，俗称“脑图”，又叫“心智图”，是一款创造、管理和交流思想的通用标准的绘图软件，
由美国Mindjet公司开发，界面可视化，有着直观、友好的用户界面和丰富的功能。
在UI设计中主要用来整理交互逻辑思维层。
Mark Man简称马克鳗
在UI设计中主要用来标注设计稿尺寸的软件。
最后也补一句，软件只是一个工具，千万不要觉得会了软件就会了设计，不要太依靠软件了，会了工具后还要学习理论知识才能成为一个合格的设计师。
App「好用」对于用户而言很重要，对于开发商及设计者而言却是一项很大的挑战。
我们常常会看到开发者把一百个功能全搬到App上，却得不到用户的青睐，是因为与用户习惯和期待有落差导致的。
思考一下：我们要开发一个用户必须看完一本厚厚的说明书才能开始使用，还是马上就可以不需要或借助简单的引导就可以上手的App软件呢?
用户的学习与体验是一层一层积累的，也是慢慢地熟悉、学习。用户的期待感，也会有相同的效果，与其一开始端了一盘大菜上桌，却没有特色，不如先从观察用户的使用习惯，针对「痛点」(trigger point)的开始下手。
好感度的累积
在前一篇里，我们提到了可用性(usability)的重要性，让我用男女交往的情感堆积法来作一个比喻：当你看见一个人时，第一印象很重要，有的人很亮眼，第一眼看了就喜欢她，看久了却不耐看，甚或觉得有点艳俗了;有的人第一眼看起来没有特别突出，但是很耐看—看越久越喜欢(加分)，这个时候刚好相处也愉快(加分)，谈吐风趣(加分)，慢慢地好感度就会上升许多。
用户对App的好感度也有相同的道理，首先要达到的目标是「流畅」。因此，在设计时，我们的目标是加分，而且是持续的加分。要如何找出加分项目呢?首先可以从我们自己的使用习惯开始观察起。
我们必须考虑在用户每次使用你的App时的体验，了解他们可能会遇到的障碍，并加以排除、改善或设计相对应的体验。
这些体验主要有两个面向：显性、隐性
常见的显性设计还包括视觉上适当的回馈(feedback)，用户已经被养成看到按钮会立刻行动(take action)，你必须回头审视使用按钮的形式是否恰当，而用户点选按钮时，需要的回馈方式该如何设计，是改变按钮的底色，还是增加阴影，或是连文字颜色也要一起改变。
按钮的各种状态(pressed、long-pressed、released、pressed-and-drag、tap/click、frequent-tap)需不需要有相对应的回应。
最常见的漏洞就是：没有反应。用户按了按钮，却没有相对应的视觉回馈，就会开始感到焦虑，他们会以为App有问题或是自己没点选到，于是重复不断的点击按钮，结果往往可能就是造成App闪退(crash)。
隐性的部分包含了使用时机、时间与网络状态等。当网络断线或忙碌时，我们该做什么样的设计，需要告知或提醒用户吗?
时间很晚了，我们需不需要多替用户设想，提供选项询问他的意见，或是预设开启「睡眠模式」，让他的生活作息可以减少被干扰呢?
替用户设想周到将可以提升使用的满意度，甚或延长每次的使用、停留时间，获得用户的好感。
从移动便利性出发的设计思考
用户之所以选择移动设备使用你的服务或产品，一定有其在电脑或其他设备上无法做到原因，最明显的差异就是：移动便利性(mobility)。因此，我们必须考虑用户使用移动设备的时机、地点、时间。
用户为了移动便利性而使用服务，大致上可以分为几种：
1.降低人际尴尬：这样的现象在人口密集的都会区特别明显。由于都会区的人际关系相对冷漠，在手持设备兴起后，为了减少在电梯、公共场合、交通工具上面对面的尴尬，顺手拿起手机开始看着屏幕，可以避过短暂的时间。
2.杀时间：通常发生在开会、等红绿灯、等人、无聊、通勤的时候。过去无法随时随地上网，所以可能是其他活动所取代，例如：看书。但智能手机上网兴起后，这样的情况在都会区也非常明显。
3.通讯需求：在行进间收到讯息(简讯、通讯、Email 等)，需要立即回复。
4.使用手机特有的功能或搜索：例如：拍照、定位(找地址、餐厅)、需要上网搜索资讯。
由于单次使用时间不长，又可能在行进间或户外使用，除非在非行进的状态下，绝大部分人仍然以浏览为主要的行为。在户外的场合，由于4G 上网拥挤、忙碌，时常需要遇到等待的状况，大部分用户虽然会先想到电信商的服务导致，但如果我们可以在这些状况下，多设想可能的情境，作相对妥善的设计，也会提升用户的好感。
2024年得到APP网页设计 篇5
本人是一个产品经理，设计原型是很基本的一项工作职责。
以下是本人设计的后台系统原型，移动端APP原型设计也是同理的。
设计原型和页面效果图，常用的工具如下：MAC电脑
首推sketch，最好的产品设计工具没有之一。
Windows电脑
axure或者墨刀均可。
Axure功能较为复杂，新人需熟练后才可上手，例如动态面板等功能，不过Axure的强大是毋庸置疑的。
相比Axure，墨刀的功能则更为简单，小白根据教程也可以轻松上手。