深度解析ios7风格,手把手教你怎么打造ios7风格的app

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

随着ios7的发布,一时间,如何设计和适配ios7风格,成为了炙手可热的东西,

每种设计,他总有自己的关键点和设计风格,ios7也不例外。

个人总结下来,认为ios7风格主要有以下几个关键点.

1.手绘图标。

相信大家都已经注意到了,苹果官方的很多图标,都已经改成近似手绘的效果,例如如下的几个图标

1

2.鲜活用色

以前做设计或者印刷上的设计,大家都避免这种很亮很淡的设计,因为这样的颜色印刷出来,可见度很低,而且容易刺眼。

但是苹果的ios7设计,这种鲜活的颜色是根本,这种亮色,让人感觉很有朝气,让现代快节奏的人们觉得有新鲜感。

大家可以看方酷上的几个ios7风格的设计

 32

都是采用了很亮很炫的颜色,这也为ios7的页面奠定了基础。

3.半透明玻璃的模糊效果

这点相信不言而喻了,毛玻璃的提示框,小景深的启动界面,让人着实过了一把模糊瘾。

4 5

4.简洁的栅格线和文字导航

上一代乔帮主的设计中,主风格就是圆角,上下平分的渐变,立体化效果。

ios7的设计中,大多比较扁平,取缔了以前的平分渐变,圆角却更加圆了。。。

6

7

5.极简的列表页和设置页

8

6.大量的留白

iOS7的应用界面通过大量的呼吸空间来确保可读性和易用性。在官方的设计规范中,苹果明确指出,他们希望设计师们通过留白传达出平静和稳定的感觉,使应用看上去更加专注和高效。

结论:大道至简。个人觉得,ios7风格就是将设计的精简发挥到了极致,同时引入了一些新的设计风格来吸引人的眼球,用户体验和设计美感上,都是无与伦比的。要想做出好的ios7设计作品,还需要持久的练习和学习。。

附加说明:以上图片几张图片引自方酷,若要商业使用,请联系原作者。

以上均属个人观点,欢迎补充指正。

作者站酷地址:http://www.zcool.com.cn/u/455975

本文系作者 Coly 投稿发布,转载请注明来源于人人都是产品经理并保留本文链接

您的赞赏,是对我创作的最大鼓励。

评论( 1

登录后参与评论
  1. 标题党

    回复
加载中