Question

如何做好一个APP界面设计

Answer 1

第一点：了解你的目标客户群的心态

1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类)：

这类的解决方案是设计的app最好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸

2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。

这类的解决方案是我们尽最大努力的去满足用户的情景需求。做到极致和简单。

3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的

这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。

第二点：APP原型图的制作和设计讨论

这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。

常用的APP原型图工具：移动APP原型设计神器POP、axure、Foreui等

第三点：APP视觉设计与设计要点

（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等

一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。

另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。

所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。

你必须记住：（1）隐藏设计或者减法设计（2）分区或分类（3）帮用户做决策（4）提高交互创新设计（5）让人有爽快感和新奇感（6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）

一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”

2014年APP设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！25学堂认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！

第四点：APP界面设计流程

（1）.设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。

（2）.放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有

（3）.并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。

（4）.由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。

（5）.整个设计过程中不断问自己“真的需要吗？”。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。

第五点：APP界面设计测试与预览修正我。知。道

加。我。私。聊1.市场和用户调研

其中用户调研尤为重要。只有全面调查、研究和了解用户之后，才能真正了解用户需求。以用户需求为基础和导向的设计，才是真正实用、高效的App设计，才会受到用户欢迎。

2.制作原型，及时讨论、测试和迭代设计

App设计并不是想当然，过过脑子就行，也需要及时将各种想法绘制成切实可看、可查以及可用的原型，及时讨论、测试以及迭代优化才行。

当然，对类似原型工具感兴趣的设计师，可以试试摹客原型设计工具，无论开始设计前，绘制流程图，还是设计讨论阶段，制作交互式原型，以及之后讨论、测试以及优化迭代，都能轻松快速实现。

3.及时协作和交付

设计好过程中，也需要和团队内产品经理和开发人员及时沟通，了解各项设计的还原度和可行性，确保所有设计都是真正满足用户需求。

当然，这时也必然会用到能够允许各个团队成员及时参与进来，沟通、测试、分享以及交付的工具，例如以上介绍的在线摹客设计平台，就能轻松满足这方面的设计需求。

3.不断测试和改进

即使产品已经发布，为并不意味着就可就此放手。事实上，只是产品设计的开始。发布之后，也需要设计师及时关注用户的使用情况，分析可能存在的问题，并及时改进，不断优化各方面的设计。第一步：用户分析

通过对市场分析、竞品分析、用户分析等过程，确定APP整体的开发方案，明确用户使用这款APP的需求什么？如何满足用户这方面的需求？需要怎么设计功能模块等问题。

可以先从大的功能模块入口，然后细分小的功能，再梳理业务流程、用户体验流程等等，对功能模块的重要性、时序进行排序。

第二步：制作草图

按照前期规划的APP功能模块、时序图、用户体验流程等，通过线框的形式，制作出的APP的草稿图。自己可以用纸画，也可以使用办公软件。

第三步：制作原型图利用专业的原型设计软件，对草图进行细节完善，设计出整体的APP原型图。

第四步：风格设计

每个人都有着不同的个性，APP设计也是如此，我们需要为APP打造出独具特色的风格。

这可以寻找同行的APP作为参考，然后设计出几套不同风格的样品提供选择。

第五步：页面设计

根据确定好的风格、原型图，对APP的页面进行效果图的设计。

包括logo、启动页、内页、页面元素、填充页、动态的产品页、活动页等等，完成APP界面设计。

同时也要给出切图标准，方便后续的编程开发。