BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

iOS7界面设计规范(10) - UI基础 - 文字排版与配色

iOS7界面设计规范(10) - UI基础 - 文字排版与配色

明天就是周四了。貌似前几天还在恨周一呢。话说今天几乎开了一整天的会,正经事情没做多少;这种感觉比一整天从早到晚12个小时的忙碌于一件事情还要让人感到疲惫的对叭?那今天的iOS7设计规范更新又是一篇很简短的话题,关于文字及配色。

重要:这是针对于正在开发中的API或技术的预备文档(预发布版本)。虽然该文档在技术精确度上经过了严格的审核,但并非最终版本,仅供苹果开发者计划的注册会员使用。苹果提供这份机要文档的目的,是帮助你按照文中描述的方式对技术的选择及界面的设计开发进行规划。这些信息有可能发生变化,届时,你的设计开发方式需要基于最终版本的操作系统及文档进行相应的调整和测试。该文档或许会随着API或相关技术在未来的发展而进行更新。

译文最后更新时间:2013-06-26

文字必须易读

最首要的是,要确保文字排版的清晰易读。如果用户根本看不清界面当中的文案,那么文字本身再漂亮也没有意义。iOS7当中的动态文字(Dynamic Type)可以实现:

  • 在每种字号下都能自动调整文字的粗细、字间距和行高。
  • 针对在语义上有所区别的文本模块,例如Body、Footnote或Headline1等,可以自动指定不同的文字样式风格。
  • 文字可以根据用户在动态文字及可访问性设置当中指定的字号来自动的调整。

通常,应用全局应该只使用一种字体,包括它的几种不同风格样式。多种字体的混合使用会使你的应用看上去凌乱而草率。使用UIFont中的样式API,根据不同的语义用途,例如正文或标题,来定义不同文本区域的样式。

01-font-choice-ios-7-human-interface-guidelines-hig-basic-ios-app.png

色彩可以增进沟通

考虑定义一种基本色。iOS7的内置应用有着各自的基本色,例如备忘录中的黄色,用来表达元素的交互性及状态。

色彩是具有沟通能力的,但不总是以你所希望的方式来实现。对于同一种色彩,每个人的感知都是有所区别的,另外在不同的文化当中,颜色被赋予的含义也有所不同。尽量花些时间来研究其他国家和文化群体是怎样理解你所用到的配色的。要尽最大努力确保你应用当中的色彩可以准确的传达信息。

多数情况下,不要让用户因为色彩而分神。除非色彩本身就是你应用的根本价值和目的所在,否则它们只应被用来在细节之中增强交互体验

上一篇:iOS7界面设计规范(9) - UI基础 - 动画

下一篇:iOS7界面设计规范(11) - UI基础 - 图标与图形

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 交互设计师、UX设计热爱者、VR探索者、译者、猫奴、吉他手、鼓手,现就职于腾讯上海
发表评论