设计app界面（App界面设计）

本文目录

• App界面设计
• UI设计的具体设计流程是什么
• 如何设计app界面可以适合所有手机屏幕
• ui前端设计流程是什么
• app的界面设计是ui做吗

App界面设计

App界面设计是UI设计师们普遍需要设计的内容，具体App界面设计流程是怎么产生的？刚好我在CGWANG培训学院了解咨询过相关的设计流程，再结合一些企业内部设计师们的工作情况，最后为大家总结出了以下几个方面，针对产品经理、交互设计师、视觉设计师提出的建议。

完整的流程，分层次设计，自下而上去完成：

1、策略层，定义产品使命、价值、目标人群

2、愿景/功能层：定义核心场景、功能列表

3、结构层：做流程图、信息架构，确定主导航、主菜单

4、框架层：梳理每一个主界面的内容、布局

5、表现层：视觉设计，涉及图标、配色、切图。

产品经理主要关注1~2，在去找设计师之前，请先问自己以下几个问题，以保证需求明确：

1、产品给用户带来的价值是什么？

2、竞品有什么？我们做这个有什么优势？

3、为什么样的用户而做？

4、用户会在什么样的场景下使用这个产品？

5、要完成这个产品，最大的瓶颈是什么？是技术攻关？体验出彩？还是运营资源？

交互设计师主要关注3~4，在交付方案之前请先不断问自己以下几个问题，以保证体验质量：

1、该界面要求用户完成的最重要的任务是什么？

2、这是最简单的解决方案吗？

3、信息是否组织得当？

4、设计是否易用且一目了然？

5、标准是否一致？

6、能否减少用户点击次数？

视觉设计师主要关注5，在与产品经理PK之前请先不断问自己以下几个问题，以保证减少返工：

1、界面上需要突出的重点是什么？是否进行了有效的突出？

2、界面上一共有几个层级，是否用清晰的视觉语言予以展现？

3、同样层级、同样性质的元素是否用了一致的设计语言？

4、主色调、材质，是否符合整体品牌感？

5、细节有无丢失？按钮点击态、反馈、缺省状态、字数超出、加载中、未加载态、加载失败态，是否都提供了？

另外，合作不易，三个角色分别需要注意的问题：

对于产品经理：

1、APP的设计，不要只看竞争对手确定自己的定位，不要“因为竞品A和B没有做到，所以我们要做比A和B更牛B的XX功能”，而是要以用户为导向，思考自己为客户提供的价值。在向其他人描述你的想法时，请用这样的句式来描述和思考：XXX这一类型的人在XXX的时候、XXX的环境下，想要做XXX事情，遇到了XXX问题。而我们这个APP能够通过XXXX方式巧妙的帮助他解决了这个问题。

2、不要直接拿线框图给交互设计师看，直接描述你的需求即可，描述清楚。让设计师知道你的目标是什么，接下来让交互去画原型，让更专业的人做专业的事。

3、不要太纠缠视觉，对于一些无关紧要的细节，该放手就放手，尽量减少提出主观意见。

4、别太迷信用户反馈，能提反馈的，大部分都是粉丝、深度用户、高级用户，他们代表不了全部用户的心声。

5、让开发主管去评估工作量，如果对某一部分工作量的评估觉得时间太长，就把它拆分成子任务。

6、每周对一到两次开发成果，别频繁的去打扰人家。

7、bug不断发现，不断修复，发现/修复率小于1，才开始变得可控了，才能确定bug的具体规模并精准预测发布日期

8、少做少错，新版本尽量别加太多锦上添花的功能，满足最核心的就行了。

对于交互设计师：

1、不要一提商业化就头疼，谁不想做一个干干净净没广告的APP?别老想着高大上，目标最重要。通过你的设计，让用户消无声息的贡献点击，让商业化变得人性化，这才是你的本事。

2、别太窝囊，别产品说怎么改，就怎么改，要跟他争，把自己当成产品的owner，产品的数据、规划，你全都要知道，这样信息对等了，才有话语权，才能有机会站在用户角度提供人性化的设计建议，否则只能是个画线框图的。

对于视觉设计师：

1、简洁不等于好（在业界大谈特谈简约至上的风气下，一定有人对这句有疑问，不细解释，请自行先翻一下诺曼的《如何管理复杂》这本书）。符合用户的心智模型，让人一目了然，才是好。

2、别做一大堆方案，ABC方案抛出去让人选，这样累不累？自己先判断哪一个方案最好，把它做到自己满意、可行、拿得出手，就行了，不要沦为美工。

3、给开发的视觉稿，先自己想一下，布局如何实现，不同屏幕尺寸如何适配。如果有动画效果，别天马行空的描述，能做出动画示意最好，做不出来，也找一个靠谱的示意。别让开发gg太上火。

最后，90%的问题本质上都是沟通问题！90%的争论本质上都是名词之争！

总结

UI设计的具体设计流程是什么

1、会议或上级指了明确的需求，原型评审好之后开始设计；

2、设计过程中，可以先做设计规范，给开发看，根据原型图，架构图及流程图，做出效果，这中间有问题也要及时与产品经理沟通；

3、UI评审，设计稿完成，还需要再开会讨论，如果有问题，还需要修改，特别是开发和后端的问题，设计稿没问题或是已修改好之后，让PM确认再开始下个阶段。

4、切图标注阶段，切图标注，先把视觉规范给开发看一遍，然后按视觉规范标注切图；

5、引导页，展示页阶段；

6、最后是UI审查，把UI出问题的页面截下并做标注问题放到SVN，让开发改，安装APP测试版核对。

后面的其它测试与产品上架就交由其他工作人员完成。

如何设计app界面可以适合所有手机屏幕

需求分析、用户场景模拟、竞品分析（聆听用户心声）。

需求分析：对于一个产品来说，必然有对用户需求的分析内容，更多的是从MRD与PRD获得，或者从产品需求评审会议上得到需求分析的内容，当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话，那么用户需求就是本次设计的出发点。

用户场景模拟：好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要，了解产品的现有交互以及用户使用产品习惯等，但是设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。

竞品分析（聆听用户心声）：竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当市场上存在竞品时，去听听用户的评论，哪怕是骂声都好，别沉迷于自己的设计中，让真正的用户说话。

输入物：MRD、PRD、市场需求文档、市场调查报告、竞品分析文档（或其一或全部）

输出物：设计初稿（或许只是几个简单的界面）设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟，模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计，一个提示框，一个提交按钮这类都是对事件驱动的设计。面向对象，产品面向的用户不同对于产品的设计要求不同，不同年龄层的用户对于产品的要求不同，产品的用户定位将对UI设计师影响因素。

输入物：交互文档（高保真原型）

输出物：设计终稿（所有的设计稿）UI设计师交出产品设计图时，更多的配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式的图片切图操作，对于不同的开发人员的要求，切图方式也有不同，UI设计师需配合相关的开发人员进行最适合的切图配合。

输入物：设计终稿

输出物：设计修改稿（设计稿切片）产品出来后，UI设计师需对产品的效果进行验证，与当初设计产品时的想法是否一致，是否可用，用户是否接受，以及与需求是否一致。都需要UI设计师验证，UI设计师是将产品需求用图片展现给用户最直接的经手人，对于产品的理解会更加深刻。

输入物：产品

输出物：产品（面向用户最终版本）

产品UI设计中夹杂着许多设计原则要求，统一公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。UI设计师应该分析公司产品的特点，制定符合产品生命周期的UI设计流程。每个产品的生命周期中，UI设计师应该严格按照流程，完成每个环节的职责，确保流程准确有效的得到执行，从而提高产品的可用性，提升产品质量。

ui前端设计流程是什么

　　ui前端设计流程是：

　　1、UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。从字面上看是用户与界面两个组成部分，但实际上还包括用户与界面之间的交互关系。

　　2、界面设计不是单纯的平面设计，需要定位使用者、使用环境、使用方式并且为最终用户而设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。

　　3、好的UI设计基础界面要做到能够吸引人，给人耳目一新的感觉这就要求工作者不仅要具备广告创意和美工艺术，还要了解心理学，抓住用户的心理。UI设计里面最重要的就是交互设计，负责人类与机器之间的交流，这一操作要简单，便捷，直接有效。通过这一操作从而达到用户的使用目的，这也是交互设计的目的。

app的界面设计是ui做吗

顾名思义，UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User
Interface(用户界面)的简称。所以说，app的界面设计是ui做的！