研究平面設(shè)計(jì)風(fēng)格在網(wǎng)頁(yè)設(shè)計(jì)中的優(yōu)勢(shì)。方法從界面視覺(jué)特征、信息結(jié)構(gòu)特征以及交互方式等方面比較了擬物化和扁平化的設(shè)計(jì)風(fēng)格。結(jié)論兩種風(fēng)格的界面和信息結(jié)構(gòu)特征不同，以用戶(hù)為中心來(lái)衡量。目前，平面設(shè)計(jì)風(fēng)格在網(wǎng)頁(yè)設(shè)計(jì)中具有明顯的優(yōu)勢(shì)。互聯(lián)網(wǎng)的誕生是一個(gè)奇跡，而網(wǎng)頁(yè)就是這個(gè)奇跡的載體和縮影。隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)頁(yè)的設(shè)計(jì)變得越來(lái)越重要。準(zhǔn)物化設(shè)計(jì)風(fēng)格和扁平化設(shè)計(jì)風(fēng)格是目前最流行的兩種設(shè)計(jì)風(fēng)格，關(guān)于它們的爭(zhēng)論從未停止過(guò)。1平面設(shè)計(jì)與擬物化設(shè)計(jì)導(dǎo)論。平面設(shè)計(jì)是指摒棄多余裝飾的設(shè)計(jì)風(fēng)格，如陰影、透視、紋理、漸變等。用抽象、簡(jiǎn)潔、符號(hào)化的設(shè)計(jì)元素展示信息和事物的工作方式。信息結(jié)構(gòu)呈現(xiàn)出扁平而廣泛的結(jié)構(gòu)形式。其風(fēng)格特點(diǎn)是抽象新穎，色彩豐富，清新簡(jiǎn)約，格紋設(shè)計(jì)明顯。[1]說(shuō)到平面設(shè)計(jì)，就不得不提準(zhǔn)物化設(shè)計(jì)。準(zhǔn)物化設(shè)計(jì)是指通過(guò)高光、紋理、陰影等效果，模仿世界上真實(shí)物體的形狀、材質(zhì)、顏色，從而達(dá)到真實(shí)物體再現(xiàn)的設(shè)計(jì)風(fēng)格，并以這樣通俗易懂的方式表達(dá)操作方法。其信息組織結(jié)構(gòu)呈現(xiàn)出長(zhǎng)而深的垂直樹(shù)形結(jié)構(gòu)，風(fēng)格具有具象寫(xiě)實(shí)、壯美逼真的特點(diǎn)。[2]2扁平化設(shè)計(jì)在網(wǎng)頁(yè)界面的視覺(jué)優(yōu)勢(shì)。2.1web界面元素。格式塔心理學(xué)家認(rèn)為，人的感知傾向于“簡(jiǎn)化”。這種傾向是一種表達(dá)，用最簡(jiǎn)單的可能機(jī)制組織任何對(duì)象，都可以體現(xiàn)對(duì)象最本質(zhì)的形式。[3]在擬物化的設(shè)計(jì)中，設(shè)計(jì)師會(huì)模仿現(xiàn)實(shí)世界中真實(shí)物體的顏色和形狀。比如設(shè)計(jì)師會(huì)給按鈕添加漸變、陰影等效果，以符合真實(shí)按鈕的特點(diǎn)，從而為用戶(hù)營(yíng)造出友好的感覺(jué)。但這樣的按鈕往往會(huì)帶來(lái)一種不符合用戶(hù)預(yù)期的體驗(yàn)，同時(shí)也在一定程度上限制了用戶(hù)的個(gè)性化想象空間，更重要的是設(shè)計(jì)開(kāi)發(fā)周期相對(duì)較長(zhǎng)。平面設(shè)計(jì)采用基本形狀，去除漸變、陰影等裝飾效果，弱化視覺(jué)復(fù)雜性，突出每個(gè)元素所表達(dá)的信息。此外，由于平面設(shè)計(jì)元素的這些特點(diǎn)，它具有更廣泛的適用性。比如近視弱視的用戶(hù)也可以方便地使用這種設(shè)計(jì)。2.2網(wǎng)頁(yè)布局以往的網(wǎng)頁(yè)設(shè)計(jì)強(qiáng)調(diào)精美的圖片和排版效果，精美的插圖和周到的布局設(shè)計(jì)，平面設(shè)計(jì)摒棄了復(fù)雜的光影效果，更多的關(guān)注基礎(chǔ)內(nèi)容的呈現(xiàn)。扁平化的圖標(biāo)、矢量圖形、圖標(biāo)字體在扁平化設(shè)計(jì)中應(yīng)用廣泛，更符合現(xiàn)代審美。一方面，準(zhǔn)物化設(shè)計(jì)的初衷是降低用戶(hù)的認(rèn)知成本，讓用戶(hù)在使用科技產(chǎn)品時(shí)能夠參考現(xiàn)實(shí)世界的操作規(guī)則，在短時(shí)間內(nèi)輕松掌握數(shù)字產(chǎn)品的用法[4]。目前數(shù)碼產(chǎn)品的普及度已經(jīng)很高了，尤其是在年輕用戶(hù)中，準(zhǔn)物化設(shè)計(jì)的功能優(yōu)勢(shì)已經(jīng)無(wú)法凸顯，用戶(hù)已經(jīng)熟悉了各種數(shù)碼產(chǎn)品的基本特征，適應(yīng)了各種界面的操作方式，在扁平化的設(shè)計(jì)風(fēng)格界面中更容易、更快速地找到所需信息。另一方面，平面設(shè)計(jì)的界面可以提高用戶(hù)操作的效率。隨著移動(dòng)互聯(lián)網(wǎng)的迅速崛起，移動(dòng)終端屏幕尺寸的多樣化給網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)了很多麻煩，于是響應(yīng)型網(wǎng)頁(yè)設(shè)計(jì)應(yīng)運(yùn)而生。在這方面，對(duì)于設(shè)計(jì)為物化的網(wǎng)頁(yè)，很難實(shí)現(xiàn)跨屏、跨平臺(tái)的界面適配，尤其是在小屏幕上，設(shè)計(jì)為物化的圖標(biāo)非常難識(shí)別，而設(shè)計(jì)為扁平化的圖標(biāo)可以很好地滿(mǎn)足這些變化因素的需求。矢量圖形的更平坦使用減少了對(duì)像素精度的依賴(lài)，因此設(shè)計(jì)師有更多的創(chuàng)作空間，可以創(chuàng)建更具適應(yīng)性的用戶(hù)界面。2.3顏色在平面設(shè)計(jì)頁(yè)面，因?yàn)樽非髽O簡(jiǎn)，沒(méi)有其他多余的裝飾。因此，設(shè)計(jì)師在設(shè)計(jì)時(shí)需要更加注重色彩的搭配，這樣才會(huì)收到更好的視覺(jué)效果?？偨Y(jié)平面設(shè)計(jì)的配色大致可以分為兩種相似配色相似配色，最常用的是將同色系的黑、白、灰三種色調(diào)組合起來(lái)，形成層次對(duì)比。在平面設(shè)計(jì)中，單色的運(yùn)用既能區(qū)分層次感，又能把握整體感。對(duì)比配色使用對(duì)比配色可以讓頁(yè)面看起來(lái)充滿(mǎn)活力，色彩豐富，視覺(jué)效果搶眼。設(shè)計(jì)師在使用對(duì)比色進(jìn)行搭配時(shí)，要注意理解網(wǎng)頁(yè)主題，選擇合適的顏色進(jìn)行搭配。2.4字體文本設(shè)計(jì)者是向用戶(hù)傳遞信息的最重要手段。字體的選擇既要符合平面設(shè)計(jì)的簡(jiǎn)約風(fēng)格，又要符合整個(gè)頁(yè)面主題的設(shè)計(jì)風(fēng)格。一般來(lái)說(shuō)，平面樣式的頁(yè)面會(huì)使用無(wú)襯線字體，然后通過(guò)改變字體大小、顏色和粗細(xì)來(lái)排版[5]。不同的排版文字信息會(huì)帶來(lái)不同的視覺(jué)瀏覽體驗(yàn)，比如更大的字號(hào)或黑體字，可以幫助用戶(hù)輕松區(qū)分和獲取文字所傳達(dá)的信息，從而在內(nèi)容中營(yíng)造出一定的層次感，明顯提高內(nèi)容的可讀性。3扁平化設(shè)計(jì)在網(wǎng)絡(luò)信息組織結(jié)構(gòu)中的優(yōu)勢(shì)。所提出的物化設(shè)計(jì)的信息組織結(jié)構(gòu)主要是層級(jí)結(jié)構(gòu)，呈現(xiàn)金字塔形的垂直樹(shù)形結(jié)構(gòu)，是一種邏輯強(qiáng)的層級(jí)組織模式[6]。這種信息組織結(jié)構(gòu)有很多層次，每個(gè)層次包含的信息很少，也很準(zhǔn)確。信息是根據(jù)嚴(yán)格的邏輯關(guān)系進(jìn)行有效分類(lèi)的，因此信息獲取的準(zhǔn)確性相對(duì)較高。同時(shí)，層級(jí)之間的過(guò)渡路徑長(zhǎng)，不同界面之間切換耗時(shí)長(zhǎng)，不利于全局觀察，導(dǎo)致用戶(hù)迷失方向。準(zhǔn)物化設(shè)計(jì)是一種注重功能實(shí)現(xiàn)的信息結(jié)構(gòu)，更適用于具有邏輯信息結(jié)構(gòu)、信息多樣且詳細(xì)的產(chǎn)品。扁平化設(shè)計(jì)最大限度地縮短了信息層級(jí)，擴(kuò)大了橫向信息承載能力，呈現(xiàn)出扁平化、寬化的結(jié)構(gòu)。特別是卡片式信息展示形式可以同時(shí)展示信息標(biāo)題和少量?jī)?nèi)容，降低了用戶(hù)訪問(wèn)多個(gè)目標(biāo)信息時(shí)的認(rèn)知成本。但是，如果單個(gè)層級(jí)所承載的信息量過(guò)大，就會(huì)變得更加難以獲取準(zhǔn)確的信息，在頁(yè)面中定位信息也會(huì)變得更加困難。因此，扁平化設(shè)計(jì)適用于信息瀏覽快、信息分支和模塊少、信息傳遞快的產(chǎn)品。這種信息組織結(jié)構(gòu)的扁平化設(shè)計(jì)可以?xún)?yōu)化目前大多數(shù)的網(wǎng)頁(yè)體驗(yàn)。4平面設(shè)計(jì)在網(wǎng)頁(yè)交互中的優(yōu)勢(shì)。設(shè)計(jì)要物化的網(wǎng)頁(yè)往往是不完整的，比如因?yàn)楹臅r(shí)較長(zhǎng)，按鈕的四種狀態(tài)無(wú)法完全模擬，會(huì)造成用戶(hù)體驗(yàn)的不連貫，給用戶(hù)帶來(lái)困惑。與此同時(shí)，由于耗時(shí)的準(zhǔn)物化設(shè)計(jì)，在網(wǎng)頁(yè)動(dòng)態(tài)方面幾乎沒(méi)有什么可以改善用戶(hù)體驗(yàn)的東西。而平面設(shè)計(jì)多采用簡(jiǎn)單的矢量圖形、圖標(biāo)和圖片，容易混淆，不易混淆。同時(shí)，網(wǎng)頁(yè)的交互效果可以大大提升用戶(hù)的情感體驗(yàn)，避免扁平化設(shè)計(jì)風(fēng)格帶來(lái)的冰冷、毫無(wú)生氣的感覺(jué)。5平面設(shè)計(jì)歷史悠久，就像準(zhǔn)物化設(shè)計(jì)一樣。隨著互聯(lián)網(wǎng)的快速發(fā)展，尤其是移動(dòng)互聯(lián)網(wǎng)的興起，滿(mǎn)足了用戶(hù)的各種新需求，解決了用戶(hù)體驗(yàn)的痛點(diǎn)。扁平化設(shè)計(jì)的優(yōu)勢(shì)被凸顯出來(lái)并廣泛傳播。當(dāng)平面設(shè)計(jì)風(fēng)格運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)中，其優(yōu)勢(shì)也會(huì)對(duì)用戶(hù)體驗(yàn)產(chǎn)生非常積極的影響。準(zhǔn)物化的設(shè)計(jì)風(fēng)格不會(huì)被破壞，會(huì)以恰當(dāng)?shù)姆绞綖橛脩?hù)體驗(yàn)做貢獻(xiàn)。