如何做APP界面设计？

第一点：了解你的目标客户群的心态\x0d\x0a1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类)：\x0d\x0a这类的解决方案是设计的app最好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸\x0d\x0a2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。\x0d\x0a这类的解决方案是我们尽最大努力的去满足用户的情景需求。做到极致和简单。\x0d\x0a3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的\x0d\x0a这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。\x0d\x0a\x0d\x0a第二点：APP原型图的制作和设计讨论\x0d\x0a这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。\x0d\x0a常用的APP原型图工具：移动APP原型设计神器POP、axure、Foreui等\x0d\x0a\x0d\x0a第三点：APP视觉设计与设计要点\x0d\x0a（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等\x0d\x0a一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。\x0d\x0a另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。\x0d\x0a所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。\x0d\x0a你必须记住：（1）隐藏设计或者减法设计（2）分区或分类（3）帮用户做决策（4）提高交互创新设计（5）让人有爽快感和新奇感（6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）\x0d\x0a一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”\x0d\x0a2014年APP设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！\x0d\x0a\x0d\x0a第四点：APP界面设计流程\x0d\x0a\x0d\x0a（1）.设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。\x0d\x0a（2）.放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有\x0d\x0a效。\x0d\x0a（3）.并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。\x0d\x0a（4）.由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。\x0d\x0a（5）.整个设计过程中不断问自己“真的需要吗？”。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，\x0d\x0a但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。\x0d\x0a\x0d\x0a第五点：APP界面设计测试与预览修正\x0d\x0a设计完成之后，我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的方法最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的。

一 背景

1.纯色背景

整体上看起来非常的干净

2.毛玻璃效果

要控制好效果，注意颜色搭配，否则会看来有点“脏”

3.渐变色

4.蒙版背景图片

要注意背景图片的选择及蒙版的透明度，否则容易造成输入框和按钮辨识度降低

二 上半部分（即输入框的上面）

当前主流的App登录界面一般不显示标题栏，界面整体显示大方，空间感强，

上半部分一般展示图片（可能是应用的logo）、文字（应用的名称或一个体现App的短句）或者图片加文字的方式

三 输入框和登录按钮

1.纯输入框，里面有输入内容的提示文字

2.输入框增加一个小图标，用来标识需要输入的内容

3.输入框前或输入框中带title

这种方式用的越来越少，因为icon和引导文字足以说明需要输入的内容，加上title纯属多次一举

输入按钮一般紧跟在输入框下面，用户输入完成后可直接点击按钮登录。

登录按钮的长度可以和输入框长度一致或者小于输入框的长度，一般使用有背景色的按钮。

有些App登录按钮会采用其他形式

四 注册

只要两种表现形式：按钮和文字。位置一般在登录按钮下方。

个人更倾向于按钮，因为使用频率比较高。

五 忘记密码

大都采用文字展示，毕竟这个功能的使用频率较低，相对于登录和注册是最不重要的功能

一般会放在登录按钮的下方，部分App会放到登录按钮和文字框之间，居左放。

六 联合登录

一般会放在登录界面的最底部，有些App会放在登录按钮之下，注册按钮的上方（毕竟联合登录也属于登录）

---