为 iOS 7 设计用户界面


iOS7 体现了以下主题:

  • 尊重。UI帮助用户理解内容,并与之交互,但是不会喧宾夺主。
  • 清晰。所有尺寸的文字都能轻松识别,图标精确清楚,装饰巧妙而适当,促使设计更为注重功能。
  • 深度。视觉层面和实时动画赋予应用活力,并提高用户的理解和喜爱程度。

iOS7的天气预报

image: ../Art/weather_app_7_2x.png

iOS6的天气预报

image: ../Art/weather_app_6_2x.png

不论你是在重新设计一个现有的APP还是在开发一个新的,都可以参考苹果公司重新设计内置APP的方式:

  • 首先,舍弃暴露APP的核心功能的UI,并重申其关联性。
  • 接下来,将iOS7的主题贯穿于UI设计和用户体验中。用心设计细节和装饰。
  • 整体上,准备好推倒重来,问题假设,关注内容和功能,并以此来驱动每一个设计决定。

让位内容

尽管轻快优美的UI和流体般的运动元素大大增加了IOS 7的用户体验,但是app应用所提供的用户内容才是重中之重。

这儿有一些方法,可以帮助你设计出促进了应用的功能和让位应用的用户内容的优秀设计。

image: ../Art/weather_focus_2x.png

充分利用整块屏幕. 从新审视嵌入的视图和整体的视图结构的分别。让应用的内容延伸到屏幕的边缘。上面的天气应用就是个很好的例子:那个全屏显示的优美背景,显示了当前时间本地天气状况,直入主题,大气地展现了最重要的信息,并且为显示每小时的天气信息提供了充足的空间。

推荐阅读:

iOS 7 Beta 2发布,支持iPad和iPad Mini

iOS7 Beta 1测试版下载地址

iOS 7 beta 【下载 + 教程+体验】适用 iPhone 5、4S、4、iPod touch 5 代

抢先体验 苹果iOS7 beta测试版激活教程

苹果放出iOS 7正式版更新

  • 1
  • 2
  • 3
  • 下一页

相关内容