在网页设计之后衍生出的手机UI设计是一个看是简单,但是注意的细节更多的及的设计。以下是作为设计师的我收集的相关知识分享给设计师们,尤其是刚刚由网页设计转向UI设计的设计师们。
手机UI界面设计是手机软件的重要组成部分。界面设计是一个复杂的并有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。手机UI界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。
一、手机UI规范性设计
通常手机UI界面设计都按Windows界面的规范来设计,即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键快捷菜单”的标准格式,可以说,界面遵循规范化的程度越高,则 易用性相应的就越好。小型软件一般不提供工具箱。
规范性设计细则
1、手机常用菜单要有命令快捷方式。
2、完成相同或相近功能的UI菜单用横线隔开放在同一位置。
3、菜单前的UI图标能直观的代表要完成的手机操作。
4、下拉菜单深度一般要求最多控制在三层以内。
5、工具栏要求可以根据手机用户的要求自己选择定制。
6、相同或相近操作功能的工具栏放在一起。
7、工具栏中的每一个按钮要有及时提示信息。
8、一条工具栏的长度最长不能超出手机屏幕的宽度。
9、工具栏的图标能直观的代表要完成的操作。
10、系统常用的工具栏设置默认放置位置。
11、工具栏太多时可以考虑使用工具箱。
12、工具箱要具有可增减性,由手机用户自己根据需求定制。
13、工具箱的默认总宽度不要超过屏幕宽度的1/5。
14、状态条要能显示手机用户切实需要的信息,常用的有:目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。
15、滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于手机用户了解显示信息的位置和百分比。
16、状态条的高度以放置五号字为宜,滚动条的宽度比状态条的略窄。
17、菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。
18、菜单和状态条中通常使用5号字体。工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。
19).右键快捷菜单采用与菜单相同的准则。
二、手机UI界面的美观与协调性设计
作为一个UI界面设计师,我们要全局掌握产品的背景,逻辑,用户体验。同时,我们也不能忽略UI界面设计的美观与协调性,UI界面设计应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力。
美观与协调性细则
1、界面长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度。
2、UI布局设计要合理,不宜过于密集,也不能过于空旷,合理的利用空间。
3、 界面按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置。
4、按钮的大小要与UI界面的设计空间协调一致。
5、避免空旷的UI界面上设计放置很大的按钮。
6、放置完控件后界面不应有很大的空缺位置。
7、字体的大小要与UI界面的大小比例协调, 通常设计用的字体中宋体9-12较为美观,很少使用超过12号的字体。
8、前景与背景色搭配合理协调,反差不宜太大,少用深色,如大红、大绿等。常用色考虑使用Android界面色调。
9、 如果使用其他颜色,主色要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色。
10、手机系统常用的主色有'#E1E1E1'、'#EFEFEF'、'#C0C0C0'等。
11、 界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特殊要求的地方。
12、如果窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;切忌只放大窗体而忽略控件的缩放。
13、对于含有按钮的界面一般不应该支持缩放,即右上角只有关闭功能。
14、 通常父窗体支持缩放时,子窗体没有必要缩放。
15、如果能给用户提供自定义界面风格则更好,由用户自己选择颜色、字体等。
更多关于网页设计相关知识关注www.internetke.com。