網(wǎng)店美工與視覺設(shè)計(jì)-第一章-網(wǎng)店美工和基本技能

1、網(wǎng)店美工 網(wǎng)店美工和基本技能 第1章目 錄contents1.1 網(wǎng)店美工的工作范疇與設(shè)計(jì)要求1.2 網(wǎng)店美工常用的圖像制作與處理軟件1.3 網(wǎng)店美工與店鋪裝修風(fēng)格網(wǎng)店美工實(shí)際上就是通過圖形圖像處理軟件對(duì)商品的照片進(jìn)行修飾，利用美學(xué)設(shè)計(jì)對(duì)素材、文字和照片進(jìn)行組合，給人以舒適的、直觀的視覺感受，讓買家從設(shè)計(jì)的網(wǎng)店中了解到更多商品信息和店鋪信息，促進(jìn)商品的銷售。1.1.1 網(wǎng)店美工概述左圖所示為賣家拍攝的學(xué)步車商品照片。如果沒有后期的修飾和潤(rùn)色，直接將照片放到網(wǎng)店上，相信這樣的商品是很難銷售出去的。網(wǎng)店美工人員通過專業(yè)的處理軟件對(duì)照片進(jìn)行摳圖，調(diào)整商品的層次和色彩，同時(shí)進(jìn)行適度美化后，將處理的商品

2、添加到網(wǎng)店中，形成完整的效果。右圖所示為添加到網(wǎng)店首頁中的編輯效果。從照片處理開始，通過素材的組合，最終制作成網(wǎng)店裝飾頁面的過程就是網(wǎng)店美工。v網(wǎng)店美工與網(wǎng)店的貨源一樣重要，絕對(duì)不能忽視。正所謂“三分長(zhǎng)相，七分打扮”，網(wǎng)店的頁面就像銷售員，網(wǎng)店的美工如同實(shí)體店的裝修一樣，可以讓買家從視覺上和心理上感覺到網(wǎng)店的專業(yè)性和權(quán)威性，以及店主對(duì)店鋪的用心程度。優(yōu)秀的設(shè)計(jì)能夠最大限度地提升網(wǎng)店的形象，有利于網(wǎng)店品牌的形成，能提高瀏覽量及銷售轉(zhuǎn)化率，那么網(wǎng)店美工主要是對(duì)網(wǎng)店中的哪些位置進(jìn)行美工設(shè)計(jì)呢？1.1.1 網(wǎng)店美工概述漂亮恰當(dāng)?shù)木W(wǎng)店美工設(shè)計(jì)可以延長(zhǎng)買家在網(wǎng)店的停留時(shí)間，買家瀏覽網(wǎng)頁時(shí)不易疲勞，自然就會(huì)

3、細(xì)心瀏覽店鋪。合理的規(guī)劃和精心的設(shè)計(jì)可以有效地吸引和留住買家，從而實(shí)現(xiàn)提高銷量的目的。1網(wǎng)店美工人員的含義美工人員一般是指對(duì)平面、色彩、基調(diào)、創(chuàng)意等進(jìn)行加工和創(chuàng)作的技術(shù)人員，分為平面美工人員、網(wǎng)頁美工人員和三維美工人員，一般需要精通Photoshop等設(shè)計(jì)軟件。1.1.2 網(wǎng)店美工人員的工作內(nèi)容與技能要求2網(wǎng)店美工的工作內(nèi)容網(wǎng)店美工人員的主要工作內(nèi)容包括拍攝產(chǎn)品圖片，產(chǎn)品上新；優(yōu)化產(chǎn)品詳情頁，設(shè)計(jì)產(chǎn)品關(guān)聯(lián)銷售模塊；制作網(wǎng)店各類促銷海報(bào)；設(shè)計(jì)網(wǎng)店招牌及店鋪風(fēng)格等等。3網(wǎng)店美工人員的技能要求（1）網(wǎng)店美工人員的基本素質(zhì)（2）網(wǎng)店美工與網(wǎng)店運(yùn)營(yíng)的關(guān)系目 錄contents1.1 網(wǎng)店美工的工作范疇與

4、設(shè)計(jì)要求1.2 網(wǎng)店美工常用的圖像制作與處理軟件1.3 網(wǎng)店美工與店鋪裝修風(fēng)格1.2.1 網(wǎng)店美工人員的工作內(nèi)容與技能要求 網(wǎng)店美工人員須掌握的軟件包括Photoshop（功能強(qiáng)大，應(yīng)用最多）、Dreamweaver（熱點(diǎn)制作）、Flash（動(dòng)態(tài)視頻制作）、Illustrator（矢量軟件，功能多）、Fireworks、CorelDRAW（矢量軟件，功能多）和3dMax。1.2.1 網(wǎng)店美工人員的工作內(nèi)容與技能要求Photoshop 網(wǎng)店美工設(shè)計(jì)最常用的工具就是Photoshop軟件（簡(jiǎn)稱PS）。它是由美國(guó)Adobe公司開發(fā)和發(fā)行的圖像處理軟件，功能非常強(qiáng)大，主要應(yīng)用在處理像素構(gòu)成的數(shù)字圖像。

5、其最大的優(yōu)點(diǎn)就是它有很好的兼容性，一般不會(huì)因?yàn)檐浖纳?jí)而刪除上一個(gè)版本的一些工具和操作命令。本書后面章節(jié)均以Photoshop CS6為設(shè)計(jì)軟件進(jìn)行講解，其工作界面如圖所示。熟練掌握Photoshop軟件之后，大多操作都可以用快捷鍵來實(shí)現(xiàn)。1.2.1 網(wǎng)店美工人員的工作內(nèi)容與技能要求電商圖片助手 電商圖片助手是一款批量下載商品圖片的軟件，可批量下載各大主流電商平臺(tái)（如淘寶、天貓、京東、阿里巴巴、亞馬遜及QQ相冊(cè)等）上的圖片。1.2.1 網(wǎng)店美工人員的工作內(nèi)容與技能要求Dreamweaver Dreamweaver（簡(jiǎn)稱DW），也是Adobe公司旗下的一款軟件，是一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別開發(fā)

6、的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁，如圖所示。1.2.1 網(wǎng)店美工人員的工作內(nèi)容與技能要求Flash Flash廣泛用于創(chuàng)建吸引人的應(yīng)用程序，它們包含豐富的視頻、聲音、圖形和動(dòng)畫?？梢栽贔lash中創(chuàng)建原始素材或者從其他Adobe應(yīng)用程序(如Photoshop或Illustrator)導(dǎo)入素材以快速設(shè)計(jì)簡(jiǎn)單的動(dòng)畫，如圖所示。1.2.1 網(wǎng)店美工人員的工作內(nèi)容與技能要求Illustrator Illustrator（又稱為AI軟件）是Adobe公司推出的一款矢量圖形制作軟件，廣泛應(yīng)用在印刷出版、海報(bào)書籍排版、插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁

7、面的制作等。網(wǎng)店美工人員使用AI軟件時(shí)，主要用于實(shí)現(xiàn)一些圖標(biāo)的制作、海報(bào)藝術(shù)文字的創(chuàng)意制作等。另外，由于通過AI軟件存儲(chǔ)的圖片是矢量格式圖片，不存在失真的問題，因此網(wǎng)店美工人員通常也會(huì)涉及很多AI格式素材的編輯，以便輸出其他文件格式的圖片進(jìn)行應(yīng)用，如圖所示。1.2.1 網(wǎng)店美工人員的工作內(nèi)容與技能要求Fireworks Fireworks是一款網(wǎng)頁作圖軟件，它可以加速 Web 設(shè)計(jì)與開發(fā)，是一款創(chuàng)建與優(yōu)化Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具，如圖所示。目 錄contents1.1 網(wǎng)店美工的工作范疇與設(shè)計(jì)要求1.2 網(wǎng)店美工常用的圖像制作與處理軟件1.3 網(wǎng)店美工與店鋪裝修

8、風(fēng)格1.3.1 確定店鋪裝修風(fēng)格的重要性現(xiàn)在開網(wǎng)店的店家都意識(shí)到了網(wǎng)店美工的重要性，雖然有很多漂亮的模板可以使用，但是這些網(wǎng)店模板都是有風(fēng)格的，如果模板風(fēng)格不符合店鋪的定位，那么它就不是一個(gè)好的模板，因此確定店鋪裝修的風(fēng)格至關(guān)重要。確定店鋪裝修風(fēng)格后，按照?qǐng)D所示的思路，才能制作出有效的視覺效果。網(wǎng)店的裝修從一定程度上可以影響店鋪的運(yùn)營(yíng)。定位準(zhǔn)確、美觀大方的店鋪裝修，可以提升網(wǎng)店的品位，從而吸引目標(biāo)人群，提高潛在消費(fèi)者的瀏覽概率，延長(zhǎng)其停留時(shí)間，最終提升店鋪的銷售能力。確定店鋪裝修風(fēng)格就是將頭腦中的思維具體化，如圖所示?？梢詮娜粘５膱?bào)刊中挑選符合某種心情、意境或關(guān)鍵詞的圖片，把圖片剪下來，然后粘

9、貼在一起，形成一個(gè)完整的畫面，最后加以修飾和潤(rùn)色，就是一個(gè)很好的設(shè)計(jì)模板。1.3.2 確定店鋪裝修風(fēng)格的方法店鋪裝修風(fēng)格一般體現(xiàn)在對(duì)店鋪的整體色彩、色調(diào)及圖片的拍攝風(fēng)格上。交易平臺(tái)網(wǎng)站上有多種店鋪風(fēng)格可供選擇。店家可以選擇這些固定的店鋪模板來進(jìn)行裝修，也可以根據(jù)店內(nèi)商品的特點(diǎn)和風(fēng)格重新進(jìn)行設(shè)計(jì)，使店鋪獨(dú)具特色，也更符合銷售的定位。1.3.2 確定店鋪裝修風(fēng)格的方法1.3.2 確定店鋪裝修風(fēng)格的方法 在確定店鋪裝修風(fēng)格的最開始需要做的就是通過綜合使用用戶研究、品牌營(yíng)銷、內(nèi)部討論等方式，明確體驗(yàn)關(guān)鍵詞，例如清爽、專業(yè)、有趣、活力等。接下來邀請(qǐng)用戶、網(wǎng)店美工人員或決策層參與素材的收集工作，使用圖像展示風(fēng)格、情