議電商平臺(tái)設(shè)計(jì)中視覺設(shè)計(jì)元素的運(yùn)用

【摘要】：電商界面平臺(tái)是一個(gè)可視化的界面，只要是可視化就離不開這些最基本的視覺元素，需要將將圖形、圖像、文字、聲音、動(dòng)畫視頻等媒介要素進(jìn)行編排，而怎么樣把這些視覺元素合理有效的放置在界面里，讓一級(jí)導(dǎo)航、二級(jí)導(dǎo)航及三級(jí)導(dǎo)航，有足夠的拓展余地，讓用戶能快速合理的接收到平臺(tái)的關(guān)鍵信息等等都是設(shè)計(jì)師需要完成的任務(wù)。

【關(guān)鍵詞】：電商平臺(tái)；視覺設(shè)計(jì)；運(yùn)用

電商界面平臺(tái)是一個(gè)可視化的界面，只要是可視化就離不開這些最基本的視覺元素，需要將將圖形、圖像、文字、聲音、動(dòng)畫視頻等媒介要素進(jìn)行編排，而怎么樣把這些視覺元素合理有效的放置在界面里，讓一級(jí)導(dǎo)航、二級(jí)導(dǎo)航及三級(jí)導(dǎo)航，有足夠的拓展余地，讓用戶能快速合理的接收到平臺(tái)的關(guān)鍵信息等等都是設(shè)計(jì)師需要完成的任務(wù)。

視覺設(shè)計(jì)是對(duì)眼睛功能的主觀形式的表現(xiàn)手段和結(jié)果，視覺設(shè)計(jì)則傳達(dá)給觀眾同時(shí)也傳達(dá)給設(shè)計(jì)者本人。因此，深入的視覺傳達(dá)研究已經(jīng)囊括了視覺的方方面面感受。視覺設(shè)計(jì)是電子商務(wù)界面平臺(tái)營銷的一根重要紐帶。電子商務(wù)是利用計(jì)算機(jī)技術(shù)、網(wǎng)絡(luò)技術(shù)等技術(shù)的運(yùn)用來實(shí)現(xiàn)電子化、數(shù)字化以及網(wǎng)絡(luò)化的整個(gè)商務(wù)過程。它包括了網(wǎng)上營銷、線上支付、線下發(fā)貨等各個(gè)環(huán)節(jié)，在這整個(gè)環(huán)節(jié)中，最重要的其實(shí)是網(wǎng)絡(luò)銷售。網(wǎng)絡(luò)銷售是企業(yè)銷售中的一部分，是以互聯(lián)網(wǎng)為手段的一種營銷活動(dòng)。移動(dòng)電子商務(wù)近年來的業(yè)務(wù)量也不斷增加，移動(dòng)電子商務(wù)商鋪的界面是電子商務(wù)中一個(gè)相對(duì)重要的環(huán)節(jié)，界面的設(shè)計(jì)針對(duì)相應(yīng)的商品搭配不同的色彩跟風(fēng)格，來展示這個(gè)店鋪的特色與內(nèi)涵。對(duì)于移動(dòng)電子商務(wù)界面的視覺設(shè)計(jì)，分成了主次性、連貫性、整體性和渲染性四個(gè)方面來進(jìn)行進(jìn)一步的闡述。

一、界面中視覺元素的主次性

每一間商鋪都有自己的主打產(chǎn)品與近期要舉行的一些促銷活動(dòng)，那么在視覺設(shè)計(jì)方面，我們就要對(duì)視覺上的顏色、位置、形狀做出一些處理了。比如，有一款海報(bào)，海報(bào)上面的內(nèi)容是店鋪近期的主打活動(dòng)，那么，首先這張海報(bào)就要對(duì)商品信息的文字內(nèi)容做顏色跟字體的強(qiáng)化處理。關(guān)于顏色就要選取比較突出的顏色，并且，背景跟字體的顏色也可以統(tǒng)一考究，比如，對(duì)比強(qiáng)的黑色與白色，在黑色的背景上，白色的字會(huì)顯得更白。在白色的背景上，黑色的字同樣會(huì)顯得更黑。在形狀方面，移動(dòng)界面比較小，那么，我們需要傳達(dá)的主要信息就要做滿屏尺寸的大小來做，可以最大限度的提高主體內(nèi)容的曝光。另外位置方面，對(duì)于要體現(xiàn)的內(nèi)容，要有主次之分。強(qiáng)調(diào)的內(nèi)容需要放在視平面位置的水平方向，這樣，人們?cè)诳吹浇缑娴臅r(shí)候就能夠最快并輕松的獲取信息，從而提升主次效果。比如文字的表現(xiàn)形式，不同的字體給人的視覺感受與心理感受不同，設(shè)計(jì)者要充分利用字體的特性，選擇準(zhǔn)確的字體，清晰表達(dá)主題內(nèi)容。

對(duì)于界面中視覺設(shè)計(jì)的連貫性，每間電子商務(wù)的店鋪中都會(huì)有首頁跟詳情頁鏈接頁面，那么在視覺設(shè)計(jì)上為了追求店鋪的統(tǒng)一與規(guī)范，通常會(huì)選用統(tǒng)一的字體跟色調(diào)來做連貫性的裝飾處理。就好比有一家店鋪以藍(lán)色跟白色作為主體，以黑色為輔的配色，那么主頁跟鏈接的頁面上面就要使用同樣的配色方案來對(duì)不同頁面進(jìn)行設(shè)計(jì)了。同樣，在字體字形上也要選擇同樣的配對(duì)方案。對(duì)于視覺設(shè)計(jì)來說，我們應(yīng)該從它的顏色，形狀，位置三個(gè)因素來分析和設(shè)計(jì)策略，進(jìn)一步來表現(xiàn)設(shè)計(jì)中的連貫性。在顏色方面，可以利用人在顏色判斷的視覺差異來突出顏色的連貫性，比如用黃綠兩色來進(jìn)行設(shè)計(jì)比較時(shí)，黃色會(huì)變成黃綠色，綠色也會(huì)受到黃色的影響，這樣的話，我們只能用其中的一種顏色來做背景顏色，另外一種顏色來做烘托色來達(dá)到環(huán)境氛圍連續(xù)的效果。對(duì)于形狀的利用，在移動(dòng)界面中，界面相對(duì)來說比較小，那么需要轉(zhuǎn)達(dá)的配套信息可以用相同的尺寸形狀來做，這樣可以最大限度的提高店鋪內(nèi)容的統(tǒng)一。另外對(duì)于位置方面，要使內(nèi)容做到統(tǒng)一和連貫，要將統(tǒng)一的內(nèi)容放到相同的位置，這樣讓人們?cè)谝曈X效果上得到輕松的感覺，更加清楚、清晰的瀏覽，提升連貫效果。而且也不能忽視電商平臺(tái)界面中的視覺流程。一般來說良好的視覺流程能正確引導(dǎo)受眾閱讀信息的先后順序。在界面平臺(tái)上如標(biāo)題、核心內(nèi)容等通常都放在最佳視域。在電商界面平臺(tái)上靈活而合理地運(yùn)用視覺流程和最佳視域，組織好自然流暢的視覺導(dǎo)向，直接影響到傳播者傳達(dá)信息的準(zhǔn)確與有效性。主動(dòng)引導(dǎo)讀者視線向一定方向的順序運(yùn)動(dòng)，由主及次，把界面各構(gòu)成元素串聯(lián)起來形成一個(gè)整體，使重點(diǎn)突出，條理清晰，發(fā)揮最大的信息傳達(dá)功能。界面中的導(dǎo)向形式多樣，有虛有實(shí)，是直接的形象表現(xiàn)，也有間接的心理暗示。

二、頁面中視覺效果的整體性

對(duì)頁面中視覺效果的整體性而言，每間電子商務(wù)店鋪中如果能將商品的視覺元素和店鋪的裝修風(fēng)格相統(tǒng)一，那么給消費(fèi)者的購物欲望是非常強(qiáng)大的。比如，有一款休閑餅干，包裝上的設(shè)計(jì)元素是針對(duì)兒童和年輕人群，那么，在店鋪的裝卸的時(shí)候，整體視覺效果在顏色方面就要選擇清新活潑的顏色來呼應(yīng)，另外，選用的裝修素材圖片也要選用活潑為主的內(nèi)容。再比如，商品主打的是簡約高端的衣服，那我們?cè)谶x擇配色和素材方面就要簡約舒服來表現(xiàn)視覺效果。對(duì)于視覺設(shè)計(jì)我們應(yīng)該從顏色，形狀，位置三個(gè)因素來分析和設(shè)計(jì)策略，進(jìn)一步來表現(xiàn)設(shè)計(jì)中的整體性。在顏色方面，可以利用人在顏色判斷的視覺差異來突出顏色的連貫性，比如用黃綠黑三色來進(jìn)行設(shè)計(jì)比較時(shí)，所有的界面都統(tǒng)一使用同樣的配色方案，受顏色整體的影響，用另外的一種顏色來襯托，二第三種顏色做主體色在環(huán)境的影響下就會(huì)起到帶動(dòng)整體的效果。對(duì)于形狀的利用，在移動(dòng)界面中界面相對(duì)來說小，那么對(duì)于來傳達(dá)的配套信息就應(yīng)該用相同的尺寸來做，這樣的話，可以在最大的限度內(nèi)提高店鋪內(nèi)容的統(tǒng)一性。另外對(duì)于位置方面，要體現(xiàn)內(nèi)容的整體性，要將需要統(tǒng)一的內(nèi)容放在相同的類似的位置。這樣方便人們看到界面的時(shí)候能夠清晰輕松的瀏覽信息，從而提升整體效果。

第三、界面中視覺效果的渲染性

在電子商務(wù)的界面設(shè)計(jì)中，主要提升的是視覺效果，渲染店鋪的購物環(huán)境，激發(fā)顧客的購物欲望，商品的視覺元素和店鋪的裝修風(fēng)格在店鋪整體的營銷方向上要相統(tǒng)一。在視覺設(shè)計(jì)上加強(qiáng)客戶對(duì)店鋪商品的印象，為購物增加體驗(yàn)，激發(fā)人的第二次購物欲望。對(duì)于視覺設(shè)計(jì)我們應(yīng)該從顏色，形狀，位置三個(gè)因素來分析和設(shè)計(jì)策略，進(jìn)一步來表現(xiàn)設(shè)計(jì)中的整體性。在顏色方面，可以利用人在顏色判斷的視覺差異來突出顏色的連貫性。在顏色方面，利用顏色的相近相似和人在視覺上對(duì)顏色的錯(cuò)覺，可以突出顏色的渲染性，比如，用灰白兩色進(jìn)行設(shè)計(jì)對(duì)比時(shí)，灰色會(huì)變成更灰的色，白色也會(huì)受到灰色的影響，那么我們只要運(yùn)用其中的一種顏色做背景，另外一種顏色來做烘托色的話就會(huì)達(dá)到環(huán)境氛圍連續(xù)的效果。移動(dòng)界面中界面相對(duì)來說小，那么對(duì)于來傳達(dá)的配套信息就應(yīng)該用相同的尺寸來做，這樣的話，可以在最大的限度內(nèi)提高店鋪內(nèi)容的統(tǒng)一性。另外對(duì)于位置方面，要體現(xiàn)內(nèi)容的整體性，要將需要統(tǒng)一的內(nèi)容放在相同的類似的位置。這樣方便人們看到界面的時(shí)候能夠清晰輕松的瀏覽信息，從而提升整體效果。視覺設(shè)計(jì)在移動(dòng)界面中應(yīng)該從顏色、形狀和位置設(shè)置上面來進(jìn)行設(shè)計(jì)，來增強(qiáng)界面的主次性、連貫性、整體性、渲染性。從而提升購物體驗(yàn)，激發(fā)購物欲望，增強(qiáng)營銷效果，所以，視覺設(shè)計(jì)原理在電子商務(wù)界面中的應(yīng)用必不可少。

總之，消費(fèi)者對(duì)電商平臺(tái)購物的需求已經(jīng)不局限于簡單地完成買商品。設(shè)計(jì)師應(yīng)該很好的運(yùn)用這些視覺設(shè)計(jì)來搭建起商家和消費(fèi)者之間的橋梁，追求人性化、情感化、趣味化的設(shè)計(jì)來滿足用戶需求。

參考文獻(xiàn)

[1]黃心曠 .移動(dòng)互聯(lián)網(wǎng)用戶界面設(shè)計(jì)方法探討 [J].美術(shù)大觀，2014， （9）