網(wǎng)店美工的基礎(chǔ)知識

第一章網(wǎng)店美工地基礎(chǔ)知識網(wǎng)店美工實(shí)戰(zhàn)教程一.一網(wǎng)店美工概述內(nèi)容導(dǎo)航一.二網(wǎng)店地色彩運(yùn)用一.三網(wǎng)店地文字設(shè)計(jì)一.四網(wǎng)店地文案策劃一.五網(wǎng)店地頁面布局一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞一.一網(wǎng)店美工概述網(wǎng)店美工地工作價(jià)值在于對店鋪與商品行全方位地視覺處理與優(yōu)化,使其能夠激發(fā)消費(fèi)者地購買欲望,最終實(shí)現(xiàn)店鋪地經(jīng)濟(jì)效益。而在當(dāng)前地行業(yè)環(huán)境下,簡單地圖片處理,頁面美化與店鋪裝修已經(jīng)不能再滿足商家對網(wǎng)店美工地要求,掌握色彩,創(chuàng)意,設(shè)計(jì)等地綜合運(yùn)用已成為網(wǎng)店美工工作地核心要求。網(wǎng)店美工是隨著電子商務(wù)發(fā)展而興起地職業(yè),是對服務(wù)于淘寶,天貓商城,京東商城,唯品會等臺地網(wǎng)店地頁面設(shè)計(jì)與美化工作者地統(tǒng)稱。網(wǎng)店美工不僅需要處理圖片,還需要理解,洞悉策劃方案地意圖,并在其加入自己地創(chuàng)意,是一種"傳統(tǒng)美工+設(shè)計(jì)師"地復(fù)合職業(yè)。一.一.一網(wǎng)店美工地定義一.一.二網(wǎng)點(diǎn)美工地工作范疇網(wǎng)店美工主要負(fù)責(zé)網(wǎng)店地店面裝修,以及產(chǎn)品圖片地創(chuàng)意處理。打造店鋪特色美化商品圖片裝修與設(shè)計(jì)網(wǎng)店設(shè)計(jì)活動(dòng)頁面了解與運(yùn)用推廣一是要有藝術(shù)功底,需要網(wǎng)店美工具有扎實(shí)地美術(shù)功底,對美好事物地鑒賞能力以及創(chuàng)意思維;二是創(chuàng)作地能力,需要網(wǎng)店美工具有基本地圖像處理與設(shè)計(jì)能力,能夠熟練使用Photoshop,Dreamweaver,Flash等設(shè)計(jì)軟件,能夠?qū)⑺囆g(shù)地想法具象化為實(shí)際作品。通過圖片,文字,色彩搭配,表達(dá)出商品地獨(dú)特地能力;從運(yùn)營,推廣,數(shù)據(jù)分析地角度去思考,提升圖片點(diǎn)擊率與轉(zhuǎn)化率地能力;跨越技術(shù)層面追求更高地轉(zhuǎn)化率,從而激發(fā)消費(fèi)者地購買欲望地能力等。一.一.三網(wǎng)店美工地能力要求藝術(shù)表現(xiàn)地能適應(yīng)消費(fèi)者地能力一.一.四店鋪裝修地基本原則一二三四行業(yè)屬突出商品分類明確色彩搭配協(xié)調(diào)布局簡潔大方圖像分辨率是指圖像存在地信息量,即每英寸（一英寸＝二.五四厘米）圖像有多少個(gè)像素點(diǎn)。因此,圖像地分辨率決定了位圖圖像地精確程度,圖像地分辨率越高,成像后地尺寸就越大,對應(yīng)地圖像也就越清晰。一.圖像分辨率一.一.五網(wǎng)店美工挑選圖片地方法PSD包含多種顏色模式,能夠自定義顏色數(shù)并加以存儲,還可以保存圖像地圖層,通道與路徑等信息,是目前唯一能夠支持全部圖像色彩模式地格式。一種基于LZW算法地連續(xù)色調(diào)地?zé)o損壓縮格式,其壓縮率一般在五零%左右;適合以色塊或單色為主地畫面,不適合用作高顯示質(zhì)量地圖片。GIFJPEG在提供良好壓縮能地同時(shí),具有較好地重建質(zhì)量,被廣泛應(yīng)用于圖像,視頻處理領(lǐng)域,效果較GIF與PNG格式有明顯地優(yōu)勢。PNG替代GIF與TIFF格式。存儲灰度圖像時(shí),灰度圖像地深度可多達(dá)一六位;存儲彩色圖像時(shí),彩色圖像地深度可多達(dá)四八位,并且還可存儲多達(dá)一六位地α通道數(shù)據(jù)。一.一.五網(wǎng)店美工挑選圖片地方法二.文件格式一.一.六網(wǎng)店美工需注意地問題產(chǎn)品地信息,注意事項(xiàng),賣點(diǎn),劣端與怎么讓劣端變成優(yōu)勢等,都是網(wǎng)店美工需要注意地問題。統(tǒng)一風(fēng)格樣式做好前期準(zhǔn)備分清主次輕重把握裝修時(shí)機(jī)確定大體思路內(nèi)容導(dǎo)航一.一網(wǎng)店美工概述一.二網(wǎng)店地色彩運(yùn)用一.三網(wǎng)店地文字設(shè)計(jì)一.四網(wǎng)店地文案策劃一.五網(wǎng)店地頁面布局一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞一.二網(wǎng)店地色彩運(yùn)用色彩地運(yùn)用是一門技術(shù)活,下面對色彩運(yùn)用色彩地原理,色彩地分類,色彩地屬,色彩地對比以及色彩地搭配分別行介紹。一.二.一色彩地原理自然界絕大部分地可見光譜可以用紅,綠,藍(lán)三種光按照不同比例與強(qiáng)度地混合來表示,將它們混合在一起可以搭配出各種各樣地色彩,如青,黃,洋紅。光源（G）光源（B）光源（R）白,亮灰,淺灰,亮灰,灰,灰,暗灰,黑灰,黑等顏色,常用于辦公用品店鋪。有彩色是指帶有某種標(biāo)準(zhǔn)色傾向地顏色,光譜地色彩都屬于有彩色。有彩色有無數(shù)種,它以紅,橙,黃,綠,藍(lán),紫為基本色。（一）無彩色（二）有彩色一.二.二色彩地分類一.二.三色彩地屬零一OPTION零二OPTION零三OPTION明度可以簡單理解為顏色地亮度,不同地顏色具有不同地明度。同一色相地色彩,在其添加不同程度地黑色,其明度就會相應(yīng)地下降;在其添加不同程度地白色,其明度則會相應(yīng)提升。明度色相是色彩是照射在物體上地光反射到眼在視神經(jīng)上所產(chǎn)生地感覺。紅,橙,黃,綠,藍(lán),紫與處在它們之間地紅橙,橙黃,黃綠,藍(lán)綠,藍(lán)紫,紅紫計(jì)一二種較鮮明地顏色組成了一二色相。色相純度指地是色彩飽與程度。光波越長,色相純度越高,反之,色相純度越低。不同色相地色彩不但明度不相等,純度也不相等。純度一.二.四色彩地對比一二三一二三明度對比色相對比純度對比一.二.五色彩地搭配白色系,結(jié)婚,衛(wèi)生用品黑色系,用于數(shù)碼產(chǎn)品一.二.五色彩地搭配綠色系,護(hù)理類藍(lán)色系,日化網(wǎng)店一.二.五色彩地搭配紅色系,婚禮用品內(nèi)容導(dǎo)航一.一網(wǎng)店美工概述一.二網(wǎng)店地色彩運(yùn)用一.三網(wǎng)店地文字設(shè)計(jì)一.四網(wǎng)店地文案策劃一.五網(wǎng)店地頁面布局一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞一.三網(wǎng)店地文字設(shè)計(jì)網(wǎng)店美工工作地最終目地是吸引消費(fèi)者,這就需要向消費(fèi)者傳遞商品,活動(dòng)與服務(wù)地信息。圖像與色彩地表達(dá)效果雖然直接而強(qiáng)烈,但在信息傳遞上卻有不足,這時(shí)文字就是最具有力地支持。在美工設(shè)計(jì)添加文字不僅能夠清晰明白地表達(dá)信息,同時(shí)還能在情感引導(dǎo)上為圖像與色彩提供幫助。一.三.一字體地類型宋體黑體書法體美術(shù)體字體與店鋪風(fēng)格相符增強(qiáng)文字地可讀增強(qiáng)排版地美觀一.三.二文字在網(wǎng)店地運(yùn)用內(nèi)容導(dǎo)航一.一網(wǎng)店美工概述一.二網(wǎng)店地色彩運(yùn)用一.三網(wǎng)店地文字設(shè)計(jì)一.四網(wǎng)店地文案策劃一.五網(wǎng)店地頁面布局一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞一.四網(wǎng)店地文案策劃網(wǎng)店往往會自己不定期開展促銷活動(dòng)或者參與電商臺地活動(dòng),如淘寶地"聚劃算",京東地"六.一八"周年慶,唯品會"四.一九"購物節(jié)等。這些活動(dòng)往往需要大量地文案來對活動(dòng)情況行介紹與宣傳,此時(shí)文案就需要有一個(gè)整體地布局與策劃。一些小型店鋪往往不會設(shè)置單獨(dú)地文案策劃崗位,所以就需要網(wǎng)店美工來承擔(dān)文案策劃工作。一二三突出商品賣點(diǎn)一.四.一文案在營銷地重要吸引消費(fèi)者注意增強(qiáng)品牌影響力一.四.二文案地策劃文案地受眾群體文案地目地文案地主題文案地視覺表現(xiàn)一.四.三文案地前期準(zhǔn)備一二三從基本信息找到賣點(diǎn)了解同行信息準(zhǔn)備資料一.四.四文案地寫作要點(diǎn)寫作要點(diǎn)彰顯定位,增強(qiáng)消費(fèi)信心低價(jià)產(chǎn)品,強(qiáng)調(diào)品質(zhì)高價(jià)商品,強(qiáng)調(diào)價(jià)值巧妙對比,突顯專業(yè)有地放矢,消除困惑一五四三二內(nèi)容導(dǎo)航一.一網(wǎng)店美工概述一.二網(wǎng)店地色彩運(yùn)用一.三網(wǎng)店地文字設(shè)計(jì)一.四網(wǎng)店地文案策劃一.五網(wǎng)店地頁面布局一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞一.五網(wǎng)店地頁面布局網(wǎng)店頁面是指消費(fèi)者在網(wǎng)店能夠?yàn)g覽到地所有頁面,主要包括首頁與詳情頁。其首頁是網(wǎng)店商品地展示頁面,幾乎所有地網(wǎng)店信息都展示在首頁上;詳情頁則承載著每件商品地詳細(xì)信息。首頁地質(zhì)量直接影響店鋪地瀏覽量,而詳情頁地質(zhì)量則關(guān)系著商品地轉(zhuǎn)化率。一.五.一首頁布局頁頭頁:首焦,優(yōu)惠活動(dòng),分類導(dǎo)航,主推商品與商品展示區(qū)等一.五.一首頁布局頁尾:括店鋪聲明,宣傳語,品牌授權(quán)認(rèn)證,返回首頁與返回頂部等。一.五.二詳情頁布局商品展示模塊商品細(xì)節(jié)模塊功能展示模塊包裝運(yùn)輸展示模塊促銷活動(dòng)模塊消費(fèi)者須知模塊內(nèi)容導(dǎo)航一.一網(wǎng)店美工概述一.二網(wǎng)店地色彩運(yùn)用一.三網(wǎng)店地文字設(shè)計(jì)一.四網(wǎng)店地文案策劃一.五網(wǎng)店地頁面布局一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞本實(shí)訓(xùn)將對唯品會某主營家居地網(wǎng)店行鑒賞,分析其色彩搭配,店鋪布局與文案設(shè)計(jì)等,從而一步鞏固本章所學(xué)地知識。一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞（一）查看首頁地頁頭,頁與頁尾,包括查看其對應(yīng)地店招,導(dǎo)航等內(nèi)容,并對其文字地字體行分析,掌握不同字體應(yīng)用地范圍;完成后對圖片地促銷術(shù)語行了解,從術(shù)語分析"翻舊事"地賣點(diǎn),并通過單個(gè)商品地?cái)[放與處理效果掌握美化圖片地方法。（二）查看詳情頁留住消費(fèi)者地方法以及商品地賣點(diǎn)描述,該賣點(diǎn)可通過詳情頁地描述區(qū)行展示。"翻舊事"地描述區(qū)主要通過近距離,高品質(zhì),結(jié)合場景地商品照片來體現(xiàn)商品地質(zhì)感與獨(dú)特設(shè)計(jì),從而促消費(fèi)者購買。一.設(shè)計(jì)思路二.知識要點(diǎn)一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞（一）掌握"翻舊事"文字與色彩地搭配方法,并從得到啟示,為后期制作做好準(zhǔn)備。（二）掌握"翻舊事"吸引消費(fèi)者購買商品地方法,從找到賣點(diǎn),而促銷售。（二）不同系列圖片地展示一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞三.操作步驟（一）分類導(dǎo)航一.六綜合實(shí)訓(xùn)——網(wǎng)店地色彩與布局鑒賞（三）系列商品地展示（四）系列間隔與頁尾一.六綜合實(shí)訓(xùn)—