蘋果手機(jī)和APP產(chǎn)品追求扁平化設(shè)計(jì)的價(jià)值是什么?

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

ios7-redesigned-icons-psd

先來看下下面的專家的解讀。

iOS 7 系統(tǒng)層面的平面設(shè)計(jì)化設(shè)計(jì),從操作層級(jí)到視覺風(fēng)格,相信不少意見領(lǐng)袖與專業(yè)人士,在 WWDC 大會(huì)前后都給過趨勢(shì)預(yù)言與風(fēng)格評(píng)論等,在此不再復(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)在也沒個(gè)結(jié)果。

不妨關(guān)心一下從體驗(yàn)的層面,平面設(shè)計(jì)風(fēng)格為用戶的使用帶來了什么價(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ì)帶來的是解決干擾,而不僅僅是創(chuàng)造視覺驚喜,在屏幕上僅留下用戶當(dāng)前最關(guān)注的東西,它讓人們沉浸在他們喜歡的內(nèi)容中。減少概念與界面層級(jí)的視覺裝飾,更多地使用用戶已經(jīng)掌握的交互行為,這樣你才可以把重點(diǎn)精力集中到最核心內(nèi)容上。

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

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

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

功能操作沉浸于整體內(nèi)容之中,通過用戶使用前后情境而響應(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ì)來建立信息層次。

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

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

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

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

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

 

6、動(dòng)畫:界面的肢體語言

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

 

總之,一款優(yōu)秀的系統(tǒng)動(dòng)畫,提供給人們一個(gè)似曾相識(shí)的感覺與操控信心。界面動(dòng)畫提示用戶了解行為的預(yù)期, 幫助他們理解和鞏固操作概念,及界面是如何運(yùn)作的。無論寫實(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)自愛范兒 http://www.ifanr.com/303128

好設(shè)計(jì),好干貨,就來25學(xué)堂!

每天更新,
全站高品質(zhì)素材免費(fèi)下載!