劉安英

摘要：界面設(shè)計(jì)作為以互聯(lián)網(wǎng)技術(shù)為核心的媒體形式，一直都是視覺設(shè)計(jì)關(guān)注的焦點(diǎn)。通過了解當(dāng)前電商發(fā)展情況，結(jié)合近年來消費(fèi)者對電商網(wǎng)頁的認(rèn)識，明確電商網(wǎng)頁設(shè)計(jì)已有的問題，深層探索如何在新時代背景下對電商網(wǎng)頁界面進(jìn)行設(shè)計(jì)，以此更快適應(yīng)日益革新的市場需求。

關(guān)鍵詞：電商 網(wǎng)頁界面 視覺表現(xiàn) 設(shè)計(jì)

在電子商務(wù)技術(shù)持續(xù)發(fā)展的背景下，電商逐漸取代了傳統(tǒng)意義上的大眾消費(fèi)方式，且隨著消費(fèi)者審美水平的持續(xù)提升，促使他們在選擇心儀產(chǎn)品的同時，增加了對電商網(wǎng)站設(shè)計(jì)的要求。因此，電商網(wǎng)站具有極大的發(fā)展空間。為了更好面對競爭越發(fā)激烈的市場變化，正確處理多變的市場需求，電商企業(yè)要加大對網(wǎng)頁界面設(shè)計(jì)的關(guān)注，并充分優(yōu)化其的視覺表現(xiàn)。下面對電商網(wǎng)頁界面的設(shè)計(jì)與視覺表現(xiàn)進(jìn)行研究。

一、電商網(wǎng)頁視覺設(shè)計(jì)注意問題

（一）圖文

從本質(zhì)上講，電商企業(yè)就是通過編排文字和圖片獲取所需網(wǎng)站，其中文字和圖片可以排列的方式和內(nèi)容有很多種形式，而排列圖片的大小、文字與圖片的互動等，都會讓瀏覽者直接或間接的產(chǎn)生消費(fèi)欲望，進(jìn)而購買更多網(wǎng)站產(chǎn)品。因此，電商企業(yè)要想做好網(wǎng)頁界面的設(shè)計(jì)與視覺表現(xiàn)工作，要加大對網(wǎng)頁圖片、文字的編排管理，促使應(yīng)用圖片和文字能滿足電商企業(yè)的發(fā)展主題，并吸引更多消費(fèi)者參與其中。

（二）FLASH的完善

互聯(lián)網(wǎng)技術(shù)在應(yīng)用過程中具備便捷性、及時性及有效性等特點(diǎn)，這對電商企業(yè)運(yùn)行而言具有積極作用。通常情況下，受影音的影響，電商企業(yè)在設(shè)計(jì)網(wǎng)頁界面時，會引用大量的FLASH，其不僅能為網(wǎng)站增添更多色彩，還有助于消費(fèi)者從中直觀了解電商產(chǎn)品。電商企業(yè)提供的網(wǎng)頁界面，突破了傳統(tǒng)意義上實(shí)體店的購買形式，此時引用影音有助于影響消費(fèi)者的視覺，并為他們提供更多便捷。需要注意的是，當(dāng)前引用動態(tài)化影音是電商網(wǎng)頁界面設(shè)計(jì)關(guān)注的焦點(diǎn)。

（三）編排符號

隨著消費(fèi)者審美水平的提升，為了更好滿足不同消費(fèi)群體的感官需求，電商在設(shè)計(jì)網(wǎng)頁界面的過程中，要結(jié)合時代發(fā)展變化進(jìn)行技術(shù)革新，最重要的就是掌握消費(fèi)者的眼球，以此吸引更多忠誠的消費(fèi)群體。以某大型超市為例，其在電商網(wǎng)站的影響下也開始設(shè)計(jì)屬于自己的網(wǎng)頁界面，并注重從實(shí)用性角度入手，通過構(gòu)建宏觀設(shè)計(jì)界面，能讓消費(fèi)者直接、快速的獲取流暢購物體驗(yàn)，這樣不僅能優(yōu)化超市品牌的對外形象，還可以為消費(fèi)者帶來更大的視覺沖突，區(qū)別于傳統(tǒng)的購物方式。

二、電商網(wǎng)頁界面設(shè)計(jì)原則

（一）以消費(fèi)者為中心

電商作為新時代背景下消費(fèi)者自主購物的重要平臺，在設(shè)計(jì)過程中要以消費(fèi)者為中心進(jìn)行優(yōu)化和改善。需要注意的是，隨著社會經(jīng)濟(jì)水平的提升，消費(fèi)群體不但會優(yōu)先選擇便捷且省時的網(wǎng)絡(luò)平臺，而且會關(guān)注更加豐富的情感需求。在這一背景下，電齏網(wǎng)站在設(shè)計(jì)網(wǎng)頁界面的過程中，要為消費(fèi)者和產(chǎn)品之間提供密切的情感溝通平臺，以此提升企業(yè)品牌在消費(fèi)者心中的地位。另外，日益提升的審美需求，也有助于優(yōu)化電商網(wǎng)頁界面設(shè)計(jì)的視覺效果。

（二）一致性

電商網(wǎng)頁界面設(shè)計(jì)要具備一致性。此時提出的一致性是指，網(wǎng)頁界面中的文字設(shè)計(jì)與整體風(fēng)格相同，網(wǎng)站中每個網(wǎng)頁界面的色彩特點(diǎn)要相同，且網(wǎng)站整體風(fēng)格保持一致。例如，若是站點(diǎn)會展示產(chǎn)品圖片，電商企業(yè)要保障照片的尺寸差異非常小，且不管是水平方向的尺寸還是垂直照片的尺寸都是一致的;若是產(chǎn)品照片中引用了陰影效果，那么在所有產(chǎn)品照片當(dāng)中都要引用陰影效果;如果在設(shè)計(jì)過程中，主導(dǎo)航欄會引用特殊顏色被顯示在網(wǎng)頁的頂端，而次導(dǎo)航欄會引用其他顏色在屏幕的左邊開啟，同時保障這些顏色的選擇與主導(dǎo)航欄相符。最終，消費(fèi)者正在訪問站點(diǎn)的主導(dǎo)航浪按鈕顏色將會發(fā)生變化，在最終消費(fèi)者點(diǎn)擊主導(dǎo)航欄中的信息時，自導(dǎo)航欄就會打開。另外，子導(dǎo)航欄中的文本若是重復(fù)主導(dǎo)航欄中的文本，將更可以更好證明當(dāng)前導(dǎo)航欄就是主導(dǎo)航欄的子集。

（三）界面快速下載

了解以往網(wǎng)站工作情況可知，頁面下載速度一直都是獲取訪問者的重要因素。若是在五秒內(nèi)打不開一個網(wǎng)頁，通常用戶都會失去耐心。因此，電商在設(shè)計(jì)網(wǎng)頁界面的過程中，要注重優(yōu)化自身的頁面下載速度。而影響頁面下載速度的原因，無外乎其中包含的附件，如特殊效果、Flash、程序等，很多企業(yè)為了優(yōu)化網(wǎng)站的視覺效果，會引用大量的特殊效果，但這種方法不僅會失去消費(fèi)者的注意力，還會阻礙整體網(wǎng)頁運(yùn)行速度。

三、電商網(wǎng)頁界面設(shè)計(jì)與視覺表現(xiàn)分析

（一）文字

從本質(zhì)上講，文字是人與人溝通最好的方式，且有助于充分展現(xiàn)他們的情感變化。了解互聯(lián)網(wǎng)技術(shù)發(fā)展歷史可知，世界上第一個網(wǎng)頁就是由純文字構(gòu)成的，雖然從現(xiàn)如今的角度分析其并沒有展現(xiàn)出極強(qiáng)的審美性，但卻標(biāo)志著文字是人類互聯(lián)網(wǎng)生活普遍化的發(fā)展起點(diǎn)。同時，由于網(wǎng)絡(luò)技術(shù)的發(fā)展要晚于書籍、報紙、雜志等，引用的載體也與傳統(tǒng)媒介存在較大差異，所以網(wǎng)頁界面設(shè)計(jì)引用的文字，不管是從視覺展現(xiàn)還是應(yīng)用規(guī)律分析，都有著獨(dú)特規(guī)律。具體內(nèi)容主要分為以下幾點(diǎn)：

其一，統(tǒng)一性。對比傳統(tǒng)紙媒分析可知，在網(wǎng)絡(luò)平臺閱讀具有突破時間、區(qū)域等因素限制的優(yōu)勢，因此在電商網(wǎng)頁界面設(shè)計(jì)過程中，企業(yè)工作者可以減少消費(fèi)者的閱讀時間，注重展現(xiàn)網(wǎng)頁界面的易讀性，并以此為基礎(chǔ)優(yōu)化整體視覺效果。通常情況下，設(shè)計(jì)人員可以減少網(wǎng)頁信息文字的字體，不要選擇繁瑣的文字。同時，文字對網(wǎng)頁設(shè)計(jì)風(fēng)格具有極大影響。例如，以女性為消費(fèi)群體的電商網(wǎng)站，在設(shè)計(jì)網(wǎng)頁界面的過程中，為了展現(xiàn)出女性的秀麗和嫵媚，會引用娟秀的字體;而科技類網(wǎng)站，一般會引用黑體來展現(xiàn)網(wǎng)頁界面的科技性。

其二，對比性。由于網(wǎng)頁界面中的信息非常多，如何在其中快速獲取所需信息，可以通過透明度、粗細(xì)及大小的對比，方便消費(fèi)者及時獲取所需信息，進(jìn)而提升搜索效率和閱讀體驗(yàn)。

其三，創(chuàng)意性。當(dāng)前很多電商網(wǎng)頁界面設(shè)計(jì)，都會將海報、圖片放在重要地位，以此展現(xiàn)出視覺美化的沖擊性，并快速吸引消費(fèi)者的目光。需要注意的是，在設(shè)計(jì)引用過程中，要保障海報周邊文字及設(shè)計(jì)具備一致性，只有這樣才能獲取更好的視覺效果。