在上周，隨著iOS 7的發(fā)布會(huì)成功舉辦！中國(guó)乃至世界掀起了一股iOS 7扁平化設(shè)計(jì)風(fēng)！這是為什么？為什么有那么多的智能手機(jī)產(chǎn)品，移動(dòng)互聯(lián)網(wǎng)產(chǎn)品都在追求它呢？

先來(lái)看下下面的專家的解讀。

iOS 7 系統(tǒng)層面的平面設(shè)計(jì)化設(shè)計(jì)，從操作層級(jí)到視覺(jué)風(fēng)格，相信不少意見(jiàn)領(lǐng)袖與專業(yè)人士，在 WWDC 大會(huì)前后都給過(guò)趨勢(shì)預(yù)言與風(fēng)格評(píng)論等，在此不再?gòu)?fù)述。不去評(píng)論 iOS 7 上有多少其他產(chǎn)品的影子，或是有多少令你失望抑或眼前一閃的亮點(diǎn)，圖標(biāo)是否統(tǒng)一，好不好看，界面結(jié)構(gòu)是不是很亂，層級(jí)不清……產(chǎn)品設(shè)計(jì)圈的朋友爭(zhēng)到現(xiàn)在也沒(méi)個(gè)結(jié)果。

不妨關(guān)心一下從體驗(yàn)的層面，平面設(shè)計(jì)風(fēng)格為用戶的使用帶來(lái)了什么價(jià)值。讀完以下6點(diǎn)設(shè)計(jì)點(diǎn)評(píng)，你也可以從中悟出點(diǎn)什么味道價(jià)值？

1、內(nèi)容：讓內(nèi)容成為主人

內(nèi)容重于形式，內(nèi)容才是整個(gè)體驗(yàn)的精髓。平面化設(shè)計(jì)將舞臺(tái)重還于內(nèi)容，這不就是用戶關(guān)心的么？平面化設(shè)計(jì)帶來(lái)的是解決干擾，而不僅僅是創(chuàng)造視覺(jué)驚喜，在屏幕上僅留下用戶當(dāng)前最關(guān)注的東西，它讓人們沉浸在他們喜歡的內(nèi)容中。減少概念與界面層級(jí)的視覺(jué)裝飾，更多地使用用戶已經(jīng)掌握的交互行為，這樣你才可以把重點(diǎn)精力集中到最核心內(nèi)容上。

2、布局：視覺(jué)動(dòng)線的引導(dǎo)

平面化讓我們用最清晰的圖形元素創(chuàng)建最簡(jiǎn)潔的視覺(jué)效果，去掉多余的線和框，僅用內(nèi)容本身來(lái)布局內(nèi)容，為內(nèi)容留出呼吸空間。優(yōu)秀的平面感設(shè)計(jì)，會(huì)出色地引導(dǎo)與協(xié)助用戶的視覺(jué)動(dòng)線，有序的區(qū)分界面層級(jí)與操作，讓用戶專注于目的本身。

3、功能按鈕 ：沉浸于內(nèi)容中

功能操作沉浸于整體內(nèi)容之中，通過(guò)用戶使用前后情境而響應(yīng)式的呼出必要的功能操作。只有在必要的時(shí)候，而不是在所有時(shí)間。

4、文字排版 ：內(nèi)容的構(gòu)造與節(jié)奏

優(yōu)秀的平面化設(shè)計(jì)，建立在整齊而美觀的文字排版基礎(chǔ)之上。文字排版為內(nèi)容創(chuàng)建結(jié)構(gòu)和節(jié)奏感。用統(tǒng)一的字體、字號(hào)、粗細(xì)來(lái)建立信息層次。

5、留白的藝術(shù)：負(fù)空間的設(shè)計(jì)魅力

留白——設(shè)計(jì)中負(fù)空間的重要性與魅力。利用界面空間的留白來(lái)增強(qiáng)內(nèi)容。

留白空間是界面的重要組成部分，留白是內(nèi)容的一部分，以及內(nèi)容意境的一種伸展，優(yōu)秀的留白空間設(shè)計(jì)，使內(nèi)容變得更加美好，富有憧憬。

在平面化的界面設(shè)計(jì)中，更加注重通過(guò)對(duì)齊來(lái)呈現(xiàn)簡(jiǎn)潔、易讀的內(nèi)容。

如何通過(guò)平面設(shè)計(jì)語(yǔ)言，讓內(nèi)容和負(fù)空間形成一個(gè)有序的規(guī)則，通過(guò)比例的協(xié)調(diào)對(duì)比來(lái)突出重要內(nèi)容區(qū)塊，有意識(shí)的使用的留白（負(fù)空間設(shè)計(jì)），為用戶閱讀提供了喘息的空間；同時(shí)，引導(dǎo)用戶關(guān)注內(nèi)容本身。這是平面化在界面設(shè)計(jì)中的重點(diǎn)。

6、動(dòng)畫(huà)：界面的肢體語(yǔ)言

運(yùn)動(dòng)不僅僅是視覺(jué)的裝飾或產(chǎn)品炫酷的附加值。優(yōu)秀的平面化系統(tǒng)中，優(yōu)秀的動(dòng)態(tài)設(shè)計(jì)更是整個(gè)系統(tǒng)運(yùn)作的紅線——她提供信息出處并幫助人們理解系統(tǒng)中所有的操作或內(nèi)容，來(lái)自何方，去往何處。和人一樣，動(dòng)畫(huà)是界面系統(tǒng)的肢體語(yǔ)言，她從側(cè)面也呈現(xiàn)出一款系統(tǒng)的產(chǎn)品氣質(zhì)。

總之，一款優(yōu)秀的系統(tǒng)動(dòng)畫(huà)，提供給人們一個(gè)似曾相識(shí)的感覺(jué)與操控信心。界面動(dòng)畫(huà)提示用戶了解行為的預(yù)期, 幫助他們理解和鞏固操作概念，及界面是如何運(yùn)作的。無(wú)論寫(xiě)實(shí)的擬物設(shè)計(jì)或?qū)懸獾钠矫嬖O(shè)計(jì)，如何圍繞需求，讓人們沉浸在他們喜歡的內(nèi)容中。還是那句話：作為產(chǎn)品人與設(shè)計(jì)師，要關(guān)心的不僅僅是風(fēng)格與形式，而是更加美好的體驗(yàn)。要知道使用你所設(shè)計(jì)的產(chǎn)品的人，他們并非僅僅是“用戶”，他們是心懷希望，夢(mèng)想美好體驗(yàn)的人。你所打造的產(chǎn)品是為了幫助人們?nèi)?shí)現(xiàn)他們各自的夢(mèng)想。你該如何看待用戶，幫助他們激發(fā)自己內(nèi)在的天賦與價(jià)值，你將贏得他們的心。這不就是我們所追求的么。

本文轉(zhuǎn)自愛(ài)范兒 http://www.ifanr.com/303128

好設(shè)計(jì)，好干貨，就來(lái)25學(xué)堂！