其實(shí)淘寶美工也屬于網(wǎng)頁設(shè)計(jì)的一個(gè)小類,他主要是針對電商網(wǎng)頁進(jìn)行視覺設(shè)計(jì),也就是平時(shí)我們常說的網(wǎng)店裝修。淘寶美工通過拍攝、修圖等突顯產(chǎn)品的特色,讓店鋪的裝修風(fēng)格符合所賣產(chǎn)品的風(fēng)格,吸引顧客增加銷量。
圖片來源:阿多比設(shè)計(jì)學(xué)生作品
想要做淘寶美工,我們先來看看淘寶美工的招聘要求,再去分析如何自學(xué)成為美工。在招聘網(wǎng)站中查看美工的招聘信息,總結(jié)起來目前市場對于美工的要求大致有以下幾點(diǎn):
1、精通Photoshop等設(shè)計(jì)軟件(招聘信息中所要求的的軟件很多,但是每個(gè)招聘信息下都會(huì)寫精通Photoshop);
2、店鋪整體視覺形象設(shè)計(jì),圖片處理;
3、店鋪裝修,主圖、詳情、首頁頁面設(shè)計(jì),店鋪營銷廣告設(shè)計(jì)等。
圖片來源:智聯(lián)招聘
一、設(shè)計(jì)工具--Photoshop那我們先來了解一下設(shè)計(jì)軟件的學(xué)習(xí),在這里我們就只選取Photoshop去分享工具的學(xué)習(xí)過程。
1、Photoshop初級(jí)
如果是初次接觸PS,那我們需要了解PS的基礎(chǔ)用法,所以下面我們會(huì)從界面介紹,基本設(shè)置,新建文件,視圖操作、保存,導(dǎo)出,移動(dòng)工具去帶大家一步步了解PS。讓大家能夠熟悉PS工具在平面設(shè)計(jì)中的常用功能及具體用法,能夠使用PS進(jìn)行基本的圖片處理。
1、PS界面
初次接觸PS,應(yīng)該先簡單了解這款工具的由來、作用以及功能。打開PS工具,簡單了解界面的組成部分以及工具的作用。
2、常用功能及具體用法
1)圖層關(guān)系及應(yīng)用。圖層就像是含有文字或圖形等元素的膠片,一張張按順序疊放在一起,組合起來形成頁面的最終效果。
2)填色、魔棒摳圖。摳圖的方法很多,我們以魔棒為例去簡單了解一下PS中的摳圖。
3)選區(qū)和復(fù)制。圖片選區(qū)的復(fù)制是我們經(jīng)常需要使用到的功能之一,比如PS中繪制了一個(gè)圖形,可以通過選區(qū)和復(fù)制多生成幾個(gè)同樣的圖形。
4)鎖套和羽化。套索工具內(nèi)含三個(gè)工具,分別是套索工具、多邊形鎖套工具、磁性鎖套工具,套索工具是最基本的選區(qū)工具,在處理圖像中起著很重要的作用。羽化原理是令選區(qū)內(nèi)外銜接部分虛化,起到漸變的作用從而達(dá)到自然銜接的效果,有助于所選區(qū)域和周圍像素混合。
5)去污點(diǎn)工具、修補(bǔ)工具。這個(gè)工具圖片精修中會(huì)經(jīng)常用到,污點(diǎn)工具修飾人像面部瑕疵、圖形中的污點(diǎn)等。修補(bǔ)工具可以拿畫面中的某一塊畫面的效果,去修補(bǔ)另外一個(gè)地方的效果。
6)液化效果?、實(shí)戰(zhàn)。用液化效果對人像進(jìn)行處理,例如:瘦臉、瘦腿、放大眼睛等一系列的常規(guī)操作,讓圖片效果更完美。
7)文字(字符和段落)。
8)形狀裁剪、變形。
2、PhotoShop中級(jí)
當(dāng)了解PS基礎(chǔ)功能后,需要進(jìn)一步了解圖層關(guān)系、摳圖、鋼筆工具,橡皮工具,吸管工具,畫筆工具等常用工具、蒙版、濾鏡,從而熟悉圖層樣式,具備版式排版應(yīng)用、海報(bào)合成設(shè)計(jì)的能力。
1)色階、對比度、曲線。PS對比度調(diào)整包括使用PS自動(dòng)對比度、色階、曲線命令調(diào)整,色階和曲線在PS的調(diào)色中起著非常重要的作用。
2)色相飽和度、色相平衡。每張圖片都會(huì)有色相,飽和度,明度這三個(gè)屬性,使用這些功能讓圖片的調(diào)色更加完美。
3)調(diào)色融合案例。通過案例去看看調(diào)色工具具體的作用有哪些,進(jìn)一步熟悉工具的使用。
4)剪切蒙版。PS中一個(gè)非常特別、非常有趣的蒙版,用它常??梢灾谱鞒鲆恍┨厥獾男Ч?。
5)混合模式??梢杂貌煌姆椒▽ο箢伾c底層對象的顏色混合。
6)圖層樣式?1 、圖層樣式2。圖層樣式的功能強(qiáng)大,可以簡單快捷地制作出各種立體投影、各種質(zhì)感、光景效果的圖像特效。
7)濾鏡效果。主要是用來實(shí)現(xiàn)圖像的各種特殊效果。
3、Photoshop高級(jí)
當(dāng)熟悉了PS之后,我們可能會(huì)有更多的需求,比如制作海報(bào)、圖片精修等。所以我們在一起通過實(shí)際案例去深入學(xué)習(xí)PS功能,從而達(dá)到利用PS制作圖片的目的。
1)海報(bào)。海報(bào)設(shè)計(jì)是視覺傳達(dá)的表現(xiàn)形式之一,設(shè)計(jì)者將突破、文字、色彩等元素結(jié)合去展示所要宣傳的信息,通過版面的構(gòu)成在*時(shí)間吸引人們的目光。那海報(bào)的設(shè)計(jì)可以通過字體海報(bào)、電影海報(bào)、手機(jī)海報(bào)、家具海報(bào)、飲料海報(bào)、光效海報(bào)、運(yùn)動(dòng)海報(bào)這些實(shí)際的案例去學(xué)習(xí),從而強(qiáng)化操作能力。
2)字體。字體都是由人工設(shè)計(jì),它們是由各個(gè)字體設(shè)計(jì)師設(shè)計(jì)而成。所以如果找不到合適的免費(fèi)字體,可以嘗試一下自己設(shè)計(jì)字體。通過?Demon字體、?星辰字、立體字、字體變形去了解字體的制作方式。
3)排版配色。極致的圖片讓人看得賞心悅目,無論是它的排版、配色、內(nèi)容還是創(chuàng)意的設(shè)計(jì),都是關(guān)鍵性的元素。
4)精修圖。精修圖片可能是很多PS業(yè)余愛好者比較關(guān)注的內(nèi)容,我們通過人物精修、婚紗修圖的分享帶大家學(xué)習(xí)如何修圖。
二、?淘寶電商設(shè)計(jì)學(xué)會(huì)了工具,再從各種修圖技巧到專題頁設(shè)計(jì),全面了解淘寶電商設(shè)計(jì)的方法和技巧,完成淘寶店鋪裝修和設(shè)計(jì)。
1、修圖
每個(gè)店鋪所賣的產(chǎn)品都不一樣,那修圖的對象也就不一樣,我們這邊選取電器修圖、首飾修圖、化妝品修圖、服裝修圖來簡單了解一下,這類的電商修圖步驟。
2、專題頁
專題頁是一個(gè)內(nèi)容聚合頁,將有效信息整合,讓人留下深刻的影響,那淘寶電商通過專題頁可以突顯活動(dòng)主題以及產(chǎn)品特點(diǎn),從而促進(jìn)店鋪的銷售。通過女王節(jié)專題頁和618專題頁去感受一下專題頁的制作方法吧。
圖片來源:阿多比設(shè)計(jì)學(xué)生作品
3、詳情頁
商品的詳情頁可以展示產(chǎn)品的信息信息,展示產(chǎn)品的細(xì)節(jié),但是詳情頁并不只是產(chǎn)品詳細(xì)圖片的堆積,產(chǎn)品展示的順序、內(nèi)容都有方式方法可尋。
圖片來源:阿多比設(shè)計(jì)學(xué)生作品
三、店鋪裝修店鋪裝修也是淘寶美工的必備技能之一,在這里分享一個(gè)店鋪裝修的整個(gè)過程。
1、?免費(fèi)開店、裝修準(zhǔn)備工作
想要開店,*步應(yīng)該是先申請賣家賬號(hào),熟悉賣家后臺(tái)的操作,做好店鋪裝修的知識(shí)儲(chǔ)備。
2、?店鋪版本介紹及板塊尺寸
淘寶店鋪頁面是分版塊進(jìn)行裝修的,那我們要先了解這些板塊在店鋪中顯示在哪個(gè)位置,板塊的尺寸是多少,才能設(shè)計(jì)出符合規(guī)范的板塊內(nèi)容。
3、素材上傳、切圖導(dǎo)出
4、?DW鏈接操作
為了增加商品的點(diǎn)擊量,促進(jìn)銷量,我們在裝修淘寶店鋪時(shí),無論是首頁、店招、詳情頁都需要添加各種鏈接,使用DW(Adobe ) 可以讓我們比較順利的完成這項(xiàng)工作。
5、?導(dǎo)航條設(shè)置
店鋪設(shè)置有導(dǎo)航欄,導(dǎo)航欄中有寶貝、活動(dòng)、新品等,其實(shí)就是為了方便買家進(jìn)入店鋪可以根據(jù)自己的需求快速的驚喜篩選,這樣便捷的操作更容易留住顧客。
6、?動(dòng)圖頁頭裝修
動(dòng)圖頁頭可以讓頁面更加生動(dòng),也讓瀏覽店鋪的買家有更好的操作體驗(yàn)。
7、?首頁視頻
店鋪首頁帶給買家的*印象的可以決定買家是否愿意繼續(xù)瀏覽店鋪,而很多店鋪現(xiàn)在都會(huì)在首頁放上產(chǎn)品的相關(guān)短視頻,讓顧客更直觀的感受商品。
8、?頁頭滿屏設(shè)計(jì)和?頁頭熱點(diǎn)鏈接
頁頭滿屏設(shè)計(jì)會(huì)給買家?guī)砀苯拥囊曈X沖擊,頁頭中添加熱點(diǎn)鏈接,可以增強(qiáng)店鋪明星產(chǎn)品的曝光和銷量。
9、?產(chǎn)品展示特效
產(chǎn)品展示的特效多種多樣,比如視頻、放大展示、鼠標(biāo)移動(dòng)特效等,選擇合適產(chǎn)品展示特效可以突出寶貝的特點(diǎn)和亮點(diǎn)。
10、全屏輪播海報(bào)
準(zhǔn)備好商品的圖片,設(shè)置輪播觸點(diǎn)樣式,比如圓點(diǎn)、長方形、數(shù)字等,海報(bào)的輪播可以讓停留在當(dāng)前頁面的買家了解更多產(chǎn)品。
圖片來源:阿多比設(shè)計(jì)學(xué)生作品
11、頁尾設(shè)計(jì)裝修
很多淘寶店家只注重店鋪頁面頭部的裝修,而忽視頁尾,其實(shí)不管是頁頭還是也為,在店鋪裝修的過程中都應(yīng)該重視起來,提升頁面的整體才可以提高網(wǎng)點(diǎn)的銷量。而且店鋪頁尾都會(huì)添加很多有用的店鋪信息,提高店鋪的轉(zhuǎn)換率。
以上大致按照淘寶美工的要求去分享了一個(gè)簡單的淘寶美工的學(xué)習(xí)流程,想要做一個(gè)優(yōu)秀的美工其實(shí)還需要了解一些設(shè)計(jì)基礎(chǔ)與理論,這樣才能讓設(shè)計(jì)有道可尋,希望以上內(nèi)容對你深入了解美工以及學(xué)習(xí)有所幫助。
學(xué)習(xí)淘寶美工需要懂得很多圖像設(shè)計(jì)方面的知識(shí),通常比較難自學(xué)成才。
很多人去學(xué)習(xí)淘寶美工都是三分鐘熱度,*在學(xué)習(xí)之前先來做一個(gè)小測試
→→點(diǎn)擊測試我適不適合學(xué)設(shè)計(jì)
不過在淘寶*有很多關(guān)于美工的教程,有免費(fèi)的公開課,先熟悉軟件的操作,學(xué)會(huì)基本的排版,調(diào)色,產(chǎn)品修復(fù)、人像美化,但這都是一些基礎(chǔ)性的東西。
如果想要學(xué)好淘寶美工,需要去天琥教育這種大型機(jī)構(gòu),天琥教育在業(yè)內(nèi)十分出色,天琥有專門的課程研發(fā)團(tuán)隊(duì),根據(jù)市場風(fēng)向變化,對課程進(jìn)行優(yōu)化升級(jí),還推出一些免費(fèi)技能小課,幫助學(xué)員緊跟設(shè)計(jì)潮流,契合企業(yè)需求。
1.攝影后期商業(yè)修圖技術(shù)。電商設(shè)計(jì)師,俗稱美工,我們的工作內(nèi)容大而全,什么都要會(huì)。一開始我與大多數(shù)淘寶美工一樣滿足于基本的后期修圖,把攝影公司拿出來的圖磨皮調(diào)色然后做直通車圖。
2.圖像合成技術(shù)。做海報(bào)、店鋪裝修、各類站內(nèi)站外推廣圖都需要用到圖像合成技術(shù)。圖像合成水準(zhǔn)也有高低之分。這考察到對軟件功能的理解和應(yīng)用。不是學(xué)會(huì)了PS就可以做美工了(雖然我一開始就是這么個(gè)觀點(diǎn)但實(shí)際上做了老長一段時(shí)間的“PS美工”)一開始走了彎路,學(xué)圖像合成的時(shí)候總是去找美工合成教程,后來領(lǐng)悟到了,開始去找專業(yè)的圖像合成大師的教程。學(xué)一個(gè)東西,有了軟件基礎(chǔ)之后,就從根本上去學(xué),學(xué)高級(jí)的、專業(yè)的東西。如果只將自己的學(xué)習(xí)范疇限定在美工這個(gè)職業(yè)之內(nèi),很難有長足的進(jìn)步。
3.需要具備會(huì)設(shè)計(jì)LOGO技能,字體設(shè)計(jì)與Logo設(shè)計(jì)技術(shù)。難免會(huì)做一些營銷字體,或幫忙做一下品牌Logo。不要滿足于現(xiàn)有字體,也不要滿足于拾人牙慧從素材網(wǎng)站上找現(xiàn)場的東西。主觀上講,一個(gè)有了進(jìn)步的設(shè)計(jì)師總要有自己的東西、脫離了簡單的模仿階段進(jìn)入到自主創(chuàng)意階段;客觀上講,一幅圖有它特定的、具體的設(shè)計(jì)需求,或許現(xiàn)成的東西都不能很精準(zhǔn)的表達(dá)你的`創(chuàng)意,也或許去找現(xiàn)成的東西的時(shí)間都能夠用來發(fā)揮原始創(chuàng)意了。
4.需要具備色彩搭配與視覺統(tǒng)籌的技能。色彩搭配與視覺統(tǒng)籌。有不少美工的技術(shù)層面是不錯(cuò)的,但做出來的版面缺乏“品牌感”。有品牌感的頁面里的商品,買家看了就比較信任,想買。所謂“品牌感”通常是公司老板或者運(yùn)營人員的話語,用我們自己的話說,就是色彩搭配和視覺統(tǒng)籌。色彩搭配能力是基礎(chǔ),不僅僅是“審美”這種個(gè)人化和感性的東西,還是“邏輯”這種嚴(yán)格的、有明確層次的東西,這是我的理解。對于非科班出身的我們,培養(yǎng)色彩搭配的方法*是買幾本*美術(shù)專業(yè)的課程,或者聽聽*里教授們是怎么講色彩的。由此延伸,美術(shù)里的三大基礎(chǔ),平面、色彩、立體,都可以學(xué)一學(xué)。將自己的工作經(jīng)驗(yàn)與這些基礎(chǔ)理論契合,是件很有意思的事情。要熟練掌握后臺(tái)代碼、圖片、文字如何上傳。
5.網(wǎng)頁布局與排版。網(wǎng)店版面在進(jìn)行了適當(dāng)?shù)纳蚀钆浜鸵曈X統(tǒng)籌之后,就要進(jìn)行布局和排版了。布局和排版,與色彩和視覺統(tǒng)籌是一體的,相輔相成的。除此之外,布局和排版還要考慮到買家的想法,買家點(diǎn)擊某個(gè)東西方不方便,點(diǎn)進(jìn)去之后是不是她想看到的東西,會(huì)不會(huì)有心理落差。以數(shù)據(jù)魔方等數(shù)據(jù)工具去考察布局和排版的質(zhì)量,憑感覺是行不通的。
6.網(wǎng)頁代碼應(yīng)用基礎(chǔ)。主要涉及到一些簡單的網(wǎng)頁特效。網(wǎng)店對店鋪設(shè)計(jì)人員特效能力的要求并不高,大多數(shù)東西都是后臺(tái)現(xiàn)成的,但我們在裝修過程從有了某個(gè)關(guān)于特效的構(gòu)思的時(shí)候,還是要會(huì)做出來。我認(rèn)為,一個(gè)高端的頁面,是簡潔的、明了的,特效很少或很平緩,美工要做的就是作出這些不那么夸張的特效。即使我們使用一些美工工具替代了諸如DW之類的軟件,也要會(huì)修改工具生成的代碼,為自己所用。
7.需要具備攝影基礎(chǔ)。手里有臺(tái)單反,周末去拍拍片。我們每天修圖,要知道自己修的這些圖的光影來源。快門,光圈,曝光,焦距,都要理解。實(shí)際操作一臺(tái)相機(jī),有助于加深我們對圖片的理解;學(xué)習(xí)攝影基礎(chǔ),有助于我們修出更好的圖片。