插畫師筆下的電商頁麵設計

文章導讀： 在(zai)插(cha)畫(hua)師(shi)的(de)眼(yan)裏(li)，如(ru)今(jin)大(da)部(bu)分(fen)店(dian)鋪(pu)的(de)頁(ye)麵(mian)設(she)計(ji)都(dou)是(shi)千(qian)篇(pian)一(yi)律(lv)，我(wo)們(men)應(ying)如(ru)何(he)脫(tuo)穎(ying)而(er)出(chu)
？讓(rang)插(cha)畫(hua)與(yu)電(dian)商(shang)碰(peng)撞(zhuang)出(chu)美(mei)麗(li)的(de)火(huo)花(hua)。插(cha)畫(hua)與(yu)頁(ye)麵(mian)的(de)結(jie)合(he)往(wang)往(wang)會(hui)讓(rang)人(ren)耳(er)目(mu)一(yi)新(xin)，並(bing)且(qie)趣(qu)味(wei)十(shi)足(zu)。今(jin)天(tian)我(wo)就(jiu)把(ba)插(cha)畫(hua)的(de)電(dian)商(shang)運(yun)用(yong)手(shou)法(fa)分(fen)享(xiang)給(gei)大(da)家(jia)，讓(rang)插(cha)畫(hua)來(lai)表(biao)達(da)主(zhu)題(ti)，結(jie)合(he)產(chan)品(pin)本(ben)身(shen)，達(da)到(dao)吸(xi)引(yin)消(xiao)費(fei)者(zhe)的(de)眼(yan)球(qiu)。

正文：

在(zai)這(zhe)個(ge)電(dian)商(shang)平(ping)台(tai)中(zhong)越(yue)來(lai)越(yue)多(duo)好(hao)玩(wan)又(you)有(you)趣(qu)的(de)頁(ye)麵(mian)設(she)計(ji)充(chong)斥(chi)著(zhe)消(xiao)費(fei)者(zhe)的(de)購(gou)買(mai)欲(yu)望(wang)
，而(er)在(zai)眾(zhong)多(duo)不(bu)同(tong)的(de)頁(ye)麵(mian)海(hai)報(bao)設(she)計(ji)中(zhong)插(cha)畫(hua)的(de)運(yun)用(yong)更(geng)能(neng)為(wei)頁(ye)麵(mian)海(hai)報(bao)起(qi)到(dao)畫(hua)龍(long)點(dian)睛(jing)的(de)作(zuo)用(yong)，那(na)我(wo)們(men)今(jin)天(tian)就(jiu)來(lai)講(jiang)講(jiang)如(ru)何(he)把(ba)插(cha)畫(hua)運(yun)用(yong)到(dao)頁(ye)麵(mian)海(hai)報(bao)設(she)計(ji)中(zhong)，哈(ha)哈(ha)~

一、      了解產品

了(le)解(jie)品(pin)牌(pai)產(chan)品(pin)屬(shu)性(xing)對(dui)於(yu)插(cha)畫(hua)的(de)創(chuang)作(zuo)是(shi)很(hen)重(zhong)要(yao)的(de)一(yi)個(ge)過(guo)程(cheng)，以(yi)及(ji)他(ta)的(de)定(ding)位(wei)，消(xiao)費(fei)人(ren)群(qun)的(de)分(fen)析(xi)來(lai)選(xuan)擇(ze)用(yong)什(shen)麼(me)畫(hua)風(feng)來(lai)展(zhan)現(xian)這(zhe)個(ge)產(chan)品(pin)本(ben)身(shen)的(de)特(te)點(dian)
，所(suo)以(yi)不(bu)同(tong)的(de)產(chan)品(pin)要(yao)以(yi)不(bu)同(tong)的(de)角(jiao)度(du)來(lai)分(fen)析(xi)

，達(da)到(dao)最(zui)大(da)優(you)勢(shi)的(de)優(you)化(hua)。

今(jin)天(tian)我(wo)以(yi)這(zhe)家(jia)店(dian)為(wei)例(li)，這(zhe)是(shi)一(yi)家(jia)新(xin)潮(chao)的(de)帽(mao)子(zi)店(dian)，價(jia)格(ge)不(bu)高(gao)消(xiao)費(fei)人(ren)群(qun)高(gao)中(zhong)生(sheng)到(dao)大(da)學(xue)生(sheng)，年(nian)齡(ling)層(ceng)都(dou)是(shi)年(nian)輕(qing)化(hua)，一(yi)群(qun)喜(xi)歡(huan)新(xin)鮮(xian)事(shi)物(wu)並(bing)且(qie)敢(gan)於(yu)嚐(chang)試(shi)的(de)一(yi)群(qun)年(nian)輕(qing)人(ren)，所(suo)以(yi)那(na)種(zhong)固(gu)化(hua)的(de)東(dong)西(xi)都(dou)不(bu)是(shi)他(ta)們(men)的(de)菜(cai)。

二、打造IP形象

IPyongyouqiangdadechuanbonengli，zaidangjinjilidedianshangjingzhengzhongzhebiranshiyitiaoyaozoudelu，zhiyoubapinpaishenrurenxin，caihuishixianchangjiuyili
，zaizhongduopinpaizhongruherangrenyoujiyidianduiyuleisidechanpin，rangqibiaoxianchuxianmingdegexing，qizhongdazaoIP形象是一種不錯的首選，能在眾多的品牌中脫穎而出，能讓消費者對於產品有一個認知。

（一）、插畫與IP

IP形xing象xiang是shi指zhi品pin牌pai在zai市shi場chang上shang和he社she會hui公gong眾zhong心xin目mu中zhong所suo表biao現xian出chu來lai的de個ge性xing特te征zheng，它ta體ti現xian著zhe公gong眾zhong特te別bie是shi消xiao費fei者zhe對dui品pin牌pai的de認ren知zhi與yu評ping價jia。品pin牌pai形xing象xiang是shi消xiao費fei者zhe頭tou腦nao中zhong與yu某mou個ge品pin牌pai相xiang聯lian係xi的de屬shu性xing集ji合he和he相xiang關guan聯lian想xiang，是shi消xiao費fei者zhe對dui品pin牌pai的de主zhu觀guan反fan映ying。品pin牌pai形xing象xiang不bu但dan能neng使shi品pin牌pai產chan品pin在zai更geng大da的de廣guang度du和he深shen度du上shang吸xi引yin顧gu客ke
，而er且qie能neng培pei養yang顧gu客ke長chang期qi的de品pin牌pai忠zhong誠cheng度du。

dutedechahuaxingxiangyupinpaixingxiangxiangjiehe，nenggoubengfachuteshuqiefeifandebigehefenwei，gengjiaxiyinxiaofeizhedezhuyiheqinglai，yueteshuyuebiezhidechahuayuenengxiyinnianqingxinchaorenqundexiaofeiyuwang。（前提當然要足夠好看）

三、電商中插畫的特性

市麵上許多插畫大部分對應的都是書籍或影視tv，遊戲等，該類型繪畫所追求的是複雜
，繁瑣，豐富，酷炫的畫麵

，但是當插畫對應於電商來說，就需要抓住幾點：jianyue，gexing，chuse
，dazhong
，danjuebucongzhong
，zuizuizhongyaodeshiyunyonghuashishouzhongdehuabifuyuchanpinlinghun
，shihuashizuijiandan，zuijichu，zuinengbachanpinjuxianghuadenengli，basiwubianchenghuowujiushidianshangchahuashizuiqimiaodenengli。

（一）、電商插畫之“個性“

圖中根據產品以及對應的消費人群喜好設計出來的IP，在大眾化的基礎上增加獨特、另類、擁有自己特質的需要，獨具一格
，個性鮮明，別開生麵的一種說法，打造一種與眾不同的效果。設計了兩個IP一男一女，全部采用兩頭半的Q版高度。男的叫邪惡先生整體比較新潮一頂大大的禮帽配上騷氣的粉紅頭發以及尖尖的鼻子（其中鼻子的原型是鷹嘴）還hai有you藍lan色se的de膚fu色se，一yi看kan就jiu是shi那na種zhong具ju有you超chao能neng力li的de人ren，勇yong往wang直zhi前qian不bu懼ju艱jian辛xin，能neng把ba別bie人ren化hua腐fu朽xiu為wei神shen奇qi的de魔mo法fa。女nv的de叫jiao小xiao惡e魔mo
，在zai整zheng體ti的de設she計ji中zhong突tu出chu了le鼻bi子zi這zhe一yi塊kuai(跟邪惡先生呼應)
，因(yin)為(wei)著(zhe)重(zhong)展(zhan)示(shi)的(de)地(di)方(fang)在(zai)帽(mao)子(zi)所(suo)以(yi)突(tu)出(chu)整(zheng)個(ge)頭(tou)部(bu)鼻(bi)子(zi)的(de)部(bu)分(fen)，在(zai)多(duo)變(bian)的(de)造(zao)型(xing)，能(neng)展(zhan)現(xian)不(bu)同(tong)風(feng)格(ge)的(de)帽(mao)子(zi)。側(ce)麵(mian)展(zhan)示(shi)的(de)時(shi)候(hou)也(ye)會(hui)獨(du)居(ju)特(te)色(se)
，讓(rang)瀏(liu)覽(lan)者(zhe)記(ji)住(zhu)這(zhe)一(yi)特(te)點(dian)特(te)征(zheng)。

（二）

、電商插畫之“簡約”

huashiwangwangbajiandandetupianfengfuhuahuihenrongyierqiehentuchutupianxiaoguo，huizhihaokanqiejianyuedechahuawangwangxuyaogengjiafengfudejingyanjilei，dianshangchahuazexuyaozaijianyuedechahuagoutuhexiantiaozhongtilian！提煉！再提煉！！！才cai能neng讓rang畫hua麵mian看kan起qi來lai不bu突tu兀wu切qie有you趣qu，過guo於yu複fu雜za的de插cha畫hua不bu僅jin無wu法fa突tu出chu產chan品pin

，而er且qie容rong易yi讓rang消xiao費fei者zhe審shen美mei疲pi勞lao，抓zhua不bu住zhu重zhong點dian，新xin鮮xian感gan一yi過guo就jiu無wu所suo吊diao謂wei。簡jian單dan來lai講jiang就jiu是shi
，如ru果guo繪hui畫hua所suo表biao現xian的de關guan鍵jian點dian太tai多duo就jiu剔ti除chu所suo有you可ke以yi剔ti除chu的de關guan鍵jian點dian
，如ru果guo剔ti除chu到dao最zui後hou還hai是shi無wu法fa做zuo出chu取qu舍she的de話hua
，就jiu把ba所suo有you的de都dou刪shan掉diao，畫hua出chu你ni隻zhi想xiang並bing且qie隻zhi能neng畫hua的de一yi個ge關guan鍵jian點dian！如果插畫過於複雜搶戲的話
，則平麵設計人員就很難做……

（三）、電商插畫之“出色”

所謂的出色
，並不僅僅是插畫顏色上的強烈，可以是任何地方，比如結構，對比
，層次等….讓整體畫麵不趨於平淡。

（四）
、電商插畫之“大眾“

這zhe裏li所suo說shuo的de大da眾zhong，是shi指zhi商shang品pin所suo對dui應ying的de絕jue大da部bu分fen群qun眾zhong都dou喜xi聞wen樂le見jian的de插cha畫hua風feng格ge和he類lei型xing，但dan絕jue不bu能neng炒chao冷leng飯fan，落luo於yu俗su套tao
，讓rang消xiao費fei者zhe感gan覺jiao到dao自zi己ji的de情qing緒xu被bei戲xi耍shua和he愚yu弄nong，不bu要yao為wei了le挑tiao逗dou而er挑tiao逗dou
，為wei了le搞gao笑xiao而er搞gao笑xiao，為wei了le吸xi引yin而er吸xi引yin，簡jian單dan來lai說shuo就jiu是shi不bu要yao做zuo作zuo
，這zhe個ge就jiu需xu要yao藝yi術shu家jia的de品pin味wei和he生sheng活huo素su養yang來lai決jue定ding
，所suo以yi提ti高gao藝yi術shu家jia的de品pin味wei和he生sheng活huo素su養yang是shi必bi然ran的de

，人ren們men往wang往wang迷mi戀lian高gao逼bi格ge的de感gan覺jiao，消xiao費fei購gou買mai起qi來lai舒shu心xin，從cong而er帶dai動dong產chan品pin的de價jia值zhi提ti高gao。

（五）、電商插畫之“賦予產品靈魂”

作為一個富有想象力的插畫師，賦予產品靈魂，還不是手到擒來，getdaochanpinderenheyigexiaofangmian，zaichahuashishouzhongdounengfenfenzhonglinghunhua，juxianghua，yueyouquyuexinqidelinghunyuenengzhuazhuxiaofeizhedexin，ruheranglinghunyuchanpinwanmeiqihe
，xuyaochahuashi，pingmianshejishi
，gehuanjiegefangmiandemohenengbengfachumirendehuohua，fuyupinpaimirendemoli。

四

、如何繪製電商插畫

    在繪製插畫時，可以運用很多軟件來完成，矢量插畫可以用AI，線條很多的那種圖片可以用SAI，我平時基本用PS畫，那我就著重講一下PS，首先你要考慮你畫的是哪種風格，需要用到哪些技法，首先畫筆對於PSzuohuashifeichangzhongyaode，butongdehuabikeyihuachubutongdejilixiaoguo，chengxianzaibutongyemian，dangranyouxiexiaoguohaishixuyaozijishihuabi。haiyougoutuzaoxingyansenaxiexuyaozijiyouyidingdedelilunzhishi，jiashangshijiankendinghuihuachumanyidedianshangchahua。

小結：

zairichangzuochahuayemianjihaibaodeshihouyaoxianqulejiechanpin
，ranhoupingshiduokankanbutongfenggedechahua，zaiyunyongdaodianshangdeshihounengbazhengtifenggenaniehao，bimianchulaidexiaoguobujia
，youhaodezuopinyaoqufenxiweishenmehao？zheyangduokan，duoxue，duoxiang，zuihouzuochudujuyigededianshangchahuaanli，suoyixiaohuobanmenkaishixingdongqilaiba。