簡(jiǎn)約主義視角下的網(wǎng)頁(yè)設(shè)計(jì)

前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了簡(jiǎn)約主義視角下的網(wǎng)頁(yè)設(shè)計(jì)范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要：

在當(dāng)前這個(gè)時(shí)代中，各種視覺(jué)信息不斷泛濫，讓我們眼花繚亂、應(yīng)不暇接。人們?cè)絹?lái)越希望網(wǎng)頁(yè)設(shè)計(jì)能夠變得簡(jiǎn)潔、明快、一目了然。將簡(jiǎn)約主義思想應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中，有著明顯的現(xiàn)實(shí)意義。本文先分析簡(jiǎn)約設(shè)計(jì)理念的起源，接著研究簡(jiǎn)約主義視角下網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)，最后提出一套有針對(duì)性的應(yīng)用簡(jiǎn)約主義理念的對(duì)策，希望能起到一定的啟發(fā)意義。

關(guān)鍵詞：簡(jiǎn)約主義；網(wǎng)頁(yè)設(shè)計(jì)；對(duì)策

一、前言

邁入新世紀(jì)之后，信息技術(shù)蓬勃發(fā)展，我們已經(jīng)身處于信息時(shí)代的懷抱中，在這個(gè)時(shí)代中，各種視覺(jué)信息不斷泛濫，讓我們眼花繚亂、應(yīng)不暇接。人們?cè)絹?lái)越希望網(wǎng)頁(yè)設(shè)計(jì)能夠變得簡(jiǎn)潔、明快、一目了然。將簡(jiǎn)約主義思想應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中，有著明顯的現(xiàn)實(shí)意義。本文先分析簡(jiǎn)約設(shè)計(jì)理念的起源，接著研究簡(jiǎn)約主義視角下網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)，最后提出一套有針對(duì)性的應(yīng)用簡(jiǎn)約主義理念的對(duì)策，希望能起到一定的啟發(fā)意義。

二、簡(jiǎn)約主義溯源

早在春秋戰(zhàn)國(guó)時(shí)期，我國(guó)哲學(xué)家、思想家老子就提出過(guò)“少則多、多則惑”的思想。在古希臘時(shí)期，柏拉圖曾經(jīng)用“簡(jiǎn)單及少”的理念來(lái)論述立方體。這足以說(shuō)明簡(jiǎn)約主義思想源遠(yuǎn)流長(zhǎng)，很早就初見(jiàn)雛形。事實(shí)上，正是世界文明史上的現(xiàn)代主義運(yùn)動(dòng)直接帶動(dòng)了簡(jiǎn)約主義的發(fā)展與成熟。從理論角度而言，現(xiàn)代主義是功能主義與簡(jiǎn)約原則的有機(jī)融合。上個(gè)世紀(jì)初，英國(guó)興起的“工藝美術(shù)運(yùn)動(dòng)”正式將簡(jiǎn)約主義理念登上了歷史的舞臺(tái)，使其出現(xiàn)在人們的視野中。“工藝美術(shù)運(yùn)動(dòng)”旨在否定機(jī)械化與裝飾過(guò)度的設(shè)計(jì)風(fēng)格，主張真實(shí)、熱情，兼具功能與價(jià)值的設(shè)計(jì)。這次運(yùn)動(dòng)為現(xiàn)代主義風(fēng)格奠定了良好的基礎(chǔ)。其提出設(shè)計(jì)應(yīng)該以功能作為核心，強(qiáng)調(diào)非裝飾化的簡(jiǎn)單幾何造型。之后，著名建筑大師米斯•凡德羅提出了經(jīng)典的“Lessismore”的設(shè)計(jì)原則，直接為簡(jiǎn)約主義理念奠定了理論基礎(chǔ)。如今，不光是建筑領(lǐng)域，產(chǎn)品設(shè)計(jì)領(lǐng)域、平面設(shè)計(jì)領(lǐng)域、室內(nèi)設(shè)計(jì)領(lǐng)域、家居設(shè)計(jì)領(lǐng)域都開(kāi)始追求簡(jiǎn)約主義設(shè)計(jì)理念。如今，關(guān)于簡(jiǎn)約主義的稱法層出不窮，白色派、極少主義、“空”設(shè)計(jì)，其實(shí)都是追求簡(jiǎn)約大方的設(shè)計(jì)風(fēng)格，是簡(jiǎn)約主義設(shè)計(jì)理念的具體體現(xiàn)。本文認(rèn)為，所謂簡(jiǎn)約主義，其實(shí)就是呈現(xiàn)最基本的要素，主張摒棄一切多余的結(jié)構(gòu)、色彩、文字與圖形等，這樣可以讓核心內(nèi)容成為聚焦點(diǎn)，使人們迅速攫取到中心內(nèi)容。

三、簡(jiǎn)約主義視角下網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)

互聯(lián)網(wǎng)的日益普及使得網(wǎng)絡(luò)承載的網(wǎng)頁(yè)內(nèi)容不斷增多，功能也日趨多元化。雖然人們通過(guò)網(wǎng)頁(yè)能找到自己想要的信息，但由于網(wǎng)絡(luò)世界缺乏應(yīng)有的監(jiān)管，導(dǎo)致一些網(wǎng)頁(yè)看似華麗，實(shí)則空虛，這就對(duì)網(wǎng)頁(yè)設(shè)計(jì)提出了更高的要求。將簡(jiǎn)約主義理念用于網(wǎng)頁(yè)設(shè)計(jì)中，有著廣泛而深遠(yuǎn)的意義。首先，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用簡(jiǎn)約主義理念，可以提升用戶體驗(yàn)。如果只注重網(wǎng)頁(yè)的外觀設(shè)計(jì)，一味追求華麗美觀，用戶可能難以在網(wǎng)頁(yè)中迅速攫取自己想要的信息內(nèi)容，這樣的用戶體驗(yàn)顯然是很糟糕的。其實(shí)，在網(wǎng)頁(yè)設(shè)計(jì)中，簡(jiǎn)約是一個(gè)相對(duì)性概念，力求摒棄泛濫與隨意。網(wǎng)頁(yè)設(shè)計(jì)的簡(jiǎn)約是對(duì)網(wǎng)頁(yè)信息結(jié)構(gòu)進(jìn)行科學(xué)布置，簡(jiǎn)單清晰地向用戶傳達(dá)他們想要的信息，從而留住用戶，提高網(wǎng)頁(yè)的點(diǎn)擊率。其次，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用簡(jiǎn)約主義理念，可以做到網(wǎng)頁(yè)信息主次分明。Google產(chǎn)品設(shè)計(jì)副總裁MarissaMayer曾經(jīng)對(duì)這個(gè)功能做出過(guò)精辟闡釋，她認(rèn)為簡(jiǎn)約的網(wǎng)頁(yè)設(shè)計(jì)就猶如一把合上的瑞士軍刀，用戶往往只能記住一個(gè)網(wǎng)站的7-9個(gè)功能，腦海中留有16個(gè)左右的關(guān)鍵詞印象，所以必須在這個(gè)范圍內(nèi)合理考慮用戶的要求，而那些功能繁雜、頁(yè)面華麗的網(wǎng)站，更像一把打開(kāi)的瑞士軍刀，可能會(huì)“傷害”用戶的使用，使其感覺(jué)信息混亂。

四、網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用簡(jiǎn)約主義理念的對(duì)策

自從米斯•凡德羅提出了經(jīng)典的“Lessismore”設(shè)計(jì)原則，簡(jiǎn)約主義設(shè)計(jì)理念收到了人們的熱烈追捧與認(rèn)可，它提倡摒除所有無(wú)關(guān)緊要的要素，以簡(jiǎn)明、活潑、輕快的設(shè)計(jì)風(fēng)格直達(dá)用戶內(nèi)心，滿足用戶訴求。如今，現(xiàn)代人身處于一個(gè)信息爆炸、知識(shí)泛濫的時(shí)代中，內(nèi)心越來(lái)越渴望網(wǎng)頁(yè)界面做到簡(jiǎn)潔明快，能快速找到想要的信息。有鑒于此，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用簡(jiǎn)約主義理念可以從以下幾點(diǎn)入手：

1、合理取舍

簡(jiǎn)約主義設(shè)計(jì)風(fēng)格始終追求簡(jiǎn)單明晰的設(shè)計(jì)效果，摒棄所有多余的色彩、文字與圖形等設(shè)計(jì)元素，力求高效快捷地向用戶傳達(dá)有效信息，將他們的視覺(jué)關(guān)注點(diǎn)引領(lǐng)到關(guān)鍵信息中，對(duì)網(wǎng)頁(yè)的關(guān)鍵要點(diǎn)產(chǎn)生興趣。要達(dá)到這樣的境界，合理取舍至關(guān)重要，具體是指強(qiáng)調(diào)與著重，因?yàn)楹?jiǎn)約主義不是主張去除一切，而是提倡將關(guān)鍵信息優(yōu)先曝光在用戶的視覺(jué)世界中，在保證網(wǎng)頁(yè)好用的基礎(chǔ)上，為用戶減輕視覺(jué)負(fù)擔(dān)，使他們享受到良好的使用體驗(yàn)。在合理取舍過(guò)程中，設(shè)計(jì)者要注意這么幾個(gè)基本要求：網(wǎng)頁(yè)色彩、文字精簡(jiǎn)、圖形處理、位置編排和版面的“留白”處理等。對(duì)于一個(gè)沒(méi)有任何留白，文字布局密密麻麻的網(wǎng)頁(yè)，根本會(huì)讓讀者感覺(jué)無(wú)從下手，導(dǎo)致他們直接關(guān)上網(wǎng)頁(yè)。所以，網(wǎng)頁(yè)設(shè)計(jì)者必須保留一定的網(wǎng)頁(yè)留白，在空白背景下曝光重點(diǎn)信息和關(guān)鍵信息，然后再一步步引導(dǎo)用戶了解其他的信息。

2、合理組織視覺(jué)要素

在設(shè)計(jì)網(wǎng)頁(yè)界面時(shí)，有了簡(jiǎn)約主義設(shè)計(jì)理念的指導(dǎo)，設(shè)計(jì)師應(yīng)該合理組織視覺(jué)要素，力求做到簡(jiǎn)單清晰。設(shè)計(jì)者要合理分類、組合網(wǎng)頁(yè)界面的信息，進(jìn)行適當(dāng)刪減。分類網(wǎng)頁(yè)信息是為了讓用戶在瀏覽網(wǎng)頁(yè)時(shí)，可以直接、快捷地了解網(wǎng)頁(yè)布局與結(jié)構(gòu)，做到心中有數(shù)，在其腦海中留下一定印象；減少類別和適當(dāng)刪減并不是要減少網(wǎng)頁(yè)含量，而是將重點(diǎn)信息、關(guān)鍵信息放置于一個(gè)相對(duì)簡(jiǎn)單的布局中，使用戶能一眼就看到有效信息而不浪費(fèi)時(shí)間。在組織視覺(jué)要素時(shí)，設(shè)計(jì)師可以先構(gòu)建一個(gè)簡(jiǎn)單清晰的首頁(yè)，摒棄繁雜，然后進(jìn)行適當(dāng)配色，色彩種類不可過(guò)多，以簡(jiǎn)潔素養(yǎng)為主，文字介紹也不可花里胡哨，力求做到簡(jiǎn)潔明快。

3、網(wǎng)頁(yè)各界面保持風(fēng)格統(tǒng)一

毫無(wú)疑問(wèn)，現(xiàn)在的網(wǎng)頁(yè)界面有著眾多層級(jí)，設(shè)計(jì)是必須做到網(wǎng)頁(yè)界面的風(fēng)格統(tǒng)一和和諧，不可產(chǎn)生太大的突兀之感。用戶一般是通過(guò)首頁(yè)或者網(wǎng)頁(yè)鏈接進(jìn)入網(wǎng)頁(yè)界面的某個(gè)層級(jí)中，假若網(wǎng)格界面的風(fēng)格不夠統(tǒng)一，甚至存在較大反差，很容易影響用戶認(rèn)知網(wǎng)頁(yè)信息的效果，不利于他們順利解讀網(wǎng)頁(yè)信息。事實(shí)證明，統(tǒng)一和諧的網(wǎng)頁(yè)界面風(fēng)格不僅可以增強(qiáng)用戶的認(rèn)知與記憶，提高他們搜索所需信息的效率，還能使用戶對(duì)該網(wǎng)頁(yè)印象深刻，對(duì)其形成滿意度，成為該網(wǎng)頁(yè)的“忠實(shí)粉”。對(duì)于網(wǎng)頁(yè)界面風(fēng)格的和諧統(tǒng)一，關(guān)鍵要做到同樣元素的位置和大小要保持一致，起碼不能差距太大，配色方案也要保持整體一致，同類型的設(shè)計(jì)要素風(fēng)格也應(yīng)該盡量保持一致。

五、結(jié)束語(yǔ)

在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用簡(jiǎn)約主義理念大有裨益。但我們不能忽視，目前有設(shè)計(jì)師在應(yīng)用這個(gè)理念時(shí)走進(jìn)了誤區(qū)，即為了簡(jiǎn)約而簡(jiǎn)約，忽視了網(wǎng)頁(yè)的功能性，不注重用戶瀏覽網(wǎng)頁(yè)信息時(shí)的認(rèn)知體驗(yàn)，這樣的網(wǎng)頁(yè)設(shè)計(jì)必定“費(fèi)時(shí)、低效”。其實(shí)，簡(jiǎn)約主義設(shè)計(jì)理念并不是簡(jiǎn)單地簡(jiǎn)化設(shè)計(jì)元素，而是合理取舍界面要素。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)而言，設(shè)計(jì)師必須立足于提升用戶的使用體驗(yàn)，提高網(wǎng)站的可用性，只有做到“以用戶為中心”，才是真正的簡(jiǎn)約主義設(shè)計(jì)。我國(guó)網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該多學(xué)習(xí)和借鑒國(guó)內(nèi)外優(yōu)秀的成功案例，認(rèn)真學(xué)習(xí)簡(jiǎn)約主義設(shè)計(jì)理念的精髓。

參考文獻(xiàn)

[1][美]RobertHoekman,Jr.瞬間之美-Web界面設(shè)計(jì)如何讓用戶動(dòng)心[M].北京:人民郵電出版社,2009

[2]鬲波飛.網(wǎng)頁(yè)設(shè)計(jì)之視覺(jué)信息傳達(dá)分析[J].湖南大學(xué)學(xué)報(bào)(社會(huì)科學(xué)版),2001,15(4):15-19.

[3]唐良瑞,李丹.網(wǎng)頁(yè)設(shè)計(jì)的諸要素分析[J].北方工業(yè)大學(xué)學(xué)報(bào),2000,12(1):15-19.

[4]黃海燕.網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)[J].包裝工程,2004,25(1):126-127

[5]李饒,李忠明.淺談網(wǎng)頁(yè)設(shè)計(jì)中色彩搭配的運(yùn)用[J].計(jì)算機(jī)光盤(pán)與軟件,2011.

［6］徐超．探究簡(jiǎn)約主義的網(wǎng)頁(yè)設(shè)計(jì)［D］．上海：上海師范大學(xué)設(shè)計(jì)藝術(shù)學(xué)，2012：19．

［7］李靜．基于視覺(jué)體驗(yàn)的網(wǎng)頁(yè)界面極簡(jiǎn)主義設(shè)計(jì)［D］．武漢：中國(guó)地質(zhì)大學(xué)藝術(shù)與傳媒學(xué)院，2013：27．

作者：穆冰玉 單位：鄭州輕工業(yè)學(xué)院藝術(shù)設(shè)計(jì)學(xué)院數(shù)字媒體藝術(shù)系