添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 设计分享 >

手机UI用户界面设计——设计师必备

时间:2013-12-14      来源:互联网     

  在网页设计之后衍生出的手机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

web前端视频教程
标签 网页设计
相关文章
web前端视频教程


最新更新

网页特效

web前端视频教程