手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >IOS7 UI设计的十大准则
IOS7 UI设计的十大准则
摘要: iOS7的10大设计准则涵盖了UI设计的交互性、界面信息可读性、图形设计规范以及信息的组织性等四个方面。读下去,看看你设计的UI都做到了么...

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

1、格式化内容

IOS7 UI设计的十大准则1

IOS7 UI设计的十大准则2

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

2、触摸控制

IOS7 UI设计的十大准则1

IOS7 UI设计的十大准则2

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

3、命中目标

IOS7 UI设计的十大准则2

IOS7 UI设计的十大准则2

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

4、字体尺寸

IOS7 UI设计的十大准则3

IOS7 UI设计的十大准则2

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

5、对比度控制

IOS7 UI设计的十大准则4

IOS7 UI设计的十大准则2

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

6、间距调整

IOS7 UI设计的十大准则5

IOS7 UI设计的十大准则2

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

7、高分辨率

IOS7 UI设计的十大准则6

IOS7 UI设计的十大准则2

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

8、防止拉伸

IOS7 UI设计的十大准则3

IOS7 UI设计的十大准则2

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

9、信息架构

IOS7 UI设计的十大准则7

IOS7 UI设计的十大准则2

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

10、保持对齐

IOS7 UI设计的十大准则8

IOS7 UI设计的十大准则2

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

【IOS7 UI设计的十大准则】相关文章:

淘宝设计师经验分享

2015年一月设计圈干货大合集

19条Android设计经验大全

网页设计配色技巧宝典

搞定APP重设计的五个关键要点

聊聊我与交互设计的那10年

扁平化设计的流行配色方案

网页设计理论:纹理

超实用的IOS 8 快速设计参考指南

Android 5.0动态设计细节

精品推荐
分类导航