当前位置: 首页 >> APP设计教程_APPUI设计教程_UI设计教程_网页设计师加油站 >> 阅读正文

拟物化iOS6往扁平化iOS7方向的APP设计重构教程

自从iOS 7发布以来,扁平化的设计和开发理念让我们所有的iOS开发工作者经受了很大的冲击。在今后的应用开发中我们是否应该做出改变,以迎合iOS 7的全新设计理念。同时,我们应该如何看待自己已有的应用产品,是否需要针对iOS 7进行扁平化APP重构。

苹果iPhone5s 升级全新风格设计的iOS 7操作系统,扁平化的UI界面给人清新脱俗的感觉,并有着更为流畅的操作感。所以扁平化iOS7设计风格已经成为了潮流。加上苹果公司对外宣布,所有的app store的APP在明年2月1日之前完成对iOS7的优化。

 

下面是前苹果APPUI设计师-Louie Mantia的 针对iOS 7进行扁平化APP重构

至于iOS 7的Icon,他在去年也曾动手设计过,大家可以自行比较,看看哪一个才是更让你喜爱的。其中一套是早在2012年他为iOS 7所设计,那时他已经离开了苹果公司,不过似乎他的第一套作品还是非常符合苹果原本的拟物化风格(见下图)。

而在三个月前,当他得知苹果将会为iOS 7系统采用扁平化设计之后,他又亲手设计了一套同样扁平化的iOS 7图标(见下图)。

再来看看下面目前iOS 7系统正式的图标(见下图)。

Louie Mantia还表示,他为iOS 7设计的新图标并没有采用苹果的设计框架(见下图)。

同时他认为虽然乔纳森的设计非常棒,但是如果换做是他设计,最主要思考的是顏色间的和谐。他指出自己的这组Icon花了很多时间思考色彩设计,并且充分考虑不同颜色之间的和谐,利用色彩的高低明暗对比,减少渐层效果,但仍然会拥有生动的效果。而这套属于他自己的iOS 7系统图标,则让他花费了很多时间在设计色彩上。利用色彩的高低明暗对比,减少渐层效果,但仍保有生动的本质。

具体的可以查看赵大羽老师的《iOS应用的扁平化改造》

链接地址:http://edu.51cto.com/lesson/id-14180.html

 

iOS 7风格界面重构设计|国外APP设计师案例赏析

2014年苹果公司将全面普及iOS7 APP和全套iOS7 GUI元素下载

iOS7 APP界面设计教程第一章《为iOS7的规范而设计》及统一设计规范整理

16个免费的iOS 7的GUI套件和模板【PSD源文件】

 

下面是赵大羽老师的在北京CDC大会上面 所演讲的一些关于iOS的视频教程。

本文标题:拟物化iOS6往扁平化iOS7方向的APP设计重构教程

本文地址:http://www.25xt.com/allcode/4621.html

本文关键词:

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。