
1、一致,一致,还是一致
你能做的最重要的事情就是保证用户界面运作的一致性。
- 一致性体现在色彩搭配和运用、字体的运用、相同的交互效果等。
- 一般我们使用的色彩不超过3种。交互效果也不超过3种。

2、建立标准并遵循之
在应用软件中保持一致的唯一途径就是建立设计标准并加以遵循。最好的办法是采取一套行业标准,对自身特殊的需要加以补充。严格按照移动APP规范来设计,比如字体的大小、间距、图标的大小等等。

3、阐明设计规则
用户要知道怎么使用你为他们开发的软件。可以制定属于你的一些工作方式和设计规范。

4、同时支持生手和熟手
图书馆目录符号对图书馆系统的一般用户来说,也许就够用了,但对熟手用户,如图书管理员,很可能就没有那么有效了。

5、UI界面间切换很重要,也必须重视
如果从一个屏幕转换到另一屏幕很困难,用户会很快灰心并放弃。

6、界面上的布局很重要
在西方,人们是自左而右,从上而下阅读,基于人们的习惯,屏幕的组织也应当是自左而右,从上而下。屏幕小部件的布局也应以用户熟悉的方式进行。

7、讯息和标签措辞要适当
屏幕上显示的文本是用户主要的信息源。如果文本措辞很糟,用户的理解就会很糟。要使用完整的措辞和句子,而不要用缩写和代码,使文本易于理解。讯息措辞要积极,显示用户处于控制之中,并提示如何正确使用软件。

8、了解小部件工具
为恰当的任务使用恰当的小部件,首先可以帮助增强应用软件的一致性,可能使得应用软件很容易构造。学会如何正确使用小部件的唯一途径是阅读和理解你们所采用的用户界面标准及准则。

9、对其它软件不盲从
除非你知道一个应用软件是遵循了你们的用户界面标准和准则,否则你绝不能认定它做的都是对的。

10、颜色使用要适当使用颜色要谨慎
如果使用了,也要使用指示符。在不同平台上,色彩的表现不尽人意一一在一个系统上看上去很好,在另一个系统上常常看上去很糟。

11、遵循对比原则

12、字体使用要适当
老式英语字体可能在莎士比亚的剧本封面看上去很合适,但在屏幕上却很难认。

13、灰掉而不是移走
在某些时刻,用户经常只能访问应用软件的某些功能。

14、使用非破坏性的缺省按钮
通常每个屏幕定义一个缺省按钮,如果用户按了回车键调用此按钮。

15、区域排列
当屏幕有多个编辑区域,要以视觉效果和效率来组织这些区域。

16、数据对齐要适当
对一列列的数据,通常的作法是整浮点数右对齐,字符串左对齐。

17、屏幕不能拥挤
拥挤的屏幕让人难以理解,因而难以使用。实验结果显示屏幕总体盖度不应超过40%,而分组中屏幕盖度不应超过62%。

18、有效组合
逻辑上关联的项目在屏幕上应当加以组合,以显示其关联性。反之,任何相互之间毫不相关的项目应当分隔开。在项目集合间用间隔对其进行分组/或用方框也同样可做到这一点。

19、在操作焦点处打开窗口
当用户双击一个对象显示其编辑/详情屏幕,用户的注意力亦集中于此。因而在此处而不是其它地方打开窗口才有意义。

20、弹出菜单不应是唯一的功能来源
如果主要功能被隐藏起来,用户就不能学会怎样使用软件。

分享几个APP设计知识点
1、AI线框,PS视觉是比较常用的,在这里推荐下FW,线框视觉都是可以的,也比较方便。就是用得人不多,但是这个软件上手快,可以推荐使用。
2、Icon当然要按合适尺寸做,但是你要打出来的话,分辨率要在300,而UI的分辨率一般是72,分辨率还是要改一下,否则打出来没法看,不管怎么样,保存好源文件。IOS系统界面里,工具栏及图标的大小,建议题主找一下设计规范,没有特别固定的值,但是不能差太远。
3、Icon:桌面图标114*114,标签栏图标<=60,导航条图标40*40,APPstore图标1024*1024
控件:状态栏40 标题栏88 标签栏98 导航栏按钮60 列表高度〉=88
字体:大40 中34 小24(如果太小就看不清)
2、Icon当然要按合适尺寸做,但是你要打出来的话,分辨率要在300,而UI的分辨率一般是72,分辨率还是要改一下,否则打出来没法看,不管怎么样,保存好源文件。IOS系统界面里,工具栏及图标的大小,建议题主找一下设计规范,没有特别固定的值,但是不能差太远。
3、Icon:桌面图标114*114,标签栏图标<=60,导航条图标40*40,APPstore图标1024*1024
控件:状态栏40 标题栏88 标签栏98 导航栏按钮60 列表高度〉=88
字体:大40 中34 小24(如果太小就看不清)