扁平化體驗(yàn)的價(jià)值

0 評(píng)論 4897 瀏覽 2 收藏 6 分鐘

作者為?Rigo Design?創(chuàng)始人兼設(shè)計(jì)總監(jiān),Rigo 為插畫、手機(jī)、電視等行業(yè)提供設(shè)計(jì)方案。小米 MIUI V5 圖標(biāo)主要由 Rigo 擔(dān)任設(shè)計(jì),Rigo 擔(dān)任過金山獵豹瀏覽器、聯(lián)想手機(jī)四葉草設(shè)計(jì)。

今年的 WWDC 最耀眼和話題感的可能就是 iOS7 了。通宵觀看了直播,直到在自己手機(jī)上刷了 iOS 7,用了幾小時(shí)后,來說說自己的感受與看法。

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ì)圈的朋友爭到現(xiàn)在也沒個(gè)結(jié)果。我想在這里不妨關(guān)心一下從體驗(yàn)的層面,平面設(shè)計(jì)風(fēng)格為用戶的使用帶來了什么價(jià)值。

內(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)容上。

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

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

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

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

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

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

留白的藝術(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)簡潔、易讀的內(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)。

動(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à)值,你將贏得他們的心。這不就是我們所追求的么。

來自:愛范兒

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!