淺談視覺(jué)元素在購(gòu)物網(wǎng)站頁(yè)面設(shè)計(jì)中的應(yīng)用

周瑞乾

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

關(guān)鍵詞：購(gòu)物網(wǎng)站頁(yè)面設(shè)計(jì);網(wǎng)站轉(zhuǎn)化率;視覺(jué)營(yíng)銷;視覺(jué)效果

中圖分類號(hào)：TP393.092 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2019）14-0030-01

一、前言

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

二、視覺(jué)元素簡(jiǎn)介

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

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

（一）色彩視覺(jué)元素

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

（二）文字視覺(jué)元素

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

（三）圖像視覺(jué)元素

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

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

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

四、目前的購(gòu)物網(wǎng)站頁(yè)面設(shè)計(jì)

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

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

五、結(jié)語(yǔ)

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