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

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