@嶒經(jīng)de恛憶 ：隨著iOS7的發(fā)布，一時(shí)間，如何設(shè)計(jì)和適配iOS7風(fēng)格，成為了炙手可熱的東西。每種設(shè)計(jì)，它總有自己的關(guān)鍵點(diǎn)和設(shè)計(jì)風(fēng)格，iOS7也不例外。

同類型文章：
《PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)》
《在PHOTOSHOP中創(chuàng)建精細(xì)的工具圖標(biāo)》
《手把手教！用PS設(shè)計(jì)一枚IOS 7風(fēng)格日記圖標(biāo)》

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

一 . 手繪圖標(biāo)

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

二 . 鮮活用色

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

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

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

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

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

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

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

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

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

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

六 . 大量的留白

iOS7的應(yīng)用界面通過大量的呼吸空間來確保可讀性和易用性。在官方的設(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)系原作者。

投稿作者：@嶒經(jīng)de恛憶

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量65萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：