网站地图    收藏   

主页 > 设计 > 网页设计 >

IOS7 UI设计的十大准则_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

   iOS7的10大设计准则涵盖了UI设计的交互性、界面信息可读性、图形设计规范以及信息的组织性等四个方面。读下去,看看你设计的UI都做到了么?

  1、格式化内容

IOS7 UI设计的十大准则 三联
dos

  创建屏幕布局的时候,应该适适配iOS设备屏幕。用户应该一次看清主要内容,而无需缩放或水平滚动。

  2、触摸控制

dos

  尽量采用专门为触摸和手势设计的界面元素,这样可以使应用程序的交互更加轻松自然。

  3、命中目标

dos

  设计可触控的控件的时候,尺寸不得小于44x44px,只有这样才能确保触摸的精度和命中率。

  4、字体尺寸

dos

  文本中的文字尺寸不得小于11点,这样才能确保在常规距离下,无需缩放就可以清晰地阅读。

  5、对比度控制

dos

  尽量确保文字色彩对比更明显,并且调整文字与背景的对比提高可读性。

  6、间距调整

dos

  不要让文字出现重叠的状况。适当地增加行高和行间距,提高文字的易读性。

  7、高分辨率

dos

  为所有图片资源提供高分辨率的版本(@2x)。那些未曾@2x的图像在Retina屏幕上会出现模糊的状况。

  8、防止拉伸

dos

  始终控制好图片的高宽比,可以缩放,但是一定要避免拉伸,这样可以避免失真。

  9、信息架构

dos

  创建易于阅读易于调整的布局,确保界面内容的可调整性。

  10、保持对齐

dos

  让文本、图片、按钮在界面上保持对齐,相似相关内容合理靠近,让用户更容易理解界面信息。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论