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

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

關(guān)鍵詞：視覺設(shè)計；電子商務(wù)；移動界面

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

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

對于移動電子商務(wù)界面的視覺設(shè)計，下面分成主次性、連貫性、整體性、渲染性四個方面來進行簡單的闡述。

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

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

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

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

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

作者簡介

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