一、前言 

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

二、視覺元素簡介 

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

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

（一）色彩視覺元素 

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

（二）文字視覺元素 

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

（三）圖像視覺元素 

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

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

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

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

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

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

五、結(jié)語 

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