自從iOS 7發(fā)布以來,扁平化的設(shè)計(jì)和開發(fā)理念讓我們所有的iOS開發(fā)工作者經(jīng)受了很大的沖擊。在今后的應(yīng)用開發(fā)中我們是否應(yīng)該做出改變,以迎合iOS 7的全新設(shè)計(jì)理念。同時(shí),我們應(yīng)該如何看待自己已有的應(yīng)用產(chǎn)品,是否需要針對(duì)iOS 7進(jìn)行扁平化APP重構(gòu)。
蘋果iPhone5s 升級(jí)全新風(fēng)格設(shè)計(jì)的iOS?7操作系統(tǒng),扁平化的UI界面給人清新脫俗的感覺,并有著更為流暢的操作感。所以扁平化iOS7設(shè)計(jì)風(fēng)格已經(jīng)成為了潮流。加上蘋果公司對(duì)外宣布,所有的app store的APP在明年2月1日之前完成對(duì)iOS7的優(yōu)化。
下面是前蘋果APPUI設(shè)計(jì)師-Louie Mantia的?針對(duì)iOS 7進(jìn)行扁平化APP重構(gòu)
至于iOS 7的Icon,他在去年也曾動(dòng)手設(shè)計(jì)過,大家可以自行比較,看看哪一個(gè)才是更讓你喜愛的。其中一套是早在2012年他為iOS 7所設(shè)計(jì),那時(shí)他已經(jīng)離開了蘋果公司,不過似乎他的第一套作品還是非常符合蘋果原本的擬物化風(fēng)格(見下圖)。
而在三個(gè)月前,當(dāng)他得知蘋果將會(huì)為iOS 7系統(tǒng)采用扁平化設(shè)計(jì)之后,他又親手設(shè)計(jì)了一套同樣扁平化的iOS 7圖標(biāo)(見下圖)。
再來看看下面目前iOS 7系統(tǒng)正式的圖標(biāo)(見下圖)。
Louie Mantia還表示,他為iOS 7設(shè)計(jì)的新圖標(biāo)并沒有采用蘋果的設(shè)計(jì)框架(見下圖)。
同時(shí)他認(rèn)為雖然喬納森的設(shè)計(jì)非常棒,但是如果換做是他設(shè)計(jì),最主要思考的是顏色間的和諧。他指出自己的這組Icon花了很多時(shí)間思考色彩設(shè)計(jì),并且充分考慮不同顏色之間的和諧,利用色彩的高低明暗對(duì)比,減少漸層效果,但仍然會(huì)擁有生動(dòng)的效果。而這套屬于他自己的iOS 7系統(tǒng)圖標(biāo),則讓他花費(fèi)了很多時(shí)間在設(shè)計(jì)色彩上。利用色彩的高低明暗對(duì)比,減少漸層效果,但仍保有生動(dòng)的本質(zhì)。
具體的可以查看趙大羽老師的《iOS應(yīng)用的扁平化改造》
鏈接地址:http://edu.51cto.com/lesson/id-14180.html
iOS 7風(fēng)格界面重構(gòu)設(shè)計(jì)|國(guó)外APP設(shè)計(jì)師案例賞析
2014年蘋果公司將全面普及iOS7 APP和全套iOS7 GUI元素下載
iOS7 APP界面設(shè)計(jì)教程第一章《為iOS7的規(guī)范而設(shè)計(jì)》及統(tǒng)一設(shè)計(jì)規(guī)范整理
16個(gè)免費(fèi)的iOS 7的GUI套件和模板【PSD源文件】
下面是趙大羽老師的在北京CDC大會(huì)上面 所演講的一些關(guān)于iOS的視頻教程。
全站高品質(zhì)素材免費(fèi)下載!