基于進(jìn)企服務(wù)項(xiàng)目探索電商界面設(shè)計(jì)方法

[摘 要] 伴隨網(wǎng)購如火如荼的發(fā)展之勢(shì)，電商領(lǐng)域已席卷全國(guó)各地，成為時(shí)下人們?nèi)粘ＯM(fèi)的主要網(wǎng)絡(luò)平臺(tái)。電商界面設(shè)計(jì)是平面設(shè)計(jì)領(lǐng)域拓展的新大陸，基于網(wǎng)絡(luò)平臺(tái)推銷商品，傳播信息，引導(dǎo)消費(fèi)，是一種新型廣告形式。基于教師進(jìn)企服務(wù)項(xiàng)目，深入探究電商行業(yè)發(fā)展現(xiàn)狀與人才需求目標(biāo)，探索其視覺設(shè)計(jì)的具體方法。

[關(guān) 鍵 詞] 電商；界面；視覺設(shè)計(jì)；Banner

[中圖分類號(hào)] G712 [文獻(xiàn)標(biāo)志碼] A [文章編號(hào)] 2096-0603（2017）15-0012-01

電商是近幾年來大火的名詞，我們并不陌生?，F(xiàn)今，以阿里巴巴、京東、網(wǎng)易為主的電商企業(yè)迅猛發(fā)展，“電商熱”已是不爭(zhēng)的事實(shí)。伴隨著線上店鋪的增多，消費(fèi)者選擇的余地不斷擴(kuò)大，如何讓自己的商品在成千上萬的類目商品中脫穎而出，是每個(gè)電商商家首要解決的難題。電商界面設(shè)計(jì)是平面設(shè)計(jì)領(lǐng)域拓展的新大陸，基于網(wǎng)絡(luò)平臺(tái)推銷商品，傳播信息，引導(dǎo)消費(fèi)，是一種新型廣告形式。

本文基于教師進(jìn)企服務(wù)項(xiàng)目，深入探究電商行業(yè)發(fā)展現(xiàn)狀與人才需求目標(biāo)；通過服務(wù)企業(yè)，反哺日常教學(xué)，將企業(yè)實(shí)踐成果進(jìn)行總結(jié)，以電商界面橫幅廣告——Banner為例，探索其視覺設(shè)計(jì)的具體方法。

一、進(jìn)企服務(wù)的目的

伴隨網(wǎng)購如火如荼的發(fā)展之勢(shì)，電商已經(jīng)成為人們?nèi)粘ＯM(fèi)的主要網(wǎng)絡(luò)平臺(tái)。電商界面設(shè)計(jì)作為平面設(shè)計(jì)領(lǐng)域拓展的新大陸，市場(chǎng)需求巨大，但學(xué)科積累不夠，基礎(chǔ)薄弱；面對(duì)巨大的人才需求，一線行業(yè)是目前最好的學(xué)習(xí)對(duì)象和導(dǎo)師。企業(yè)產(chǎn)品研發(fā)、技術(shù)改進(jìn)的過程中，需要借助科研人員，服務(wù)于高端客戶和需求。校企雙方教師發(fā)揮橋梁紐帶作用，服務(wù)企業(yè)，提高專業(yè)乃至學(xué)校的知名度，同時(shí)匯總最新項(xiàng)目，充實(shí)專業(yè)資源庫，實(shí)現(xiàn)

共贏。

因此，教師進(jìn)企服務(wù)，本著“三需原則”開展工作，制訂工作計(jì)劃?！叭琛奔雌髽I(yè)需要、個(gè)人專業(yè)發(fā)展需要、學(xué)院專業(yè)建設(shè)需要。在行業(yè)實(shí)踐中學(xué)習(xí)，在行業(yè)實(shí)踐中檢驗(yàn)教學(xué)方法，反哺課堂。

二、電商Banner設(shè)計(jì)方法

（一）電商Banner構(gòu)成要素

對(duì)于電商而言，Banner的作用是宣傳商品、展示商品、廣而告知，并準(zhǔn)確傳達(dá)信息。我們隨意選取兩幅Banner進(jìn)行分析，發(fā)現(xiàn)每一張Banner都包含宣傳文字、商品圖形、企業(yè)標(biāo)志、色彩和輔助裝飾，這些就是Banner的構(gòu)成要素，即文案、商品、品牌、色彩、點(diǎn)綴物。它們?cè)陔娚藼anner中分別扮演不同的角色，各施所長(zhǎng)，互相呼應(yīng)，已形成統(tǒng)一的視覺廣告整體。

（二）電商Banner要素設(shè)計(jì)

1.文案

雖說現(xiàn)在是讀圖的時(shí)代，但是文字必不可少。文案一般包括主標(biāo)題、副標(biāo)題和促銷點(diǎn)，每個(gè)文案都有明確的字?jǐn)?shù)限制。一般來講主標(biāo)題8個(gè)字符左右，副標(biāo)題15個(gè)字符左右，促銷點(diǎn)10個(gè)字符左右，文案要以最言簡(jiǎn)意賅的形式呈現(xiàn)給顧客。文案字體的選擇也有范圍導(dǎo)向，一般以方正蘭亭系列和造字工房系列字體為主。標(biāo)題可以使用筆畫粗的字體，或者藝術(shù)字體、創(chuàng)意字體。此外，還可以通過字體筆畫設(shè)計(jì)，外加字體圖層樣式去區(qū)分主標(biāo)題、副標(biāo)題和促銷點(diǎn)，達(dá)到一目了然的效果。

2.商品

當(dāng)我們打開電商網(wǎng)頁時(shí)，我們可以看到琳瑯滿目的商品。這些商品要想在Banner中使用，第一步就是修圖。修圖包括去底、調(diào)色、調(diào)光和去瑕，這些處理方法在Photoshop當(dāng)中都能實(shí)現(xiàn)。圖片去底可以用魔棒工具或鋼筆工具，方便快捷。調(diào)色可以在導(dǎo)航欄中選擇圖像中的調(diào)整工具，就可以看到調(diào)整色相飽和度的窗口，調(diào)整顏色這個(gè)工具就足夠了。此外，我們還要進(jìn)行調(diào)光和修飾瑕疵，以達(dá)到商品在Banner中吸引、傳達(dá)、誘導(dǎo)的功能。

3.品牌

品牌是電商Banner中借以識(shí)別商品，區(qū)別于其他企業(yè)商品的主要符號(hào)。在電商Banner設(shè)計(jì)中，品牌符號(hào)不再是版面的裝飾物，而是重要的構(gòu)成要素。在信息傳達(dá)的過程中潛移默化地影響顧客對(duì)品牌的記憶、認(rèn)知、認(rèn)可和信賴，已達(dá)到品牌推廣的作用。有些國(guó)際知名品牌或歷史悠久的民族品牌，其符號(hào)就是整版Banner中最有說服力的語言。

4.色彩

大眾對(duì)電商Banner的第一印象是通過色彩得到的，文案和商品都離不開色彩的表現(xiàn)，色彩傳達(dá)從某種意義來說是第一位的。對(duì)于電商Banner而言，色彩的作用是融合文案和商品，確定Banner的氣氛。色彩是電商Banner中最活躍的元素，它不僅為設(shè)計(jì)增添了變化和情趣，還增加了設(shè)計(jì)的空間感。一般我們都是用漸變的方式去處理，簡(jiǎn)潔又不失層次。漸變是由Photoshop當(dāng)中漸變編輯器完成的。雙擊色條下方左右兩邊的按鈕，就可以選擇相應(yīng)的色彩，進(jìn)行前景色到背景色的漸變。一般文字的顏色不能多于3種色彩，并且禁用飽和度高的顏色，避免畫面混亂。

5.點(diǎn)綴物

點(diǎn)綴物在電商Banner中是以點(diǎn)、線、面的形式存在的，我們可以從商品中、文案中、背景中，抽離出巧妙的圖形，起到畫龍點(diǎn)睛的作用。點(diǎn)綴物的制作是由Photoshop當(dāng)中的矩形工具、圓角矩形工具、橢圓工具、直線工具和自定形狀工具完成的。

電商是一個(gè)快消費(fèi)行業(yè)，具有時(shí)效短、更新快、季節(jié)性、主題性等特點(diǎn)。雖然電商界面設(shè)計(jì)是平面設(shè)計(jì)領(lǐng)域拓展的新大陸，但是對(duì)應(yīng)的專業(yè)技能是相同的。在進(jìn)企服務(wù)時(shí)，發(fā)現(xiàn)字體設(shè)計(jì)課程、版式設(shè)計(jì)課程、插畫設(shè)計(jì)課程、圖形軟件設(shè)計(jì)課程都對(duì)電商界面設(shè)計(jì)起到了至關(guān)重要的作用。一線行業(yè)是目前電商領(lǐng)域最好的學(xué)習(xí)對(duì)象和導(dǎo)師，在行業(yè)實(shí)踐中學(xué)習(xí)，在行業(yè)實(shí)踐中檢驗(yàn)教學(xué)方法，才能更好地反哺課堂。

參考文獻(xiàn)：

[1]曲興衛(wèi)，朱克峰，唐杰曉.Photoshop電商海報(bào)設(shè)計(jì)[M].北京：電子工業(yè)出版社，2016.

[2]程晨.高職電子商務(wù)視覺設(shè)計(jì)人才培養(yǎng)機(jī)制的探索[J].藝術(shù)科技，2016，29（3）：70.