淺談視覺元素在購物網(wǎng)站頁面設計中的應用

周瑞乾

摘要：文章中主要通過調查購物網(wǎng)頁，整理各網(wǎng)頁中的主要組成部分，系統(tǒng)地進行分析，給予一些具有發(fā)展性的建議。比如，文章中在進行研究分析時，網(wǎng)站布局所呈現(xiàn)的問題十分顯著，網(wǎng)站中所包含的內容太過繁瑣，排版布局不夠明了，網(wǎng)站的設計要注重實用性與便捷性，對于消費者來說，購物網(wǎng)站的功能更為重要。

關鍵詞：購物網(wǎng)站頁面設計;網(wǎng)站轉化率;視覺營銷;視覺效果

中圖分類號：TP393.092 文獻標識碼：A 文章編號：1005-5312（2019）14-0030-01

一、前言

近年來，我國科技水平實現(xiàn)了爆發(fā)式的提升，當然，離不開互聯(lián)網(wǎng)行業(yè)的突飛猛進。也就是由于這個原因，從網(wǎng)絡購物逐漸深得人心。從網(wǎng)絡購物必然要通過購物網(wǎng)站，購物網(wǎng)站作為人們購物的媒介首先網(wǎng)站的頁面設計必須有一定的特色，能夠吸引顧客眼球。同時，隨著人民生活水平的提高，大家的文化程度也飛速提高，也越來越多的人更注重網(wǎng)頁設計的藝術性。因此，網(wǎng)頁設計師在關注網(wǎng)站運行良好的情況下，還要給用戶更好的視覺感受。

二、視覺元素簡介

視覺元素，顧名思義，就是指我們能夠看到的事物的總和。比如說電視、電影、花花草草、房屋、陽臺等。這些東西都是我們可以通過眼睛看到的事物，所以它們都屬于視覺元素。由此可知，視覺元素存在于我們身邊的每一個角落，是我們每個人都能感知到的。我們所看到的所有的東西，它們本質上都是視覺元素。但是，對于設計網(wǎng)頁這一環(huán)節(jié)來說，視覺元素的定義則不盡相同。在設計網(wǎng)頁時，筆墨、照片、特殊的標志和顏色，以及所需要的信息，比如標題，小節(jié)，內容等都屬于視覺元素所包含的內容。網(wǎng)頁的設計過程離不開視覺元素的參與，它們之間是估計共生的關系，如果沒有了所呈現(xiàn)的網(wǎng)頁，視覺元素就無法真正發(fā)揮其作用，無法傳播必要的信息。視覺元素對于信息的傳遞是多方面的，它能參與單方面意思的表達，也能保證不同雙方信息的表達，而且其中包含的內容較多。通過信息的傳遞，將創(chuàng)造者的想法與設計理念更好的融入視覺元素中，即將視覺元素概念化，整個過程結合起來就是視覺元素。

三、加入視覺要素的網(wǎng)頁

（一）色彩視覺元素

色彩對消費者直接的心理效應來自色彩物理光對人生理直接的刺激所帶來的影響。作為最直觀的網(wǎng)頁要素，一個好的色彩設計不僅能以最快的速度抓住消費者的眼球，同時也能再不經(jīng)意中影響消費者的心情和思緒。有時會讓消費者感受到不一樣的氛圍，有時會讓消費者產生其他的聯(lián)想和想象甚至包括信仰、精神。比如說曾經(jīng)就有心理學家研究發(fā)現(xiàn)，紅色和藍色對人們的心情和身體會產生不一樣的影響，紅色環(huán)境下的人們明顯脈搏加速、血壓上升、情緒更加激動而藍色環(huán)境下人們的脈搏血壓和情緒都明顯降低，色彩的不同對人們身上的溫度感覺、情緒、心情、等都有不同程度的影響，而且這些都是直接作用于心理的。而色彩聯(lián)想是指我們在看到一種顏色時會產生不一樣的畫面或者感覺，比如說紅色可以使我們想到激情、有力，當然也可能會產生警告、危機等意思。而在購物網(wǎng)站上，我們可以想到京東商城、天貓商城、H&M官網(wǎng)等，還有橙色，它帶給人的感覺就是活力四射、青春、積極、快樂，而購物網(wǎng)站則會讓我們想象到淘寶。黃色作為是太陽、聰明、期望的代名詞，同時也是嫉妒、偏心等意思，這些例子告訴我們這些設計者在進行網(wǎng)頁設計時要對色彩心理學進行充分的學習同時對色彩記憶的順序進行熟練的掌握，一般情況而已，純度高、暖色系、單一性、華麗的色彩較那些純度低、冷色調、復雜、樸實無華的色彩更容易讓人記住，而一般情況下，消費者可能不會對自己瀏覽過的網(wǎng)站的名字有太深的記憶點，但是對某一塊的色彩可能會有抹不去的印象，比如說頁面的主色調是白色，網(wǎng)頁的導航欄是黃色等不同的記憶點。而且有研究發(fā)現(xiàn)，一個好的色彩設計真的可以增加消費者瀏覽商品并對商品進行合理分類的精確度。而且一個擁有優(yōu)秀色彩的網(wǎng)頁往往能夠在激發(fā)消費者購物欲和好感上有很大的優(yōu)勢。

（二）文字視覺元素

作為一個網(wǎng)頁設計的主角，文字部分對整個網(wǎng)頁的成功與否起著決定性的作用，作為一個購物網(wǎng)頁，文字是其必備的要素，這不僅可以幫助消費者更快更好的理解作品，而且還可以作為一種美的存在來調和整個頁面的效果。文字對于讀者而言起解釋說明的作用，對設計者來說，起著表達傳遞的作用，也許有的人讀不懂圖片，但他一定能讀懂文字。作為主題，文字必須協(xié)調好自己與網(wǎng)頁、與其他要素直接的關系，并將各大要素聯(lián)系起來組成一個整體，而這也是我們設計者們需要著重注意的問題。購物網(wǎng)站的界面的文字設計需要有獨特性、易讀性和藝術性。每一個品牌都有自己的設計理念和精神，所以我們可以通過不同字體不同顏色來傳遞其獨特性;同時也要通過文字使得讀者更加容易讀懂品牌，更加快速接受信息;另外，文字的設計要具有美的理念，要將藝術加于文字上，將文字與藝術結合，使整個網(wǎng)頁具有美感和藝術感。我們只有將這三點做到，才能將網(wǎng)頁的文字做好做美，才能將網(wǎng)頁設計的更出眾。

（三）圖像視覺元素

作為“世界通用語言”的圖片，在網(wǎng)頁設計中起著尤為重要的效果和作用，一個優(yōu)秀的圖形設計是不分地區(qū)、不分文化、不分語言的，無論是生活在哪里的人們都可以通過圖形讀懂設計、明白作品，而這些跟語言文字是不相關的，一個優(yōu)秀的圖形設計可以讓消費者在瀏覽網(wǎng)頁時感受到愉悅感受到親和，同時又能將作品真正的意思表達出來，幫助網(wǎng)頁更好地詮釋自己，將自己或者品牌的設計風格設計理念以一種更加輕松的方式傳達出來，一個好的圖形設計是可以促進作品的銷售，反之亦然，所以圖形設計好與壞，是與銷售直接掛鉤的。

（四）動態(tài)效果

動態(tài)效果的加入使得網(wǎng)頁設計的有趣性大大提升，而這也對消費者的心理放松、快樂產生正面影響，那么所謂的動態(tài)效果是什么呢？動態(tài)效果其實就是我們在瀏覽網(wǎng)頁時所看到的一些可變化的類似小視頻之類的東西，而正是這個小改變使得網(wǎng)頁更加生動，“活”了起來。動態(tài)效果的原理就是將gif動畫或者flash技術通過感應光標的移動從而發(fā)生改變，改變包括著對象的大小、形狀或者顏色等，而恰巧是這些改變吸引消費者眼球。

四、目前的購物網(wǎng)站頁面設計

對于購物網(wǎng)站頁面的設計，最主要的問題就是抓住消費者的眼球，能夠讓消費者在最短的時間內抓住最主要的信息并吸引住他，從而達到滿意的瀏覽量和效果，但是在現(xiàn)實生活中我們很多網(wǎng)頁的設計往往背道而馳，將網(wǎng)頁設計的非常冗雜，似乎將自己想說的所有的東西全部堆砌上，這樣往往事與愿違，消費者反而沒有心情去仔細閱讀這些“眼花繚亂”的內容，我們只有做到簡潔明了、精簡干練才能保證自己所想要的效果。同時這個要求也表示我們的網(wǎng)頁設計開始朝著多元化的方向發(fā)展，不僅保證設計的美感，更要將客戶的心理摸透，掌握客戶的心中所想才能設計出客戶感興趣的東西，將客戶心理學放在設計的重要位置上。

還有一個問題是，由于現(xiàn)在科技的發(fā)展我們的線上開始推出VR購物，這也意味著網(wǎng)頁設計又一大進步革新，現(xiàn)在的科技并沒有達到理想狀態(tài)，而且目前看來阿里巴巴新做的”Buy+”也尚不完善，所以就目前形式看來，未來購物網(wǎng)站頁面的發(fā)展便是視覺效果與體驗的結合，從而使用戶體會到現(xiàn)實購物的虛擬感。

五、結語

隨著我們社會的發(fā)展和進步，我們對網(wǎng)頁設計也提出了更好的質量要求，不再是之前單一視覺效果，而是需要將文字的顏色、格式以及圖片的插入等更加生動化的處理，所以，作為一個網(wǎng)頁的計劃者和設計者，我們應把視覺效果作為我們越發(fā)重視的方面，只有當視覺效果達到比較好的要求時我們網(wǎng)頁設計的質量才能提高。所以我們在日常的工作中應從設計者的思路開始，將視覺效果發(fā)揮到極致，并將各種知識整合到一起，達到網(wǎng)頁制作要求的效果。