当前位置:科技 > 硬件广场 > 智能手机列表 > 正文

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

2013-12-20 13:43:34  开源中国    参与评论()条

    用半透明化的UI元素暗示背后的内容。半透明的元素--如控制中--用于提供一个控制环境,帮助用户看到尽可能多的内容,还可以得知应用的状态。在iOS 7中,半透明元素只会模糊元素后的内容--有种透过米纸的效果--半透明元素不会模糊元素没有覆盖到余下屏幕。

    提供清晰的显示

    提供清晰的显示是另外一种确保内容在你应用中的重要地位的方式。 这里是一些能使最重要的内容和功能明晰且易于访问的方法。

为iOS 7设计用户界面

    使用大量的留白。 留白使得重要内容和功能更加醒目,且更容易理解。 留白也可以表达出平静安宁的感觉, 而且它也可以使得一个应用看起来更加的专注和高效。

    使用颜色来简化UI。 使用一种关键颜色-比如重要提示使用的黄色-突出显示重要的区域并且巧妙的展现交互性功能。 这也同样能赋予一个应用统一的视觉主题。 内置应用都使用一类纯净系统颜色,不管是在明的或是暗的背景之上,其每一个色调都看起来不错。

为iOS 7设计用户界面

为iOS 7设计用户界面

    通过使用系统字体来确认其可读性。 iOS 7系统字体对字间距和行高都对进行自适应,因此显示的文本能很轻松的被阅读,而且在每一个字体大小上都看起来很好。 不管你是使用系统的或是自定义的字体,请确保使用上了动态类型,以便你的应用能够在用户选择不同的文字大小时都能有所响应。

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

为iOS 7设计用户界面

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

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

为iOS 7设计用户界面

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

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

为iOS 7设计用户界面

为iOS 7设计用户界面

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

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

为iOS 7设计用户界面

为iOS 7设计用户界面

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

    

(责任编辑:CT008)
 
网友发言 已有人参与 条评论
所有评论仅代表网友意见。提交评论

社会文史娱乐汽车科技旅游城市文化

新闻 军事 论坛 娱乐

新闻频道
国内国际社会评论文史专题经济新闻图库老照片
军事频道
军事要闻中国军情国际军情军事历史网友原创军事专题军事图库武器装备军事文化
汽车频道
车闻Update漫话车型漫记车映像实拍解析行业动态新车资讯独家评测汽车生活人文之旅
教育频道
留学移民高考中小学拒讲堂师说商道商论
游戏频道
游点意思网络游戏网页游戏单机游戏手机游戏军事游戏游戏产业发号中心游戏美女图说游戏囧游囧事
科技频道
业界互联网行业通信数码手机平板IT硬件相机笔记本家电产品库
旅游频道
X旅行视界目的地 美图发现社区
文化频道
专题非遗沙龙历史艺文博览读书图库书画禅文化
书画频道
资讯收藏展览在线展厅艺术家视觉专题
体育频道
国际足球中国足球NBACBA 综合体育图片汇总专题策划
视频频道
新闻军事中华出品原创娱乐纪录片微电影决胜海陆空
娱乐频道
明星电影电视音乐专题图库论坛
公益频道
老兵出镜老兵动态老兵资料库关爱老兵在行动公益组织公益人物
城市频道
城市聚焦城市设计城市生活城市策划城 市图赏城市加盟城市论坛
社区频道
中华论坛网上谈兵中华拍客社会时政国际风云生活消费休闲旅游美丽女人娱乐八卦经济风云情感世界文学天地
好医生频道
保健养生疾病防治行业资讯名医谈健康 医生专栏食疗跑步
经济频道
国内宏观海外经济产经商贸时尚消费电商眼球儿企业故事专栏评说识局经济