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

1 評論 8959 瀏覽 4 收藏 4 分鐘

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

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

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

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

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

2.鮮活用色

以前做設(shè)計或者印刷上的設(shè)計，大家都避免這種很亮很淡的設(shè)計，因為這樣的顏色印刷出來，可見度很低，而且容易刺眼。

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

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

?32

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

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

這點相信不言而喻了，毛玻璃的提示框，小景深的啟動界面，讓人著實過了一把模糊癮。

4 5

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

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

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

6

7

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

8

6.大量的留白

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

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

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

以上均屬個人觀點，歡迎補充指正。

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

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

更多精彩內(nèi)容，請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
漓江
人人都是產(chǎn)品經(jīng)理內(nèi)容運營團隊
512篇作品 6845627總閱讀量
06-217074 瀏覽
設(shè)計師必讀！尼爾森原則在B端設(shè)計中的應(yīng)用
05-26945 瀏覽
10分鐘騙走430萬，如何提防詐騙新技術(shù)？
06-157119 瀏覽
被總監(jiān)批評了多次后，我總結(jié)了一些做G端可視化大屏的思路！
12-261659 瀏覽
消費者與品牌企業(yè)共擔(dān)社會責(zé)任：人文精神、公民品牌與雙向選擇的融合
04-0713313 瀏覽
中高級產(chǎn)品經(jīng)理怎樣繼續(xù)向上提升？
評論
評論請登錄

  1. 標(biāo)題黨

    來自江蘇 回復(fù)