iOS 7 交互界面设计总结

2019独角兽企业重金招聘Python工程师标准>>>

New Cotent Of iOS 7

• UIKit Dynamic

• Custom View Controller Transitions

• Text Kit

The Key to iOS 7 design is FOCUS

• Clarity: 为了让用户明确 APP 的功能，设计师应该把注意力集中到 基本的图形设计上

• Deference: 内容至上

• Depth: 注重交互

Focus on function

• 用一句较为精简的陈述句来定位 APP (Who the app is for and what it does for them.)

Focus on the basics

Contrast

• Highlighting: 凸显与主功能相关的元素，淡化不太重要的元素

• Eye candy: 把有活力的色彩和优先级融入到设计中

• State: 明确显示那些处在被激活状态的元素，表明它是可以被操作的

• Readability: 确保文本的高可读性

Repetition

• 保持标示元素的一致性

• 拉开不同标示元素的距离

Alignment

• 边缘对齐

• 中心对齐

Proximity

• 相关度越高的元素之间靠的越近，反之同理 (The functions of the elements of an app are far clearer when everything is grouped properly!)

Typography

• 触屏应用的排版应该考虑的通用规则：

• 使用的字体风格不能超过三种 有节制地使用居中的文本。

• 有时候，需要居中的文本，如导航栏标题。

• 字体选择简单化。像冲击字体有自己的位置，但超级程式化的字体一般不借给自己清晰的用户界面。

• 提前为可以调整大小的文本做好准备。iOS 7的动态类型功能允许用户规模使用设置应用程序的系统范围的文字大小。

• 使用衬线字体，大段文字。字体如格鲁吉亚或Times New Roman对大多数字母的小装饰或衬线，并有助于吸引读者的眼球沿文本。

• 一般来说，如果有很多在一个单一的文字区块，衬线字体能使文本更具可读性。

• 使用无衬线字体的少量文本。 SANS像Helvetica Neue字体，在iOS的7苹果的首选字体衬线字体，不会对字母的装饰;他们看起来更干净，很适合较小的部分文本，如标题和控制。

• 使用对比在同一屏幕上的字体家族。如果使用Helvetica Neue字体在你的应用程序，不要在同一个屏幕上使用宋体;他们过于相似，看起来像视觉误差。如果要使用两种不同的字体系列在同一屏幕上，使它们看上去非常不同。

• 我们的首要目标是保持一致性，如果字体的大小不一致或者仅有标题被加粗，这会给用户一种错觉。

  
  

  
  

                                                                                                                                     Sep 13, 2014

转载于:https://my.oschina.net/herbert77/blog/500621