手機(jī)版WPS 手機(jī)版wps免費(fèi)下載
2022-11-29
更新時(shí)間:2022-04-01 03:31:26作者:佚名
扁平化設(shè)計(jì)是指擯棄多余的裝飾,如陰影、透視、紋理、漸變等,以抽象化、簡(jiǎn)潔化、符號(hào)化的設(shè)計(jì)元素將信息和事物的工作方式展示出來(lái)的一種設(shè)計(jì)風(fēng)格。信息結(jié)構(gòu)呈現(xiàn)的是一種扁而寬的結(jié)構(gòu)形式。其風(fēng)格特點(diǎn)為抽象新穎、色彩豐富、清新質(zhì)樸、網(wǎng)格設(shè)計(jì)明顯。說(shuō)起扁平化設(shè)計(jì)就不得不提擬物化設(shè)計(jì)。擬物化設(shè)計(jì)是指以高光、紋理、陰影等效果模仿現(xiàn)實(shí)世界實(shí)物的造型、材質(zhì)和顏色,從而達(dá)到現(xiàn)實(shí)實(shí)物的再現(xiàn),通過(guò)這種形象易懂的方式來(lái)表達(dá)操作方法的一種設(shè)計(jì)風(fēng)格,其信息組織結(jié)構(gòu)呈現(xiàn)長(zhǎng)而深的縱向樹(shù)形結(jié)構(gòu),風(fēng)格特點(diǎn)是具象寫實(shí)、華麗逼真。
扁平化設(shè)計(jì)在網(wǎng)頁(yè)界面視覺(jué)上的優(yōu)勢(shì)
網(wǎng)頁(yè)界面元素
格式塔心理學(xué)家認(rèn)為,人們的知覺(jué)有一種“簡(jiǎn)化”的傾向。這種傾向是一種將任何物體以盡可能簡(jiǎn)單的機(jī)構(gòu)組織起來(lái)是能夠體現(xiàn)物體最本質(zhì)的形態(tài)的表達(dá)。[3]在擬物化設(shè)計(jì)中,設(shè)計(jì)師會(huì)模仿現(xiàn)實(shí)世界里真實(shí)物體的顏色、形狀等。例如:設(shè)計(jì)師會(huì)為按鈕添加漸變、陰影等效果以符合真實(shí)按鈕的特征,以求對(duì)用戶產(chǎn)生親切的感覺(jué)。然而,這樣的按鈕往往帶來(lái)的是一種不符合用戶預(yù)期的體驗(yàn),同時(shí)這也一定程度上限制了用戶的個(gè)性化想象空間,更重要的是設(shè)計(jì)開(kāi)發(fā)的周期相對(duì)更長(zhǎng)。扁平化設(shè)計(jì)使用的都是基本形狀,去除了漸變、陰影等裝飾性效果,弱化了視覺(jué)上的復(fù)雜性,突出了每個(gè)元素所表達(dá)的信息本身。另外,由于扁平化設(shè)計(jì)的元素的這些特點(diǎn),其具有更廣泛的適用性,比如:眼睛近視和弱視的用戶也可以方便的使用這類設(shè)計(jì)。
網(wǎng)頁(yè)布局
之前的網(wǎng)頁(yè)設(shè)計(jì)講求精美的圖片和排版效果,漂亮的插畫與周到的布局設(shè)計(jì),扁平化設(shè)計(jì)拋棄了復(fù)雜的光影效果,更專注于根本的內(nèi)容呈現(xiàn)。扁平化設(shè)計(jì)中大量使用扁平化的圖標(biāo)、矢量圖形和圖標(biāo)字體,這種設(shè)計(jì)更符合現(xiàn)代人的審美觀。一方面,擬物化設(shè)計(jì)初衷是降低用戶的認(rèn)知成本,目的是讓用戶在使用科技產(chǎn)品時(shí)可以參考現(xiàn)實(shí)世界的操作規(guī)律,可短時(shí)間內(nèi)輕松掌握數(shù)碼產(chǎn)品的用法[4]。而在現(xiàn)今階段,數(shù)碼產(chǎn)品普及度已非常高,特別是在年輕用戶群體中,擬物化設(shè)計(jì)的功能性優(yōu)勢(shì)已無(wú)法凸顯,用戶已經(jīng)熟悉了各類數(shù)碼產(chǎn)品的基本特點(diǎn),適應(yīng)了各類界面的操作方法,在扁平化設(shè)計(jì)風(fēng)格的界面中更容易更快速地找到所需要的信息。另一方面,扁平化設(shè)計(jì)界面更能提升用戶操作的效率。
色彩
扁平化設(shè)計(jì)頁(yè)面中,因?yàn)樽非髽O簡(jiǎn)主義,所以沒(méi)有其他多余的裝飾。因此,網(wǎng)頁(yè)設(shè)計(jì)者在設(shè)計(jì)時(shí)需要更加注意色彩的搭配,這樣將會(huì)收到更好的視覺(jué)效果??偨Y(jié)扁平設(shè)計(jì)的色彩搭配大致分為兩種:同類色搭配:同類色搭配,最常用的是把同一種顏色的黑、白、灰三種色調(diào)結(jié)合在一起,形成層次上的對(duì)比。在扁平化設(shè)計(jì)中,單色的使用不僅能分清層次感,同時(shí)也能把握住整體感。對(duì)比色搭配:對(duì)比色搭配的使用可以使頁(yè)面看起來(lái)極富活力又有豐富的色彩變幻,視覺(jué)效果醒目。在使用對(duì)比色進(jìn)行搭配時(shí),設(shè)計(jì)師要注意到在設(shè)計(jì)時(shí)應(yīng)當(dāng)先了解網(wǎng)頁(yè)的主題,選用合適的顏色進(jìn)行搭配。
字體
文字是設(shè)計(jì)師向用戶傳遞信息的最主要手段。而字體的選擇不僅要符合扁平化設(shè)計(jì)的簡(jiǎn)約風(fēng)格,同時(shí)還要符合整個(gè)頁(yè)面主題的設(shè)計(jì)風(fēng)格。一般扁平化風(fēng)格的頁(yè)面會(huì)使用無(wú)襯線字體,再通過(guò)對(duì)字體字號(hào)、顏色和粗細(xì)的變化進(jìn)行排版[5]。不同排版的文字信息會(huì)帶來(lái)不同的視覺(jué)瀏覽體驗(yàn),如字號(hào)較大,或是粗體,能幫助用戶輕易地分辨、獲取文字所傳達(dá)的信息,這就在內(nèi)容上創(chuàng)造出一定的層次感,可明顯提升內(nèi)容的易讀性。
扁平化設(shè)計(jì)在網(wǎng)頁(yè)信息組織結(jié)構(gòu)上的優(yōu)勢(shì)
擬物化設(shè)計(jì)的信息組織結(jié)構(gòu)主要表現(xiàn)為層級(jí)化結(jié)構(gòu),呈現(xiàn)為金字塔形的縱向樹(shù)形結(jié)構(gòu),是一種邏輯性較強(qiáng)的層級(jí)化組織方式[6]。這種信息組織結(jié)構(gòu)層級(jí)較多,每個(gè)層級(jí)容納的信息量少而準(zhǔn)確,根據(jù)嚴(yán)密的邏輯關(guān)系將信息進(jìn)行有效的分類,因此信息獲取的準(zhǔn)確率比較高。同時(shí)層級(jí)間的轉(zhuǎn)換路徑較長(zhǎng),不同界面的切換耗時(shí)長(zhǎng)且不利于全局觀察,已造成用戶“迷路”。
扁平化設(shè)計(jì)在網(wǎng)頁(yè)交互方式上的優(yōu)勢(shì)
擬物化設(shè)計(jì)的網(wǎng)頁(yè)往往由于擬物的不徹底,比如可能由于花費(fèi)時(shí)間較長(zhǎng)的原因,按鈕的四種狀態(tài)不能做到完全的擬物,會(huì)造成用戶體驗(yàn)上的不連貫,給用戶造成疑惑。同時(shí)由于擬物化設(shè)計(jì)耗時(shí)比較長(zhǎng),往往很少在網(wǎng)頁(yè)動(dòng)效方面改善用戶體驗(yàn)的事情。而扁平設(shè)計(jì)中使用的多是簡(jiǎn)單的矢量圖形、圖標(biāo)、圖片,做交互動(dòng)效比較容易且不易亂。同時(shí)網(wǎng)頁(yè)交互動(dòng)效可以大大提高用戶的情感體驗(yàn),避免扁平化設(shè)計(jì)風(fēng)格給人造成冰冷、毫無(wú)生機(jī)的感覺(jué)。
總結(jié)
扁平化與擬物化設(shè)計(jì)一樣都由來(lái)已久,隨著互聯(lián)網(wǎng)的飛速發(fā)展,特別是移動(dòng)互聯(lián)網(wǎng)的崛起,滿足了用戶的各種新需求,解決了用戶體驗(yàn)的痛點(diǎn),扁平化設(shè)計(jì)的優(yōu)勢(shì)得以凸顯并得到了廣泛傳播。扁平化設(shè)計(jì)風(fēng)格運(yùn)用在網(wǎng)頁(yè)設(shè)計(jì)上,他的這些優(yōu)點(diǎn)將同樣會(huì)對(duì)用戶體驗(yàn)產(chǎn)生非常積極的影響。擬物化設(shè)計(jì)風(fēng)格也不會(huì)就此覆滅,它會(huì)用適當(dāng)?shù)姆绞綄?duì)用戶體驗(yàn)做出貢獻(xiàn)。