深度解析ios7風(fēng)格,手把手教你怎么打造ios7風(fēng)格的app

1 評(píng)論 8963 瀏覽 4 收藏 4 分鐘

隨著ios7的發(fā)布,一時(shí)間,如何設(shè)計(jì)和適配ios7風(fēng)格,成為了炙手可熱的東西,

每種設(shè)計(jì),他總有自己的關(guān)鍵點(diǎn)和設(shè)計(jì)風(fēng)格,ios7也不例外。

個(gè)人總結(jié)下來,認(rèn)為ios7風(fēng)格主要有以下幾個(gè)關(guān)鍵點(diǎn).

1.手繪圖標(biāo)。

相信大家都已經(jīng)注意到了,蘋果官方的很多圖標(biāo),都已經(jīng)改成近似手繪的效果,例如如下的幾個(gè)圖標(biāo)

2.鮮活用色

以前做設(shè)計(jì)或者印刷上的設(shè)計(jì),大家都避免這種很亮很淡的設(shè)計(jì),因?yàn)檫@樣的顏色印刷出來,可見度很低,而且容易刺眼。

但是蘋果的ios7設(shè)計(jì),這種鮮活的顏色是根本,這種亮色,讓人感覺很有朝氣,讓現(xiàn)代快節(jié)奏的人們覺得有新鮮感。

大家可以看方酷上的幾個(gè)ios7風(fēng)格的設(shè)計(jì)

?32

都是采用了很亮很炫的顏色,這也為ios7的頁面奠定了基礎(chǔ)。

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

這點(diǎn)相信不言而喻了,毛玻璃的提示框,小景深的啟動(dòng)界面,讓人著實(shí)過了一把模糊癮。

4 5

4.簡(jiǎn)潔的柵格線和文字導(dǎo)航

上一代喬幫主的設(shè)計(jì)中,主風(fēng)格就是圓角,上下平分的漸變,立體化效果。

ios7的設(shè)計(jì)中,大多比較扁平,取締了以前的平分漸變,圓角卻更加圓了。。。

6

7

5.極簡(jiǎn)的列表頁和設(shè)置頁

8

6.大量的留白

iOS7的應(yīng)用界面通過大量的呼吸空間來確??勺x性和易用性。在官方的設(shè)計(jì)規(guī)范中,蘋果明確指出,他們希望設(shè)計(jì)師們通過留白傳達(dá)出平靜和穩(wěn)定的感覺,使應(yīng)用看上去更加專注和高效。

結(jié)論:大道至簡(jiǎn)。個(gè)人覺得,ios7風(fēng)格就是將設(shè)計(jì)的精簡(jiǎn)發(fā)揮到了極致,同時(shí)引入了一些新的設(shè)計(jì)風(fēng)格來吸引人的眼球,用戶體驗(yàn)和設(shè)計(jì)美感上,都是無與倫比的。要想做出好的ios7設(shè)計(jì)作品,還需要持久的練習(xí)和學(xué)習(xí)。。

附加說明:以上圖片幾張圖片引自方酷,若要商業(yè)使用,請(qǐng)聯(lián)系原作者。

以上均屬個(gè)人觀點(diǎn),歡迎補(bǔ)充指正。

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

本文系作者?Coly?投稿發(fā)布,轉(zhuǎn)載請(qǐng)注明來源于人人都是產(chǎn)品經(jīng)理并保留本文鏈接

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 標(biāo)題黨

    來自江蘇 回復(fù)