一、前言 

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

二、視覺元素簡介 

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

三、加入視覺要素的網頁 

（一）色彩視覺元素 

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

（二）文字視覺元素 

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

（三）圖像視覺元素 

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

（四）動態效果 

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

四、目前的購物網站頁面設計 

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

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

五、結語 

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