淘寶首焦輪播區(qū)海報(bào)的設(shè)計(jì)課件

首焦輪播區(qū)的設(shè)計(jì)CHAPTERFIVE首焦輪播區(qū)模塊占據(jù)的面積較大，也是整個(gè)網(wǎng)店首頁(yè)中最醒目、最具有視覺(jué)沖擊力的部分。如果首焦輪播區(qū)做得非常吸引眼球，就會(huì)給網(wǎng)店帶來(lái)很多的流量。了解網(wǎng)店首焦輪播區(qū)的作用與設(shè)計(jì)思路。學(xué)會(huì)根據(jù)網(wǎng)店推廣內(nèi)容確認(rèn)首焦輪播區(qū)的風(fēng)格、布局、配色、文字和圖片。學(xué)會(huì)根據(jù)不同的節(jié)日氛圍制作合適的首焦輪播區(qū)。學(xué)習(xí)目標(biāo)Contents目錄首焦輪播區(qū)及其設(shè)計(jì)思路1實(shí)操案例：節(jié)日主題的首焦輪播區(qū)設(shè)計(jì)2實(shí)操案例：新品上架的首焦輪播區(qū)設(shè)計(jì)3綜合實(shí)訓(xùn)4技能擴(kuò)展5一、首焦輪播區(qū)及其設(shè)計(jì)思路認(rèn)識(shí)首焦輪播區(qū)01首焦輪播區(qū)的設(shè)計(jì)思路02一、首焦輪播區(qū)及其設(shè)計(jì)思路1認(rèn)識(shí)首焦輪播區(qū)網(wǎng)店的首焦輪播區(qū)主要用于告知買(mǎi)家店鋪某個(gè)時(shí)間段的廣告商品或者促銷(xiāo)活動(dòng)，位于網(wǎng)店導(dǎo)航條的下方位置。它的主要作用就是告知買(mǎi)家店鋪在某個(gè)特定時(shí)間段的一些動(dòng)態(tài)信息，幫助買(mǎi)家快速了解店鋪的活動(dòng)或者商品信息。一、首焦輪播區(qū)及其設(shè)計(jì)思路1認(rèn)識(shí)首焦輪播區(qū)網(wǎng)店首焦輪播區(qū)根據(jù)設(shè)計(jì)的內(nèi)容可以分為新品上架、店鋪動(dòng)態(tài)、活動(dòng)預(yù)告等，不同的內(nèi)容其設(shè)計(jì)的重點(diǎn)也是不同的。首焦輪播區(qū)中的文字表現(xiàn)也是相當(dāng)重要的一個(gè)方面。通常情況下會(huì)使用字號(hào)較大的文字來(lái)突出主要信息，同時(shí)搭配上字號(hào)較小的文字來(lái)進(jìn)行補(bǔ)充說(shuō)明，并利用文字之間的組合編排來(lái)突出藝術(shù)感。一、首焦輪播區(qū)及其設(shè)計(jì)思路2商品詳情頁(yè)的設(shè)計(jì)思路首焦輪播區(qū)猶如賣(mài)家的外在形象一樣，在設(shè)計(jì)時(shí)用來(lái)搭配的圖片不能太復(fù)雜，這樣才能突出主題。同時(shí)，要采用符合店鋪商品形象的文字，以避免產(chǎn)生凌亂的感覺(jué)。一、首焦輪播區(qū)及其設(shè)計(jì)思路2商品詳情頁(yè)的設(shè)計(jì)思路將文字放在畫(huà)面的中央位置，突出其內(nèi)容信息。把商品放在畫(huà)面兩側(cè)，加上協(xié)調(diào)的色彩搭配，營(yíng)造出精致、時(shí)尚的氛圍，重點(diǎn)表現(xiàn)商品的形象。一、首焦輪播區(qū)及其設(shè)計(jì)思路2商品詳情頁(yè)的設(shè)計(jì)思路對(duì)文字進(jìn)行藝術(shù)化的編排，通過(guò)變形文字來(lái)增強(qiáng)文字的可讀感和藝術(shù)性，而背景中的圖像則以輔助修飾的方式呈現(xiàn)，使主題文字更加突出。Contents目錄首焦輪播區(qū)及其設(shè)計(jì)思路1實(shí)操案例：節(jié)日主題的首焦輪播區(qū)設(shè)計(jì)2實(shí)操案例：新品上架的首焦輪播區(qū)設(shè)計(jì)3綜合實(shí)訓(xùn)4技能擴(kuò)展5二、實(shí)操案例：節(jié)日主題的首焦輪播區(qū)設(shè)計(jì)1設(shè)計(jì)理念在色彩搭配上，使用了不同明度的紫粉色和橘黃色，營(yíng)造出一種浪漫的感覺(jué)。使用牛郎、織女的形象來(lái)代表七夕節(jié)，映射出情侶之間的濃情蜜意，由此準(zhǔn)確地表達(dá)出活動(dòng)的主題。使用外形較小的文字來(lái)說(shuō)明活動(dòng)的內(nèi)容和日期，深化活動(dòng)的主題。二、實(shí)操案例：節(jié)日主題的首焦輪播區(qū)設(shè)計(jì)2技術(shù)要點(diǎn)添加“描邊”“內(nèi)發(fā)光”“圖案疊加”“外發(fā)光”等樣式修飾主題文字。使用圓角矩形工具繪制活動(dòng)內(nèi)容的背景。使用路徑選擇工具對(duì)文字路徑進(jìn)行變形，使其更有設(shè)計(jì)感。二、實(shí)操案例：節(jié)日主題的首焦輪播區(qū)設(shè)計(jì)3實(shí)操演練Contents目錄首焦輪播區(qū)及其設(shè)計(jì)思路1實(shí)操案例：節(jié)日主題的首焦輪播區(qū)設(shè)計(jì)2實(shí)操案例：新品上架的首焦輪播區(qū)設(shè)計(jì)3綜合實(shí)訓(xùn)4技能擴(kuò)展5三、實(shí)操案例：新品上架的首焦輪播區(qū)設(shè)計(jì)1設(shè)計(jì)理念在色彩搭配上，顏色對(duì)比強(qiáng)烈，以增強(qiáng)視覺(jué)沖擊力。畫(huà)面主色調(diào)采用鮮艷的紅色和藍(lán)色進(jìn)行對(duì)比，營(yíng)造出明亮、大氣的視覺(jué)效果，這樣的顏色設(shè)計(jì)很容易吸引買(mǎi)家的注意力。使用藍(lán)色矩形圖案進(jìn)行修飾，使畫(huà)面看起來(lái)更加和諧。使用多種不同的字體進(jìn)行組合，提高畫(huà)面設(shè)計(jì)感。三、實(shí)操案例：新品上架的首焦輪播區(qū)設(shè)計(jì)2技術(shù)要點(diǎn)使用圖層蒙版來(lái)控制圖像的顯示部分。使用矩形工具繪制圖像的背景及修飾形狀，并應(yīng)用圖層樣式進(jìn)行修飾。三、實(shí)操案例：新品上架的首焦輪播區(qū)設(shè)計(jì)3實(shí)操演練Contents目錄首焦輪播區(qū)及其設(shè)計(jì)思路1實(shí)操案例：節(jié)日主題的首焦輪播區(qū)設(shè)計(jì)2實(shí)操案例：新品上架的首焦輪播區(qū)設(shè)計(jì)3綜合實(shí)訓(xùn)4技能擴(kuò)展5三、綜合實(shí)訓(xùn)新建圖像文件，導(dǎo)入背景素材使用矩形工具繪制形狀，導(dǎo)入修飾圖案并創(chuàng)建剪貼蒙版，然后為所繪形狀添加投影效果使用橫排文字工具添加文字信息，繪制直線(xiàn)和矩形對(duì)文字進(jìn)行修飾Contents目錄首焦輪播區(qū)及其設(shè)計(jì)思路1實(shí)操案例：節(jié)日主題的首焦輪播區(qū)設(shè)計(jì)2實(shí)操案例：新品上架的首焦輪播區(qū)設(shè)計(jì)3綜合實(shí)訓(xùn)4技能擴(kuò)展5四、技能擴(kuò)展淘寶店鋪首頁(yè)的首焦輪播區(qū)，在京東網(wǎng)店中相當(dāng)于JSHOP店鋪中的“輪播圖”。在京東店鋪后臺(tái)中完成網(wǎng)店布局的設(shè)置后，就可以通過(guò)設(shè)置輪播圖的操作來(lái)完成網(wǎng)店首頁(yè)主要區(qū)域的裝飾。在“輪播圖”模塊中可以添加多種圖像，使其輪流播放。課后習(xí)題以童裝照片為素材，設(shè)計(jì)一個(gè)用于“雙11”促銷(xiāo)使用的童裝店鋪首頁(yè)輪播區(qū)活動(dòng)模塊，