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

IOS7 UI设计的十大准则


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

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

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

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

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

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

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

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

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

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

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


相关文章:
ui设计十大准则
ui设计十大准则_计算机软件及应用_IT/计算机_专业资料。ui页面设计iOS7 的 10 大设计准则涵盖了 UI 设计的交互性、界面信息可读性、图形设计规范以及 信息的组织性...
工具类产品UI设计的8个准则
在设计过程中,我曾经不止一次的希望将众多的操作做归纳整理,或者收起来,或者直...认知与设计-理解UI设计准... 28页 免费 IOS7 UI设计的十大准则 11页 免费...
UI设计:10大排版原则打造优秀用户体验
UI设计:10大排版原则打造优秀用户体验_互联网_IT/计算机_专业资料。对于UI设计...7、仔细思考比例 当你在为一个项目挑选字体样式的时候, 将不同部分的尺寸比例...
公司UI设计人员准则
IOS7 UI设计的十大准则 暂无评价 11页 免费 Android UI设计准则(官方... 8页...公司设计人员准则 公司设计人员准则基本: 基本: 1、自我认知,了解自己的工作时间...
UI设计准则
色彩搭配原则 4页 免费 UI设计规范 2页 8财富值 45.用户界面设计 2 - 界面... 4页 免费 UI设计 7页 2财富值 UI设计分享内容 32页 免费如要投诉违规内容...
5个简单的用户体验设计准则!【ui设计】
5个简单的用户体验设计准则!【ui设计】_互联网_IT/计算机_专业资料。生活中许多东西都是瞬息万变的,不变的东西并不多,躲不过的死亡,和雷打不动晚七点新闻联播...
UI设计基本规范
iPhone4-5s:大小为 640*98px,iPhone6 以上则等比放大 三 ios6 和 ios7、8...UI 设计原则 文档贡献者 付丽娜0218 贡献于2016-05-18 相关文档推荐 暂无相关...
Android UI设计准则(官方翻译)
搜 试试 7 帮助 全部 DOC PPT TXT PDF XLS 百度文库 专业资料 IT/计算机...Android UI设计准则(官方翻译)_IT/计算机_专业资料。These design principles were...
认识UI设计
--123 原则 -UI 美术层次概念 简单了解下扁平化设计 概念 "扁平化"就是完全...在 IOS7、Android 中 我们体验良好,但在 Win8 metro 中受到的评论不这么乐观...
更多相关标签:
ui设计准则 | 十大ui设计公司 | 十大关键词 读懂准则 | 准则 十大关键词 | 老公爱老婆的十大准则 | 骑士十大准则 | 优秀员工的十大准则 | 吴尊女婿十大准则 |