“唯宜家”網頁界面設計的視覺符號研究

姚國熳 王海潮

重慶市第二師范學院，重慶，400067

“唯宜家”網頁界面設計的視覺符號研究

姚國熳 王海潮

重慶市第二師范學院，重慶，400067

網頁界面是人與計算機之間以網絡為平臺的信息界面，是一種由非物質化數字設計形態與人進行交互的媒介。“唯宜家”在滿足信息傳遞的同時更注重界面審美的提高。因此，“唯宜家”網頁界面設計從美學的視角出發進行了創新，融入了獨特的設計理念。采用了簡約、清晰的安排設計。

唯宜家；界面設計；視覺符號；創新

網頁（Web Page）是構成互聯網網站的基本元素，是承載各種網站應用信息的大平臺。網頁設計結合各基礎元素的條件幫助各企業網站清晰有效地向瀏覽者傳遞公司產品、理念、服務以及文化等信息。好的網頁界面設計是公司、企業提升互聯網品牌形象的重要因素，是促使一個網站成功與否所不可或缺的重要條件。

“唯宜家”打折網站是針對年輕客戶群體，以青年學生、年輕白領為主要服務對象。區分于傳統的購物網站平臺，“唯宜家”主要為消費群體對象以最優惠折扣的方式，選取國內外高品質商品，以新鮮、活力、省時省力省錢的宗旨服務于年青一代群體，幫助其在忙碌的生活中以經濟實惠的方式開心購物，便捷生活。根據這一網站創立宗旨，“唯宜家”網站設計小組通過調查了解目前國內電子商務購物網站頁面設計中存在的問題，結合自身理念通過對比國內外網站界面設計的優缺點，進行了理性的分析整合，設計了一套區別于國內購物網站的網頁購物界面，以時尚、簡潔、舒適的風格為“唯宜家”的消費群體帶去不一樣的網絡購物體驗。

1 網頁界面設計

1.1 一般網頁界面設計中存在的問題

1.1.1 網頁界面的單一化

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

1.1.2 網頁界面的繁復化

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

1.1.3 網站功能性與藝術性的協調

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

1.2 “唯宜家”網頁界面獨特的設計理念

1.2.1 字體的運用

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

1.2.2 圖形的運用

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

1.2.3 色彩的運用

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

2 “唯宜家”網頁界面的視覺符號元素

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

2.1 字體的運用

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

2.2 圖形的運用

在網頁設計中，圖片的地位僅次于文字。好的圖形可以快速引起瀏覽者的興趣，同時也使網站更具獨特性、標識性。在快速的社會節奏下人們已步入了讀圖時代，好的圖形在引人矚目的同時還具有幫助瀏覽者跨越種族、語言的障礙進行瀏覽交流。“唯宜家”以圖指意，通過簡單易懂的圖形對顧客進行信息的傳遞和引導。更加引人注目、紛繁多彩，能給瀏覽者留下更為深刻的印象。

2.3 色彩的運用

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

3 結語

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

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

[2]蘭嵐.基于網頁界面視覺藝術元素的分析與研究[D].湖南大學,2009.

[3]張思望.網頁設計中視覺元素的功能與審美性研究[D].西北大學,2006.

[4]董海斌.平面視覺元素在網頁設計中的應用研究[D].西安理工大學,2008.

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

[6]楊西惠,劉西莉.網頁設計的視覺要素與編排創意[J].裝飾,2005(4):56-57.

[7]馮任軍.網絡視覺傳達探討.科技情報開發與經濟,2005.15(14).

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

本文系基金：2015年重慶市大學生創新創業訓練計劃項目：“唯宜家”打折網（項目編號：201514388399）。

姚國熳/1993年生/女/重慶人/研究方向為視覺傳達設計