姚國熳 王海潮

重慶市第二師范學(xué)院，重慶，400067

“唯宜家”網(wǎng)頁界面設(shè)計(jì)的視覺符號研究

姚國熳 王海潮

重慶市第二師范學(xué)院，重慶，400067

網(wǎng)頁界面是人與計(jì)算機(jī)之間以網(wǎng)絡(luò)為平臺的信息界面，是一種由非物質(zhì)化數(shù)字設(shè)計(jì)形態(tài)與人進(jìn)行交互的媒介?！拔ㄒ思摇痹跐M足信息傳遞的同時(shí)更注重界面審美的提高。因此，“唯宜家”網(wǎng)頁界面設(shè)計(jì)從美學(xué)的視角出發(fā)進(jìn)行了創(chuàng)新，融入了獨(dú)特的設(shè)計(jì)理念。采用了簡約、清晰的安排設(shè)計(jì)。

唯宜家；界面設(shè)計(jì)；視覺符號；創(chuàng)新

網(wǎng)頁（Web Page）是構(gòu)成互聯(lián)網(wǎng)網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用信息的大平臺。網(wǎng)頁設(shè)計(jì)結(jié)合各基礎(chǔ)元素的條件幫助各企業(yè)網(wǎng)站清晰有效地向?yàn)g覽者傳遞公司產(chǎn)品、理念、服務(wù)以及文化等信息。好的網(wǎng)頁界面設(shè)計(jì)是公司、企業(yè)提升互聯(lián)網(wǎng)品牌形象的重要因素，是促使一個(gè)網(wǎng)站成功與否所不可或缺的重要條件。

“唯宜家”打折網(wǎng)站是針對年輕客戶群體，以青年學(xué)生、年輕白領(lǐng)為主要服務(wù)對象。區(qū)分于傳統(tǒng)的購物網(wǎng)站平臺，“唯宜家”主要為消費(fèi)群體對象以最優(yōu)惠折扣的方式，選取國內(nèi)外高品質(zhì)商品，以新鮮、活力、省時(shí)省力省錢的宗旨服務(wù)于年青一代群體，幫助其在忙碌的生活中以經(jīng)濟(jì)實(shí)惠的方式開心購物，便捷生活。根據(jù)這一網(wǎng)站創(chuàng)立宗旨，“唯宜家”網(wǎng)站設(shè)計(jì)小組通過調(diào)查了解目前國內(nèi)電子商務(wù)購物網(wǎng)站頁面設(shè)計(jì)中存在的問題，結(jié)合自身理念通過對比國內(nèi)外網(wǎng)站界面設(shè)計(jì)的優(yōu)缺點(diǎn)，進(jìn)行了理性的分析整合，設(shè)計(jì)了一套區(qū)別于國內(nèi)購物網(wǎng)站的網(wǎng)頁購物界面，以時(shí)尚、簡潔、舒適的風(fēng)格為“唯宜家”的消費(fèi)群體帶去不一樣的網(wǎng)絡(luò)購物體驗(yàn)。

1 網(wǎng)頁界面設(shè)計(jì)

1.1 一般網(wǎng)頁界面設(shè)計(jì)中存在的問題

1.1.1 網(wǎng)頁界面的單一化

隨著人們對于互聯(lián)網(wǎng)網(wǎng)絡(luò)的依賴與使用，各大企業(yè)與公司越來越重視網(wǎng)絡(luò)的宣傳營銷模式，人們已不再局限于傳統(tǒng)的交易方式，反觀之傳統(tǒng)交易模式正逐漸被新興的電子商務(wù)形式所影響。隨著近年來各類電子商務(wù)網(wǎng)站的興起，各式各類的網(wǎng)頁界面設(shè)計(jì)也層出不窮。但縱覽大局，總的來說電子商務(wù)類網(wǎng)站大都難逃統(tǒng)一刻板的網(wǎng)頁界面設(shè)計(jì)，網(wǎng)頁界面設(shè)計(jì)過于模式化和單一化，缺乏特定的企業(yè)網(wǎng)站界面設(shè)計(jì)的個(gè)性化及獨(dú)特性，給人以千篇一律之感，不能對瀏覽者形成強(qiáng)烈的視覺沖擊力和記憶力。如淘寶、唯品會(huì)、拍拍網(wǎng)的網(wǎng)頁界面設(shè)計(jì)雖較好地滿足了顧客上網(wǎng)瀏覽時(shí)的功能性、操作性的需求，但在網(wǎng)頁的藝術(shù)設(shè)計(jì)上都缺乏藝術(shù)性、獨(dú)特性，容易給人以呆板的印象。

1.1.2 網(wǎng)頁界面的繁復(fù)化

與網(wǎng)頁界面單一化形成鮮明對比的是個(gè)別商業(yè)網(wǎng)站不注重網(wǎng)頁界面的設(shè)計(jì)排版，將各式各樣的文字、圖片等視覺符號元素不加考慮的任意安置在界面上，給人以擁堵、擠塞、混亂的視覺感受。整個(gè)網(wǎng)頁界面設(shè)計(jì)過于繁復(fù)，將嚴(yán)重阻礙瀏覽者對于網(wǎng)站信息的觀察和對所需信息的查找，在進(jìn)行操作時(shí)遇到諸多障礙。這不僅未能將網(wǎng)站網(wǎng)頁界面的功能性得以發(fā)揮，同時(shí)也給人以網(wǎng)站信息缺失、整體風(fēng)格雜亂，企業(yè)品牌形象不統(tǒng)一不整潔之感。

1.1.3 網(wǎng)站功能性與藝術(shù)性的協(xié)調(diào)

從上述網(wǎng)站網(wǎng)頁界面設(shè)計(jì)中常見的兩類問題中不難看出，造成網(wǎng)頁設(shè)計(jì)上出現(xiàn)嚴(yán)重問題的關(guān)鍵是網(wǎng)站界面設(shè)計(jì)者對于網(wǎng)格設(shè)計(jì)的藝術(shù)性和功能性認(rèn)識上的不足。文學(xué)大師聞一多先生曾說：“文學(xué)創(chuàng)作應(yīng)該像是戴著鐐銬跳舞，鐐銬是格律，我們要跟著格律走，卻不受其拘束，要戴著鐐銬舞出自己的舞步?！蔽膶W(xué)創(chuàng)作如此，網(wǎng)頁界面的設(shè)計(jì)也同樣如此。不同于其他平面上的版式設(shè)計(jì)，網(wǎng)頁界面設(shè)計(jì)從一開始就受制于一定的技術(shù)條件要求限制，在這一前提下更要求設(shè)計(jì)者在網(wǎng)頁界面設(shè)計(jì)中對視覺符號元素有著細(xì)膩的把控、拿捏，在滿足網(wǎng)站網(wǎng)頁界面功能性的前提下，賦予網(wǎng)站網(wǎng)頁界面獨(dú)特的藝術(shù)觀賞性。只有當(dāng)網(wǎng)站網(wǎng)頁界面的功能性及藝術(shù)性都得以滿足，才能發(fā)揮出網(wǎng)站最大的效益，給予瀏覽者美的視覺體驗(yàn)享受。

1.2 “唯宜家”網(wǎng)頁界面獨(dú)特的設(shè)計(jì)理念

1.2.1 字體的運(yùn)用

網(wǎng)頁文字的主要功能是幫助網(wǎng)站企業(yè)、公司更好的向?yàn)g覽者傳達(dá)相關(guān)信息，而要做到信息傳達(dá)的有效性就必須考慮文字編輯的整體效果是否能給人以清晰的視覺印象，不能為造型而編輯卻本末倒置忽略了文字的本身功能是傳達(dá)內(nèi)容和表達(dá)信息的主題。“唯宜家”網(wǎng)頁界面采用獨(dú)特的文字編排使文字在網(wǎng)頁界面中明朗、清晰的分布，在引人矚目的同時(shí)又將情感性訴求告知傳遞于大眾。

1.2.2 圖形的運(yùn)用

在快速的社會(huì)節(jié)奏下人們已步入了讀圖時(shí)代，好的圖形在吸引人眼球的同時(shí)應(yīng)具有幫助瀏覽者跨越種族、語言的障礙進(jìn)行瀏覽交流的功能。“唯宜家”網(wǎng)頁界面以圖指意，通過簡單易懂的圖形對人們進(jìn)行信息的傳遞和引導(dǎo)。將信息表達(dá)簡單化，給予瀏覽者更直觀的視覺感受，這是文字所不能達(dá)到的效果。更加引人注目、紛繁多彩，能給瀏覽者留下更為深刻的印象。

1.2.3 色彩的運(yùn)用

美國視覺藝術(shù)心理學(xué)家希魯墨曾說過：“色彩喚起各種情緒，表達(dá)感情，甚至影響我們正常的生理感受”。在網(wǎng)頁設(shè)計(jì)配色方面，“唯宜家”網(wǎng)頁設(shè)計(jì)小組根據(jù)年輕客戶群體心理動(dòng)向分析，選用系列青春、活力的糖果色為主色調(diào)，根據(jù)不同的月份加以變更，區(qū)別于一般購物網(wǎng)站低沉、單一的網(wǎng)頁界面色調(diào)的同時(shí)，時(shí)刻給瀏覽者以新的視覺感受，避免瀏覽者產(chǎn)生視覺疲勞，以契合年青一代消費(fèi)群體洋溢青春活力，積極迎接生活的態(tài)度，在進(jìn)行網(wǎng)絡(luò)瀏覽購物的同時(shí)也時(shí)刻提醒自己微笑生活的態(tài)度。因此在網(wǎng)站網(wǎng)頁設(shè)計(jì)中應(yīng)著重考慮網(wǎng)頁色彩設(shè)計(jì)運(yùn)用的搭配和選擇，使之給瀏覽者以舒適、深刻的視覺感受。

2 “唯宜家”網(wǎng)頁界面的視覺符號元素

視覺符號是溝通設(shè)計(jì)與用戶之間的橋梁,不僅使設(shè)計(jì)發(fā)揮它的認(rèn)知功能,更能發(fā)揮其審美功能,給人以親切溫馨的感受和對生活意義的領(lǐng)悟。“唯宜家”網(wǎng)頁界面設(shè)計(jì)為傳達(dá)公司、企業(yè)思想主要從以下幾個(gè)方面進(jìn)行突破：

2.1 字體的運(yùn)用

為更好的向?yàn)g覽者傳達(dá)相關(guān)信息，“唯宜家”在文字編輯的整體效果中給人以一種清晰的視覺印象，突出文字的本身功能所傳達(dá)內(nèi)容和表達(dá)的信息。與此同時(shí)，在對網(wǎng)頁文字進(jìn)行編排時(shí)，進(jìn)一步從企業(yè)文化及受眾對象切入，使文字在網(wǎng)頁界面中明朗、清晰的分布，在引人矚目的同時(shí)又將情感性訴求告知傳遞于大眾。

2.2 圖形的運(yùn)用

在網(wǎng)頁設(shè)計(jì)中，圖片的地位僅次于文字。好的圖形可以快速引起瀏覽者的興趣，同時(shí)也使網(wǎng)站更具獨(dú)特性、標(biāo)識性。在快速的社會(huì)節(jié)奏下人們已步入了讀圖時(shí)代，好的圖形在引人矚目的同時(shí)還具有幫助瀏覽者跨越種族、語言的障礙進(jìn)行瀏覽交流?！拔ㄒ思摇币詧D指意，通過簡單易懂的圖形對顧客進(jìn)行信息的傳遞和引導(dǎo)。更加引人注目、紛繁多彩，能給瀏覽者留下更為深刻的印象。

2.3 色彩的運(yùn)用

色彩在現(xiàn)代生活中扮演著重要的角色，與我們的生活息息相關(guān)。色彩完全融于生活并成為現(xiàn)代生活的象征,色彩不僅能影響人的知覺、感覺、記憶、聯(lián)想等，同時(shí)還能產(chǎn)生出特定的心理暗示、共鳴及吸引力。因此，“唯宜家”網(wǎng)頁界面色彩的設(shè)計(jì)運(yùn)用根據(jù)不同的受眾群體和不同的產(chǎn)品主體予以使用，契合色彩對人體相應(yīng)感情的引導(dǎo)進(jìn)行設(shè)計(jì)運(yùn)用，通過網(wǎng)頁色彩設(shè)計(jì)運(yùn)用的搭配和選擇，使之給瀏覽者以舒適、深刻的視覺感受。

3 結(jié)語

綜上所述，隨著人們對網(wǎng)頁界面設(shè)計(jì)逐漸提高的審美性需求，視覺符號元素的應(yīng)用也越來越重要。因此，唯宜家打折網(wǎng)設(shè)計(jì)應(yīng)充分考慮視覺符號各個(gè)元素，結(jié)合網(wǎng)頁設(shè)計(jì)要素：“青年人”、“購物”、“省錢”，設(shè)計(jì)出讓青年人耳目一新的、精致的網(wǎng)頁界面。

[1]章望圓,陳姣嬌.網(wǎng)頁設(shè)計(jì)中的個(gè)性化視覺符號[J].科教文匯（上旬刊）,2008(1):187-189.

[2]蘭嵐.基于網(wǎng)頁界面視覺藝術(shù)元素的分析與研究[D].湖南大學(xué),2009.

[3]張思望.網(wǎng)頁設(shè)計(jì)中視覺元素的功能與審美性研究[D].西北大學(xué),2006.

[4]董海斌.平面視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用研究[D].西安理工大學(xué),2008.

[5]董海斌,王麗梅,孫浩章.網(wǎng)頁界面設(shè)計(jì)中的平面視覺元素[J].包裝工程,2010(4):89-91.

[6]楊西惠,劉西莉.網(wǎng)頁設(shè)計(jì)的視覺要素與編排創(chuàng)意[J].裝飾,2005(4):56-57.

[7]馮任軍.網(wǎng)絡(luò)視覺傳達(dá)探討.科技情報(bào)開發(fā)與經(jīng)濟(jì),2005.15(14).

[8]（美）阿恩海姆（Arnheim,R.）著;藤守堯,朱疆源譯.藝術(shù)與視知覺.成都:四川人民出版社,1998(3):52-61.

本文系基金：2015年重慶市大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計(jì)劃項(xiàng)目：“唯宜家”打折網(wǎng)（項(xiàng)目編號：201514388399）。

姚國熳/1993年生/女/重慶人/研究方向?yàn)橐曈X傳達(dá)設(shè)計(jì)