为 iOS 7 设计用户界面(3)

拥抱无边框按钮. 在iOS 7中, 所有的条状按钮都是没有边框的. 在内容区域, 一个无边框按钮使用背景,颜色和具有号召性的标题来体现其可交互性. 而当其被使用时,内容区域的按钮可以显示一个细边框或者浅色背景来使得自己与众不同.

image: ../Art/contact_card_2x.png

使用层次上的深度来进行沟通

iOS 7经常使用不同的层来展现内容,以传达层次和位置的不同, 那样就可以帮助用户理解存在于屏幕上的对象之间的关系.

image: ../Art/folder_2x.png

通过使用半透明的背景,并且在主屏幕上以浮动的效果出现,文件夹就可以将其内容与屏幕的其它部分区分开来.

像这里所展示的,提醒应用在层里面展示列表. 当用户在一个列表上操作时,其它列表在屏幕的底部被集中在一起.

image: ../Art/layered-reminders_2x.png

image: ../Art/cal_year_2x.png

日历使用了增强的转换,当它们在被查看其年、月以及日份时,就可以给用户一种层次和深度感. 这里所展示的年视图中, 用户可以即时地看到今天的日期,并同时对其它日历任务进行操作.

当用户选择一个月份时,年视图会放大并显示出月视图. 今天的日期仍然高亮显示并且年份会显示在返回按钮中, 以便用户知晓他们目前的确切位置,来自哪里,还有从哪儿回到过去.

image: ../Art/cal_month_2x.png

image: ../Art/cal_day_2x.png

类似的过渡效果会发生在用户选择一天的时候: 月视图看上去裂开了,将当前的星期推上屏幕的顶部并揭开显示出选定天的每小时视图. 每一种过渡, 日历都加强了年、月以及日之间的层次关系.

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/55f2d5deb0bb780afdee916e1bff2112.html