全屏海報又被稱為“首焦輪播圖”，其寬度一般為1920像素。全屏海報位于店鋪首頁的黃金位置，占有較大的面積，因而當顧客進入店鋪首頁后第一眼就能看見。
好的全屏海報，不僅可以加大店鋪活動和產(chǎn)品的宣傳力度，還可以提升店鋪的形象。
全屏海報上面一般會放促銷廣告圖和新品宣傳圖等內(nèi)容，可用于品牌展示、展示和活動展示，還可通過輪播的方式進行展示。
此外，淘寶店鋪中的海報主要用于活動促銷宣傳、產(chǎn)品推廣宣傳、店鋪活動公告和店鋪美化。
作用1：活動促銷宣傳。
當顧客進入淘寶店鋪首頁時，第一眼看到的就是全屏海報所處的位置。店鋪活動促銷宣傳包括優(yōu)惠券領(lǐng)取、滿就送、聚劃算、周年慶活動和節(jié)慶假日活動等?？梢哉f，每月的每周甚至是每天，運營人員都在策劃店鋪活動。下圖所示為Gap店鋪11月15日至11月23日的優(yōu)惠活動頁面。
Gap店鋪活動促銷宣傳
作用2：產(chǎn)品推廣宣傳。
如果是服裝類店鋪，每個季度都會上新產(chǎn)品；如果是電子產(chǎn)品類店鋪，更新商品的速度就比較慢了，但是也會推廣某一款熱銷的產(chǎn)品或型號，如Apple Store店鋪首頁推廣的是iPhone X，如圖所示。
作用3：店鋪活動公告。
每年的“雙十一”活動會導(dǎo)致訂單暴漲，如果店鋪人手不夠，就無法正常發(fā)貨，從而使商品積壓，這時需要在店鋪內(nèi)進行公告。在春節(jié)前后，物流會停止收件，也需要在店鋪進行公告。
將公告信息放在首頁海報上面是一個不錯的選擇。圖1所示為優(yōu)衣庫的門店自提公告，圖2所示為歐萊雅的訂單發(fā)貨公告，圖3所示為韓都衣舍的周一上新公告。
圖1：自提公告（優(yōu)衣庫）
圖2：發(fā)貨公告（歐萊雅）
圖3：上新公告（韓都衣舍）
作用4：店鋪美化。
一張漂亮的海報能讓店鋪顯得更加專業(yè)，從而提升顧客的購買欲望。如圖所示為裂帛店鋪的一系列海報，不難發(fā)現(xiàn)該海報的設(shè)計風(fēng)格充滿了濃郁的民族風(fēng)，效果非常不錯。
裂帛產(chǎn)品系列海報
全屏海報一般位于店鋪招牌的下方，如圖所示。
全屏海報可以由一張圖組成“全屏寬圖”，也可以添加多張圖形成“全屏輪播”海報圖，如圖所示。注意，輪播海報圖最多可以添加5張。
智能旺鋪全屏模塊
全屏海報的設(shè)計，不同于其他形式的海報，主要是以圍繞主題內(nèi)容、風(fēng)格樣式、構(gòu)圖方法、配色技巧、背景內(nèi)容、商品信息、文案內(nèi)容和裝飾點綴這8大方面展開。
主題內(nèi)容
每一張海報都有一個主題，其內(nèi)容一般放在整個海報頁面的第一視覺中心，而且主題文字的提煉要簡潔、高效，能讓人一眼就知道所表達的信息。圖1所示為New Balance冬季新品上市海報，圖2所示為雀巢的優(yōu)惠券領(lǐng)取海報。
圖1：New Balance海報
圖2：雀巢海報
風(fēng)格樣式
風(fēng)格是指具有不同于其他人的獨特表現(xiàn)，如穿衣打扮、行事作風(fēng)等行為和觀念。在海報設(shè)計中，所謂的風(fēng)格就是頁面?zhèn)鬟f給人們的某種感覺，如古典、可愛、小清新和簡約等。
當我們搜索某一個商品時，系統(tǒng)會推薦這個商品的風(fēng)格類型，這時就可以根據(jù)自己需要的風(fēng)格尋找相應(yīng)的商品。同時，海報的風(fēng)格要和店鋪出售的商品風(fēng)格吻合，也可以根據(jù)季節(jié)、活動、節(jié)日等因素來確定風(fēng)格。圖1所示為韓都衣舍漫畫風(fēng)的海報設(shè)計，圖2所示為潮牛人中國風(fēng)的海報設(shè)計。
圖1：韓都衣舍海報
圖2：潮牛人海報
構(gòu)圖方法
一個攝影作品是否成功，取決于其構(gòu)圖。只有成功的構(gòu)圖才能使作品內(nèi)容主次分明、賞心悅目，海報設(shè)計同樣也要遵循構(gòu)圖原理。
一言以蔽之，海報設(shè)計的構(gòu)圖就是要處理好背景、商品和文字之間的位置關(guān)系，使其整體和諧，突出主題。構(gòu)圖方法多種多樣，比較常見的有以下幾種。
1.左右式構(gòu)圖
左右式構(gòu)圖是比較經(jīng)典的構(gòu)圖方法，一般分為左圖右文或左文右圖兩種形式。這類構(gòu)圖方法比較實用，不易出錯，給人以平衡、沉穩(wěn)的感覺，如圖1和圖2所示。
圖1：左右式構(gòu)圖海報1
圖2：左右式構(gòu)圖海報2
2.垂直水平式構(gòu)圖
垂直水平式構(gòu)圖是對每一個商品進行橫向排列，充分展示其效果，每個商品所占畫面的比重相同，且秩序感強，如圖所示。
垂直水平式構(gòu)圖海報
3.上下式構(gòu)圖
上下式構(gòu)圖也是比較常見的構(gòu)圖方法，排版時要注意主次?？梢詫⑽淖址旁诋嬅嫔戏?，將商品圖放在畫面下方，如圖所示。
上下式構(gòu)圖海報
4.左右三分式構(gòu)圖
左右三分式構(gòu)圖是將商品圖放在海報兩側(cè)，中間為文字，層次感非常強，如圖1和圖2所示。
圖1：左右三分式構(gòu)圖海報1
圖2：左右三分式構(gòu)圖海報2
5.斜切式構(gòu)圖
斜切式構(gòu)圖會讓畫面顯得時尚、動感，也會增加畫面的視覺沖擊力，如圖所示。斜切式構(gòu)圖中，文案一般會向右上方傾斜，呈現(xiàn)上升效果，且傾斜的角度最好不要大于30°，否則會影響閱讀。
斜切式構(gòu)圖海報
6.平衡式構(gòu)圖
平衡式構(gòu)圖會給人以滿足感，畫面結(jié)構(gòu)完整、安排巧妙、對應(yīng)平衡，如圖所示
平衡式構(gòu)圖海報
7.居中式構(gòu)圖
居中式構(gòu)圖，毋庸置疑就是指商品或主題內(nèi)容呈現(xiàn)在畫面中間，如圖所示。
居中式構(gòu)圖海報
配色技巧
配色是剛開始做美工時經(jīng)常會遇到的一個難題。配色的技巧有很多，常見的有對比色、臨近色和冷暖色等多種配色方式。
最好的配色方式是提取大自然中的色彩，如圖1所示。色彩搭配看似復(fù)雜，其實并不神秘，部分色彩搭配分類如圖2所示。
圖1：大自然色彩
色彩搭配分類
背景內(nèi)容
海報的背景一般分為純色背景、漸變色背景、紋理背景、實拍背景和后期合成背景等。
圖1所示為LA MER海藍之謎的海報，背景中的顏色大部分是純色，產(chǎn)品位置的背景色是漸變色。圖2所示為NIVEA的海報，左半邊為實拍背景，右半邊是后期合成背景。
圖1：LA MER海藍之謎海報
圖2：NIVEA海報
純色背景指的是以某種顏色或某個色系為背景，其主要特點是簡約明快，能更好地突出主題，讓消費者的目光集中在模特或產(chǎn)品上面，如圖所示。
七格格海報
材質(zhì)紋理背景指的是將自然界真實存在的物質(zhì)作為背景，如肌理、絲綢、金屬、木材和巖石材質(zhì)等，其主要特點是真實，有代入感，能對主圖起到烘托作用，如圖所示。
潮牛人海報
商品信息
商品是海報的主要構(gòu)成部分，但在設(shè)計海報的過程中會遇到很多商品問題，如商品擺放的角度、清晰度、畫面占比、產(chǎn)品融合和商品摳圖等。在設(shè)計海報之前，客戶會提供給一些不同角度的攝影圖，這時就要進行全面考慮后續(xù)的設(shè)計。
一張海報中一般會包括商品、模特和其他裝飾元素等。圖1所示為瑪瑪綈的海報，除了模特身上的外套，還展示了其他3種不同款式和顏色的外套。圖2所示為倩碧的海報。
圖1：瑪瑪綈海報
圖2：倩碧海報
文案內(nèi)容
文案指的是海報中出現(xiàn)的文字內(nèi)容，目的是向消費者傳遞商品或促銷引導(dǎo)信息。在一張海報中，往往會包括主文案和輔助文案。
因此，文案的設(shè)計也很重要。文案包括主標題、副標題、促銷價格信息和其他介紹內(nèi)容等。圖1所示為The North Face的海報，上面有主標題“山野之間，感恩遇見”和副標題“全場3折起”，還有促銷信息“滿990減80滿1690減150”和活動時間等說明性文字。圖2所示為Jack Wolfskin的海報，上面只有一個大標題。
圖1：The North Face海報
圖2：Jack Wolfskin海報
關(guān)于字體，一般有襯線體、非襯線體、書法體和圓體等。例如，宋體字屬于襯線體，它的特點是清秀、優(yōu)美和穩(wěn)健等，多用于女性產(chǎn)品和文化藝術(shù)等領(lǐng)域；黑體字屬于非襯線體，它的特點是方正、粗獷、樸素和簡潔，形狀醒目。
在海報設(shè)計中，為了營造促銷的氛圍，往往會選擇黑體字作為主標題，如圖1所示。書法體的特點是挺拔、厚重、文化韻味濃厚，表現(xiàn)力強，如圖2所示。
圖1：駱駝戶外海報
圖2：探路者海報
裝飾點綴
為了營造畫面氛圍，經(jīng)常會用一些點綴元素進行裝飾。這些點綴元素包括不規(guī)則的形狀、光效和卡通圖案等。如圖中有白色的圓形、黃色的透明圓形和斜線，這些元素對畫面都起到了裝飾作用。
初語海報
一張海報從開始設(shè)計到定稿，一般要經(jīng)歷以下7個步驟。
步驟1：確定海報活動主題。
步驟2：提煉主題賣點信息。
步驟3：確定設(shè)計方案。
步驟4：畫出草圖。
步驟5：在Photoshop軟件中設(shè)計初稿。
步驟6：與運營人員交流找出問題。
步驟7：改稿并進行最終確定。
接下來，數(shù)藝君將以一個實際案例，為大家講解全屏海報的設(shè)計過程，一起來看看吧。
女裝海報的設(shè)計
本案例要講解女裝全屏促銷海報的設(shè)計，需要對產(chǎn)品背景、文字排版、圖案裝飾等進行制作。海報最終效果如圖所示。
女裝海報效果
案例素材：
https://pan.baidu.com/s/1RSfm0kFci-8TEmwmpGqOjQ
視頻教程：
01 新建文件并命名為“女裝類海報設(shè)計制作”，然后設(shè)置“寬度”為1920像素、“高度”為600像素、“分辨率”為72像素/英寸，如圖所示。
02將“案例素材”文件夾中的“女裝.jpg”素材導(dǎo)入，并調(diào)整其大小，然后單擊選項欄上的“提交變換”按鈕，完成素材的導(dǎo)入，如圖所示。
導(dǎo)入“女裝”素材
03 使用工具箱中的“快速選擇工具” 選擇模特的輪廓，如果在選擇的過程中多選或少選了，可以配合選項欄上的“加選” 和“減選” 命令進行調(diào)整，然后復(fù)制一份選擇好的模特輪廓，如圖1和圖2所示。
圖1：選擇模特
圖2：復(fù)制一個圖層
04 使用工具箱中的“橫排文字工具” 創(chuàng)建“初夏”二字，將顏色設(shè)置為白色，然后將創(chuàng)建的文字層移動到復(fù)制的模特圖層后面，這樣文字就位于模特的后方，如圖1和圖2所示。
創(chuàng)建文字
將文字移動到模特圖層后面
05選擇工具箱中的“矩形工具”，然后在選項欄上設(shè)置類型為“形狀”、描邊為白色、大小為8像素，并創(chuàng)建一個矩形，接著給創(chuàng)建的矩形添加一個圖層蒙版，按住Ctrl鍵并單擊鼠標左鍵，將復(fù)制的模特圖層載入選區(qū)，再選擇“畫筆工具”。
將前景色設(shè)置為黑色，把模特頭部的位置顯示出來，最后將畫筆的形狀改成橢圓形，將左右兩邊的位置也制作出來，如圖1~圖4所示。
圖1：創(chuàng)建矩形
圖2：顯示頭部效果
圖3：將畫筆的形狀改成橢圓形
圖4：最終效果
06使用“畫筆工具” 創(chuàng)建一個黑色的畫筆效果，然后使用組合快捷鍵Ctrl+T結(jié)合“自由變換”命令將其調(diào)整到與矩形差不多的大小，再使用“矩形選框工具”把上部分的內(nèi)容選出來，最后使用Delete鍵把多選的內(nèi)容刪掉，如圖1~圖3所示。至此，矩形的陰影就制作好了。
圖1：創(chuàng)建并調(diào)整畫筆
圖2：用矩形選框選擇內(nèi)容
圖3：創(chuàng)建的陰影效果
07使用“橫排文字工具” 創(chuàng)建“學(xué)生裝”3個字，然后創(chuàng)建英文NEWSAOPS，并調(diào)整文字的間距和位置，然后給文字添加圖層蒙版，載入模特選區(qū)，為文字制作遮擋效果，這樣文字和模特疊加的位置就被隱藏掉了，如圖1~圖3所示。
圖1：創(chuàng)建文字
圖2：創(chuàng)建英文
圖3;處理后的效果
08新建一個空白圖層，然后使用“單行選框工具” 在兩行文字中間創(chuàng)建一個選區(qū)，并設(shè)置前景色為白色，接著使用“油漆桶工具” 為選框填充顏色，再選擇“矩形選框工具” ，把兩邊多余的線和模特身上疊加的線都刪除掉，最后把這條線的兩端制作成若隱若現(xiàn)的效果，如圖1~圖5所示。
圖1：創(chuàng)建單行選框
圖2：為選框填充顏色
圖3:用矩形選框工具刪除多余內(nèi)容
圖4：刪除疊加位置的線條
圖5：處理線條后的效果
09 使用“橫排文字工具” 把剩下的文案內(nèi)容“店鋪全場五折起”“活動時間8月20日—8月30日”創(chuàng)建出來，然后把名字“周小鴨”創(chuàng)建出來，制作成直排文字的效果，如圖所示。
文字的排版效果
10選擇工具箱中的“直線工具” ，在白色矩形上創(chuàng)建一條傾斜的線，用同樣的方法，把其他位置的線也創(chuàng)建出來，如圖1和圖2所示。
圖1：創(chuàng)建傾斜的線
圖2：創(chuàng)建其他線
11選擇工具箱中的“直線工具” ，然后設(shè)置填充為白色、大小為1點，并創(chuàng)建一條長斜線，接著復(fù)制出多條斜線，將這些斜線的圖層合并成一個圖層。
再使用工具箱中的“橢圓選框工具” 在斜線中間創(chuàng)建一個圓，最后將這個圓以外的斜線刪除，就可以創(chuàng)建出一個新的創(chuàng)意圖形了，如圖1~圖4所示。
圖1：創(chuàng)建一條斜線
圖2：創(chuàng)建多條斜線
圖3：創(chuàng)建圓形
圖1：創(chuàng)建創(chuàng)意圖形
12將創(chuàng)建的圓形圖案改成其他顏色，然后復(fù)制出多個圖形，并放到不同的位置，這樣就形成了裝飾點綴效果，再創(chuàng)建一些矩形、圓形等形狀，如圖5~圖7所示。
圖1：填充紅色
圖2：創(chuàng)建多個圖形
圖3:最終效果
