当前位置:首页 >> 机械/仪表 >>

IOS7 UI设计的十大准则


IOS7 UI设计的十大准则
原文地址:Apple UI Design 优设网翻译:@陈子木

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

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

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

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

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

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

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

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

9、信息架构
创建易于阅读易于调整的布局,确保界面内容的可调整性

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


相关文章:
工具类产品UI设计的8个准则
在设计过程中,我曾经不止一次的希望将众多的操作做归纳整理,或者收起来,或者直...认知与设计-理解UI设计准... 28页 免费 IOS7 UI设计的十大准则 11页 免费...
iOS界面设计尺寸规范
只不过大家在设计 iOS7 风格的 界面的时候多多注意下~ 三、字体大小 Heiti SC...Android 为了在界面上区别于 iOS,Android4.0 开始提出的一套 HOLO 的 UI 风格...
5个简单的用户体验设计准则!【ui设计】
5个简单的用户体验设计准则!【ui设计】_互联网_IT/计算机_专业资料。生活中...腾讯网Web页面设计规范 40页 1下载券 IOS7 UI设计的十大准则 11页 免费 ©...
UI设计师非学不可的十大易用性原则
UI设计师非学不可的十大易用性原则_互联网_IT/...试着将 Android 手机给 iOS 惯 用者操作, 会发现...快捷键就是这个易用性准则的最佳代表,在 App 上没...
UI设计基本规范_图文
UI设计基本规范_互联网_IT/计算机_专业资料。UI 设计基本规范注:此处规范针对 ...iPhone4-5s:大小为 640*98px,iPhone6 以上则等比放大 三 ios6 和 ios7、8...
2017年UI设计的10大趋势_图文
2017年UI设计的10大趋势_互联网_IT/计算机_专业资料。网页设计和UI设计的趋势是...的趋势也是不断地来来去去,但是也会有 一些被保持下来变成了设计的基本准则。...
简述一个大型网站UI设计架构标准及规范
内容包括 UI 视觉设计和前端代码相关,制定标准规范的准则是整站 UI 统一性、...五十个UI设计资源网站 2页 1下载券 网站设计ui规范 38页 7下载券 谈网站界面...
认识UI设计
认识UI设计_电脑基础知识_IT/计算机_专业资料。认识UI设计 认识UI 设计 --UI ...在 IOS7、Android 中 我们体验良好,但在 Win8 metro 中受到的评论不这么乐观...
智能手机UI设计的发展历程
扁平化的 UI 设计,已经运 用于微软的 pc 和手机系统设计上,iOS7 也运用了类似的尝试,谁能够把这新的设计风格和思 2 ———移动开发的黄埔军校 路更好的包装...
认知与设计--理解UI设计准则笔记
认知与设计--理解UI设计准则笔记_设计/艺术_人文社科...第十章:从经验中学习与学后付诸实践容易,解决问题...原则 7:传递信息,而不是数据■仔细设计显示,争取...
更多相关标签: