不容错过!IOS7 UI设计的十大准则

朱帝
3 评论 4474 浏览 8 收藏 6 分钟
🔗 产品经理的职业发展路径主要有四个方向:专业线、管理线、项目线和自主创业。专业线是指沿着技能线不断提升自己..

iOS7 的用户界面设计比以往更卓越,并为用户提供了更具吸引力的独特体验,带来更大的机遇。在正式写代码之前,认真考虑UI设计是否符合这十条设计准则,可以提高App的可用性与吸引力。如果要更深入了解iOS7的设计,你可以阅读苹果官方的iOS人机界面指南(英文版),或者下载知乎用户翻译的中文版iOS7人机界面设计指南

iOS7的10大设计准则涵盖了UI设计的交互性、界面信息可读性、图形设计规范以及信息的组织性等四个方面。读下去,看看你设计的UI都做到了么?
1、格式化内容
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

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

原文地址:Apple UI Design
优设网翻译:@陈子木

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 不粗哦不错

    来自重庆 回复
专题
19404人已学习17篇文章
随着互联网的不断发展,不少产品开始了适老化改造,帮助老年人更好地融入智能生活。本专题的文章分享了适老化的设计思路。
专题
13694人已学习12篇文章
产品定位是一个产品面向市场前先要考虑清楚的问题,也是产品人和运营人的必备技能。什么产品为谁解决什么问题,产品的主要卖点或独特性是什么?本专题的文章分享了如何做产品定位。
专题
12591人已学习12篇文章
面对多岗位意见不统一时,如何提升自己的话语权,让自己的建议能够真正被他人纳入范围内?本专题的文章分享了关于提升话语权的一些建议。
专题
16254人已学习13篇文章
在产品的运营过程中,无论是产品、运营还是市场团队,都希望能清晰地了解用户的行为路径,通过用户行为分析,优化用户体验,实现更精准的运营和营销。
专题
37577人已学习13篇文章
如何让你的事件营销深入人心?
专题
18920人已学习17篇文章
数据可视化的方式,能够更加清晰明确的进行数据分析。本专题的文章分享了数据可视化的设计思路。