項(xiàng)目3 母親節(jié)主題首屏海報(bào)的設(shè)計(jì)

項(xiàng)目三

母親節(jié)主題首屏海報(bào)的設(shè)計(jì)網(wǎng)店美工項(xiàng)目實(shí)戰(zhàn)教程CONTENTS目錄項(xiàng)目導(dǎo)入3.1知識(shí)與技術(shù)引導(dǎo)3.2項(xiàng)目實(shí)現(xiàn)3.3拓展項(xiàng)目3.4課后思考3.53.1.1項(xiàng)目情景3.13.1.2項(xiàng)目目標(biāo)3.1.3效果展示項(xiàng)目導(dǎo)入依依開(kāi)了一家網(wǎng)店，銷(xiāo)售某品牌化妝品。母親節(jié)快到了，為了提高店鋪的銷(xiāo)售業(yè)績(jī)，特別策劃了一個(gè)母親節(jié)主題的促銷(xiāo)活動(dòng)。想要把店鋪的商品信息和促銷(xiāo)活動(dòng)快速、有效地傳遞給每一位進(jìn)店的客戶(hù)，就需要為店鋪設(shè)計(jì)一個(gè)以活動(dòng)為主并具有強(qiáng)烈的號(hào)召力、感染力的首屏海報(bào)。3.1.1項(xiàng)目情景3.1.2項(xiàng)目目標(biāo)了解網(wǎng)店首屏海報(bào)的作用和設(shè)計(jì)要點(diǎn)。能夠根據(jù)活動(dòng)主題和商品照片色調(diào)，選取合適的搭配素材，營(yíng)造風(fēng)格統(tǒng)一背景，完成和諧的圖片合成。根據(jù)促銷(xiāo)活動(dòng)主題，撰寫(xiě)精煉簡(jiǎn)潔、吸引顧客的文案，運(yùn)用不同字體和色彩，并合理排版將活動(dòng)內(nèi)容分層次地展示呈現(xiàn)。3.1.3效果展示母親節(jié)主題首屏海報(bào)的效果圖3.2.1首屏海報(bào)的概述3.23.2.2賞析首屏海報(bào)知識(shí)與技術(shù)引導(dǎo)顧客進(jìn)入店鋪首頁(yè)后不需要滾動(dòng)鼠標(biāo)所能看到的第一屏內(nèi)容稱(chēng)之為“首屏”，主要包含店招、導(dǎo)航和海報(bào)，向下滾動(dòng)一屏稱(chēng)之為第二屏，以此類(lèi)推第三屏……在顧客剛進(jìn)入店鋪首頁(yè)的幾秒內(nèi)，一定要最大可能地展示促銷(xiāo)活動(dòng)內(nèi)容和品牌優(yōu)勢(shì)，抓住顧客的“利益點(diǎn)”或“興趣點(diǎn)”。3.2.1首屏海報(bào)的概述首屏海報(bào)位于店招、導(dǎo)航的下方，占有較大的面積，因此首屏海報(bào)就成為吸引買(mǎi)家眼球、傳達(dá)商品和促銷(xiāo)信息、提升店鋪流量和促成交易的重要通道。3.2.1首屏海報(bào)的概述首屏海報(bào)的尺寸與店鋪的布局是緊密關(guān)聯(lián)的，賣(mài)家可以根據(jù)需要設(shè)置常規(guī)海報(bào)和全屏海報(bào)。常規(guī)海報(bào)的高度為100~600像素，其寬度可設(shè)置為950像素、750像素等。如圖所示紅色方框部分是寬度為750像素，高度為291像素的天貓超市首屏海報(bào)。海報(bào)的格式可以是GIF、JPG、JPEG、PNG。3.2.1首屏海報(bào)的概述首屏海報(bào)其內(nèi)容大致可以分為新品上架、促銷(xiāo)活動(dòng)和店鋪品牌，新品上架突出新特色、促銷(xiāo)活動(dòng)的價(jià)格優(yōu)勢(shì)和緊迫的時(shí)間段要格外醒目、店鋪品牌當(dāng)然重在提升顧客的信任度。設(shè)計(jì)要求構(gòu)圖注意層次感、搭配的圖片不能太復(fù)雜、主題文字簡(jiǎn)煉順口且盡量采用筆畫(huà)粗壯的字體，以達(dá)到簡(jiǎn)潔美觀(guān)、主題突出、吸引買(mǎi)家的注意力。3.2.2賞析首屏海報(bào)3.2.2賞析首屏海報(bào)3.2.2賞析首屏海報(bào)3.2.2賞析首屏海報(bào)3.2.2賞析首屏海報(bào)3.3.1設(shè)計(jì)理念3.33.3.2工具方法3.3.3實(shí)現(xiàn)過(guò)程項(xiàng)目實(shí)現(xiàn)3.3.1設(shè)計(jì)理念根據(jù)商品圖片的特點(diǎn)，結(jié)合活動(dòng)主題，選用粉色、粉紫色作為背景，再以低透明度的粉色康乃馨作為點(diǎn)綴，使得畫(huà)面飽滿(mǎn)、和諧。繪制相依偎的兩顆愛(ài)心，傳遞出子女對(duì)母親的依戀、感恩之情。多種字體經(jīng)過(guò)混合排版突出活動(dòng)主題、文字信息更具有設(shè)計(jì)感。3.3.2工具方法通過(guò)圖層蒙版來(lái)控制素材圖片的顯示效果，使多個(gè)圖片合成得各協(xié)調(diào)自然。利用“曲線(xiàn)”、“自然飽和度”、“亮度/對(duì)比度”等多種方法進(jìn)行畫(huà)面色調(diào)的調(diào)整，使其更和諧統(tǒng)一。使用鋼筆工具、矩形工具等繪制多種修飾形狀。3.3.3實(shí)現(xiàn)過(guò)程創(chuàng)建純色填充圖層。加入素材圖片，并編輯圖層蒙版使其邊界柔和。調(diào)整商品圖顏色，使用“畫(huà)筆工具”修飾背景。3.3.3實(shí)現(xiàn)過(guò)程加入“花”素材，并調(diào)整圖層混合模式，編輯圖層蒙版，調(diào)整不透明度，使其與背景融合。加入多個(gè)“花”，并調(diào)整大小和位置。3.3.3實(shí)現(xiàn)過(guò)程使用“畫(huà)筆工具”提亮“文字背景”。使用“自定義形狀工具”繪制愛(ài)心形狀，并為其添加圖層樣式。繪制修飾形狀。3.3.3實(shí)現(xiàn)過(guò)程使用“橫排文字工具”輸入文字并設(shè)置不同格式，并為其添加圖層樣式。3.3.3實(shí)現(xiàn)過(guò)程使用“矩形工具”繪制形狀，并添加圖層樣式。利用“模糊”濾鏡制作陰影效果，再添加營(yíng)銷(xiāo)活動(dòng)和時(shí)間文字。3.4.1雙十二活動(dòng)首屏海報(bào)的設(shè)計(jì)3.43.4.2童裝上新首屏海報(bào)的設(shè)計(jì)拓展項(xiàng)目3.4.1拓展雙十二活動(dòng)首屏海報(bào)的設(shè)計(jì)設(shè)計(jì)理念本案例中在色彩搭配上使用藍(lán)到紫的漸變色作為背景，再加上對(duì)比強(qiáng)烈的黃色、紅色來(lái)裝點(diǎn)，整個(gè)畫(huà)面烘托出雙十二盛典的熱鬧氛圍。在海報(bào)中加入具有年終盛典代表性的禮盒、金幣、紅包等元素，更能引起顧客的搶購(gòu)欲望。采用天貓的標(biāo)準(zhǔn)字體，加入俏皮的天貓形象，更進(jìn)一步增強(qiáng)顧客的信任度，醒目漸變條中的促銷(xiāo)文字也能最大程度地突出活動(dòng)內(nèi)容。效果如下圖所示。3.4.1拓展雙十二活動(dòng)首屏海報(bào)的設(shè)計(jì)設(shè)計(jì)理念本案例中在色彩搭配上使用藍(lán)到紫的漸變色作為背景，再加上對(duì)比強(qiáng)烈的黃色、紅色來(lái)裝點(diǎn)，整個(gè)畫(huà)面烘托出雙十二盛典的熱鬧氛圍。在海報(bào)中加入具有年終盛典代表性的禮盒、金幣、紅包等元素，更能引起顧客的搶購(gòu)欲望。采用天貓的標(biāo)準(zhǔn)字體，加入俏皮的天貓形象，更進(jìn)一步增強(qiáng)顧客的信任度，醒目漸變條中的促銷(xiāo)文字也能最大程度地突出活動(dòng)內(nèi)容。效果如下圖所示。3.4.1拓展雙十二活動(dòng)首屏海報(bào)的設(shè)計(jì)實(shí)現(xiàn)過(guò)程在Photoshop中新建一個(gè)文檔，為其添加“漸變填充”圖層來(lái)修飾背景，使用“橢圓工具”結(jié)合圖層樣式、使用“畫(huà)筆工具”等繪制中間閃亮燈光主題區(qū)。3.4.1拓展雙十二活動(dòng)首屏海報(bào)的設(shè)計(jì)實(shí)現(xiàn)過(guò)程結(jié)合使用“鋼筆工具”、“直接選擇工具”、“轉(zhuǎn)換點(diǎn)工具”、“添加錨點(diǎn)工具”、“矩形工具”等手工繪制出雙十二天貓年終成典的圖形和文字，并添加圖層樣式進(jìn)行修飾。3.4.1拓展雙十二活動(dòng)首屏海報(bào)的設(shè)計(jì)實(shí)現(xiàn)過(guò)程使用“圓角矩形工具”繪制形狀，為其添加“漸變疊加”、“投影”圖層樣式來(lái)凸顯立體質(zhì)感，使用“矩形工具”結(jié)合“添加錨點(diǎn)工具”繪制左上角標(biāo)簽形狀并添加圖層樣式，使用“橫排文字工具”添加文字，添加星光天貓素材。3.4.1拓展雙十二活動(dòng)首屏海報(bào)的設(shè)計(jì)實(shí)現(xiàn)過(guò)程使用“橢圓工具”、“矩形工具”等繪制形狀，添加素材圖片，并通過(guò)添加圖層樣式、運(yùn)用濾鏡、定義圖案并填充等方式制作豐富的裝飾效果。3.4.2拓展童裝上新首屏海報(bào)的設(shè)計(jì)設(shè)計(jì)理念本案例中選用兩張具有代表性的模特圖片來(lái)表達(dá)出童裝上新的活動(dòng)主題，并根據(jù)圖片中的明亮的黃色和紅色來(lái)營(yíng)造文字的色彩氛圍，使得整體協(xié)調(diào)統(tǒng)一。使用傾斜的三角形作為文字背景，營(yíng)造出兒童俏皮可愛(ài)的特點(diǎn)。使用都市的圖片作為背景，烘托出本店的童裝具有時(shí)髦感，符合都市人群的需求。效果如下圖所示。3.4.2拓展童裝上新首屏海報(bào)的設(shè)計(jì)設(shè)計(jì)理念本案例中選用兩張具有代表性的模特圖片來(lái)表達(dá)出童裝上新的活動(dòng)主題，并根據(jù)圖片中的明亮的黃色和紅色來(lái)營(yíng)造文字的色彩氛圍，使得整體協(xié)調(diào)統(tǒng)一。使用傾斜的三角形作為文字背景，營(yíng)造出兒童俏皮可愛(ài)的特點(diǎn)。使用都市的圖片作為背景，烘托出本店的童裝具有時(shí)髦感，符合都市人群的需求。效果如下圖所示。3.4.2拓展童裝上新首屏海報(bào)的設(shè)計(jì)實(shí)現(xiàn)過(guò)程在Photoshop中新建一個(gè)文檔，使用圖層蒙版來(lái)合成都市圖片素材和藍(lán)天白云圖片素材，使其成為一個(gè)整體的背景。3.4.2拓展童裝上新首屏海報(bào)的設(shè)計(jì)實(shí)現(xiàn)過(guò)程使用“多邊形工具”繪制所需三角形和三角形框，并為其添加“投影”圖層樣式，形成文字背景。3.4.2拓展童裝上新首屏海報(bào)的設(shè)計(jì)實(shí)現(xiàn)過(guò)程加入兩個(gè)模特素材，并通過(guò)圖層蒙版控制其顯示區(qū)域。3.4.2拓展童裝上新首屏海報(bào)的設(shè)計(jì)實(shí)現(xiàn)過(guò)程使用“橫排文字工具”加入活動(dòng)文字，部分文字添加“漸變疊加”等圖層樣式突出活動(dòng)口號(hào)，并使用“矩形工具”等繪制所需的修飾形狀。3.5.1思政思考3.53.5.2技能思考課后思考要設(shè)計(jì)處于首屏最醒目位置的海報(bào)，網(wǎng)店美工們可一定要下一番苦功。首先要清楚地了解到商家的意圖——想要把什么呈現(xiàn)給客戶(hù)；全面地知曉商品的特點(diǎn)——哪里能吸引到客戶(hù)；調(diào)研客戶(hù)的需求——客戶(hù)更想要什么、更關(guān)心什么。然后展開(kāi)設(shè)計(jì)：構(gòu)思排版、色彩搭配和文案描述。最后，才是利用專(zhuān)業(yè)技術(shù)來(lái)實(shí)現(xiàn)設(shè)計(jì)內(nèi)容，呈現(xiàn)出完成的海報(bào)。因此，一個(gè)好的網(wǎng)店美工必須時(shí)刻從多方面來(lái)修煉內(nèi)功：平時(shí)多關(guān)心時(shí)事新聞，洞悉社會(huì)熱點(diǎn)；多與各類(lèi)人群交流，掌握大眾的利益點(diǎn)和興趣點(diǎn)；多了解行業(yè)新技術(shù)，在設(shè)計(jì)中迸發(fā)出更多的創(chuàng)意。一個(gè)優(yōu)秀的首屏海報(bào)，要靠新鮮感、視覺(jué)沖擊、優(yōu)惠力度來(lái)展示店鋪實(shí)力、活躍店鋪氣氛，從而打動(dòng)顧客引起