淺談視覺(jué)設(shè)計(jì)在移動(dòng)電子商務(wù)界面上的應(yīng)用

摘 要：本文主要針對(duì)電子商務(wù)界面設(shè)計(jì)中視覺(jué)設(shè)計(jì)相關(guān)的理論進(jìn)行了初步的闡述。鑒于此環(huán)節(jié)對(duì)于整個(gè)電子商務(wù)店店鋪界面設(shè)計(jì)的影響，正文分別從視覺(jué)設(shè)計(jì)的概念及主要內(nèi)容、視覺(jué)設(shè)計(jì)在電子商務(wù)店鋪界面設(shè)計(jì)中的位置和聯(lián)系，并對(duì)它的主次性，連貫性，整體性及渲染性幾個(gè)方面進(jìn)行了簡(jiǎn)單的論述。

關(guān)鍵詞：視覺(jué)設(shè)計(jì)；電子商務(wù)；移動(dòng)界面

視覺(jué)設(shè)計(jì)是針對(duì)眼睛功能的主觀形式的表現(xiàn)手段和結(jié)果。與視覺(jué)傳達(dá)設(shè)計(jì)的異同，視覺(jué)傳達(dá)設(shè)計(jì)屬于視覺(jué)設(shè)計(jì)的一部分，主要針對(duì)被傳達(dá)對(duì)象即觀眾而有所表現(xiàn)，缺少對(duì)設(shè)計(jì)者自身視覺(jué)需求因素的訴求。視覺(jué)傳達(dá)既傳達(dá)給視覺(jué)觀眾也傳達(dá)給設(shè)計(jì)者本人，因此深入的視覺(jué)傳達(dá)研究已經(jīng)關(guān)注到視覺(jué)的方方面面感受，稱其為視覺(jué)設(shè)計(jì)更加貼切。

電子商務(wù)（Electronic Commerce）是利用計(jì)算機(jī)技術(shù)、網(wǎng)絡(luò)技術(shù)和遠(yuǎn)程通信技術(shù)，實(shí)現(xiàn)整個(gè)商務(wù)（買賣）過(guò)程中的電子化、數(shù)字化和網(wǎng)絡(luò)化。 在電子商務(wù)中的基礎(chǔ)和核心是網(wǎng)絡(luò)營(yíng)銷，電子商務(wù)包括了網(wǎng)上營(yíng)銷、線上支付、線下物流等各個(gè)環(huán)節(jié)。而在整個(gè)電子商務(wù)的環(huán)節(jié)中，其中最為重要的環(huán)節(jié)就是網(wǎng)絡(luò)營(yíng)銷。網(wǎng)絡(luò)營(yíng)銷是企業(yè)營(yíng)銷的組成部分，是以互聯(lián)網(wǎng)為手段展開的營(yíng)銷活動(dòng)，是電子商務(wù)的基礎(chǔ)和核心。其中移動(dòng)電子商務(wù)近年來(lái)業(yè)務(wù)量也開始暴增。移動(dòng)電子商務(wù)店鋪界面是電子商務(wù)營(yíng)銷中一個(gè)比較重要的環(huán)節(jié)，界面的設(shè)計(jì)中針對(duì)相應(yīng)的商品的內(nèi)容可以通過(guò)色彩視覺(jué)的搭配來(lái)深入的立體的展示特色和內(nèi)涵。所以視覺(jué)設(shè)計(jì)是電子商務(wù)界面平臺(tái)營(yíng)銷推廣的一根紐帶。

對(duì)于移動(dòng)電子商務(wù)界面的視覺(jué)設(shè)計(jì)，下面分成主次性、連貫性、整體性、渲染性四個(gè)方面來(lái)進(jìn)行簡(jiǎn)單的闡述。

首先，對(duì)于界面中視覺(jué)設(shè)計(jì)的主次性，每間電子商務(wù)店鋪中都會(huì)有自己的主打商品和近期舉行的店鋪活動(dòng)，那么在視覺(jué)設(shè)計(jì)上比較突出艷麗的顏色以及海報(bào)設(shè)計(jì)的位置都要選用在視覺(jué)上最容易被察覺(jué)的位置和種類，比如，有一款活動(dòng)海報(bào)，海報(bào)內(nèi)容是本月的主打活動(dòng)，需要進(jìn)店的所有人能第一時(shí)間看到海報(bào)內(nèi)容，所有在海報(bào)的視覺(jué)位置上來(lái)講，最好選取在每個(gè)移動(dòng)顯示屏中上位置，也就是視覺(jué)平行的位置是最容易被人看到的地方。關(guān)于顏色的選取，比如，如果需要突出某個(gè)商品信息的文字內(nèi)容，可以選用突出鮮艷顏色和字體來(lái)做強(qiáng)度，對(duì)應(yīng)不是為主的內(nèi)容信息，可以用淺色或比較細(xì)小的形狀來(lái)做弱化處理。對(duì)于視覺(jué)設(shè)計(jì)我們應(yīng)該從顏色，形狀和位置三個(gè)要素入手來(lái)分析和設(shè)置設(shè)計(jì)策略，進(jìn)一步強(qiáng)調(diào)和表現(xiàn)設(shè)計(jì)的主次性。在顏色方面，利用顏色的對(duì)比和人在視覺(jué)上的連續(xù)錯(cuò)覺(jué)，可以突出顏色的主次，比如用黑白兩色進(jìn)行設(shè)計(jì)對(duì)比時(shí)，白色會(huì)更白，黑色會(huì)更黑，那么我們只有將其中一種顏色做背景，另外一種顏色來(lái)做強(qiáng)調(diào)色的話就會(huì)達(dá)到主次分明的效果。對(duì)于形狀的利用，在移動(dòng)界面中，界面比較小，那么對(duì)于需要轉(zhuǎn)達(dá)的主要信息就應(yīng)該用滿屏的尺寸形狀來(lái)做，這個(gè)可以最大限度地提高主題內(nèi)容的曝光率。另外對(duì)于位置方面，要梯形內(nèi)容的主次，強(qiáng)調(diào)內(nèi)容的主體位置，就需要將為主的內(nèi)容放在視平面位置的水平視覺(jué)方向，這樣就會(huì)讓人們?cè)诳吹浇缑娴臅r(shí)候能夠第一時(shí)間更加輕松的來(lái)獲取信息，從而提升主次效果。

然后，對(duì)于界面中視覺(jué)設(shè)計(jì)的連貫性，每間電子商務(wù)店鋪中都會(huì)有自己的首頁(yè)和詳情鏈接頁(yè)面，那么在視覺(jué)設(shè)計(jì)上為了展現(xiàn)店鋪的統(tǒng)一性和規(guī)范性，一般會(huì)選用統(tǒng)一的色調(diào)和字體來(lái)做連貫性的修飾處理，比如，有一家店鋪是以藍(lán)色和黑色為主，白色為輔的配色方案，那么，在主頁(yè)和鏈接頁(yè)面上面就要應(yīng)用到相同的配飾方案來(lái)對(duì)不同頁(yè)面進(jìn)行設(shè)計(jì)，再比如，如果店鋪里面位置圖層視覺(jué)上連貫性，以重現(xiàn)店鋪的風(fēng)格映像，在字體字形選擇上，在不同的頁(yè)面也是要選擇相同的配比方案的。對(duì)于視覺(jué)設(shè)計(jì)我們應(yīng)該從顏色，形狀和位置三個(gè)要素入手來(lái)分析和設(shè)置設(shè)計(jì)策略，進(jìn)一步強(qiáng)調(diào)和表現(xiàn)設(shè)計(jì)的連貫性。在顏色方面，利用顏色的相近和人在視覺(jué)上的連續(xù)錯(cuò)覺(jué)，可以突出顏色的連貫性，比如用黃綠兩色進(jìn)行設(shè)計(jì)對(duì)比時(shí)，黃色會(huì)變成黃綠色，綠色也會(huì)受到黃色的影響，那么我們只有將其中一種顏色做背景，另外一種顏色來(lái)做烘托色的話就會(huì)達(dá)到環(huán)境氛圍連續(xù)的效果。對(duì)于形狀的利用，在移動(dòng)界面中，界面比較小，那么對(duì)于需要轉(zhuǎn)達(dá)的配套信息就應(yīng)該用相同的尺寸形狀來(lái)做，這個(gè)可以最大限度地提高店鋪內(nèi)容的統(tǒng)一性。另外對(duì)于位置方面，要體現(xiàn)內(nèi)容的連貫性，統(tǒng)一內(nèi)容的位置，就需要將為統(tǒng)一的內(nèi)容放在相同的類似的位置，這樣就會(huì)讓人們?cè)诳吹浇缑娴臅r(shí)候能夠第一時(shí)間更加輕松的感覺(jué)到信息的連貫和統(tǒng)一，從而提升連貫效果。

再有，對(duì)于界面中視覺(jué)設(shè)計(jì)的整體性，每間電子商務(wù)店鋪中如果能將商品的視覺(jué)元素和店鋪的裝修風(fēng)格相統(tǒng)一，那么在視覺(jué)設(shè)計(jì)上可以給人一種購(gòu)物環(huán)境，能激發(fā)人的購(gòu)物欲望，比如，有一款活休閑餅干，主打的包裝設(shè)計(jì)是針對(duì)兒童和年輕人群，那么，在店鋪的整體視覺(jué)效果在顏色方面就要選擇清新活潑的顏色來(lái)呼應(yīng)，另外，選用的裝修素材圖片也要選用活潑的主題為主的內(nèi)容。再比如，如果商品主打是高端簡(jiǎn)約的衣服，那么我們就要選用簡(jiǎn)單的顏色并附有細(xì)節(jié)的視覺(jué)設(shè)計(jì)來(lái)突出。對(duì)于視覺(jué)設(shè)計(jì)我們應(yīng)該從顏色，形狀和位置三個(gè)要素入手來(lái)分析和設(shè)置設(shè)計(jì)策略，進(jìn)一步強(qiáng)調(diào)和表現(xiàn)設(shè)計(jì)的整體性。在顏色方面，利用顏色的相近相同的配色方案和人在視覺(jué)上的連續(xù)性，可以突出顏色的整體性，比如用黃綠黑三色進(jìn)行設(shè)計(jì)方案時(shí)，所有界面都使用同樣的配色方案，顏色的整體的影響，那么我們只有將其中一種顏色做背景，另外一種顏色來(lái)做烘托色，第三種顏色做主體色的話就會(huì)達(dá)到環(huán)境氛圍連續(xù)的整體效果。對(duì)于形狀的利用，在移動(dòng)界面中，界面比較小，那么對(duì)于需要轉(zhuǎn)達(dá)的配套信息就應(yīng)該用相同的尺寸形狀來(lái)做，這個(gè)可以最大限度地提高店鋪內(nèi)容的統(tǒng)一性。另外對(duì)于位置方面，要體現(xiàn)內(nèi)容的整體性，統(tǒng)一內(nèi)容的位置，就需要將為統(tǒng)一的內(nèi)容放在相同的類似的位置，這樣就會(huì)讓人們?cè)诳吹浇缑娴臅r(shí)候能夠第一時(shí)間更加輕松的感覺(jué)到信息的統(tǒng)一，從而提升整體效果。

最后，對(duì)于界面中視覺(jué)設(shè)計(jì)的渲染性，電子商務(wù)店鋪界面設(shè)計(jì)中，在視覺(jué)上的提升主要是渲染購(gòu)物環(huán)境，激發(fā)購(gòu)物欲望，商品的視覺(jué)元素和店鋪的裝修風(fēng)格已經(jīng)店鋪整體的營(yíng)銷方向相統(tǒng)一，那么在視覺(jué)設(shè)計(jì)上就會(huì)加強(qiáng)整體的視覺(jué)效果，并能加強(qiáng)客戶對(duì)店鋪的購(gòu)物印象，可以為購(gòu)物增加體驗(yàn)，能激發(fā)人的二次購(gòu)物欲望。對(duì)于視覺(jué)設(shè)計(jì)我們應(yīng)該從顏色，形狀和位置三個(gè)要素入手來(lái)分析和設(shè)置設(shè)計(jì)策略，進(jìn)一步強(qiáng)調(diào)和表現(xiàn)設(shè)計(jì)的連貫性。在顏色方面，利用顏色的相近相似和人在視覺(jué)上的相對(duì)錯(cuò)覺(jué)，可以突出顏色的渲染性，比如用灰白兩色進(jìn)行設(shè)計(jì)對(duì)比時(shí)，灰色會(huì)變成更灰的色，白色也會(huì)受到灰色的影響，那么我們只有將其中一種顏色做背景，另外一種顏色來(lái)做烘托色的話就會(huì)達(dá)到環(huán)境氛圍連續(xù)的效果。對(duì)于形狀的利用，在移動(dòng)界面中，界面比較小，那么對(duì)于需要轉(zhuǎn)達(dá)的配套信息就應(yīng)該用相同的尺寸形狀來(lái)做，這個(gè)可以最大限度地提高店鋪內(nèi)容的統(tǒng)一性。另外對(duì)于位置方面，要體現(xiàn)內(nèi)容的連貫性，統(tǒng)一內(nèi)容的位置，就需要將為統(tǒng)一的內(nèi)容放在相同的類似的位置，這樣就會(huì)讓人們?cè)诳吹浇缑娴臅r(shí)候能夠提升空間環(huán)境的內(nèi)容渲染，從而提升整體的視覺(jué)效果。

視覺(jué)設(shè)計(jì)在移動(dòng)界面設(shè)計(jì)中的應(yīng)用從顏色、形狀和位置設(shè)置上面可以增強(qiáng)界面的主次性、連貫性、整體性、渲染性。從而提升購(gòu)物體驗(yàn)，激發(fā)購(gòu)物欲望，增強(qiáng)營(yíng)銷效果，所以，視覺(jué)設(shè)計(jì)原理在電子商務(wù)界面中的應(yīng)用必不可少。

作者簡(jiǎn)介

湯嬋，廣東技術(shù)師范學(xué)院天河學(xué)院，湖南，多媒體應(yīng)用設(shè)計(jì)師，研究方向：多媒體軟件應(yīng)用方向。