第5章手機端海報設計本章介紹：手機端海報設計和PC端海報一樣是電商設計中的重要任務，手機端海報較PC端海報更便于傳播，通過精心設計的手機端海報能夠令用戶瞬間了解平臺或店鋪的活動信息以及促銷信息。本章針對手機端電商海報的基本概述、布局類型以及表現形式等知識進行系統講解，并針對流行風格與典型行業的手機端海報進行設計演練。通過本章的學習，讀者可以對手機端海報的的設計有一個系統的認識，并快速掌握手機端海報的設計規范和制作方法，為接下來的手機端海報設計打下基礎。了解手機端海報的基本概述熟悉手機端海報的布局類型明確手機端海報的表現形式學習目標手機端海報的常見類型手機端海報的常見尺寸5.1手機端海報的基本概述手機端海報的常見類型可以根據設計尺寸分為手機端豎版海報和手機端橫版海報。手機端豎版海報常用于平臺App閃屏頁、平臺App彈窗、手機端店鋪首頁和手機端店鋪專題頁頭圖，手機端橫版海報常用于平臺App輪播圖、平臺App橫版廣告圖以及手機端平臺專題頁頭圖。5.1.1手機端海報的常見類型手機端豎版海報手機端橫版海報手機端海報根據不同的展示位置，尺寸也會各有不同。·手機端豎版海報：當作為平臺App閃屏頁出現時，寬度為750像素，高度為1624像素。當作為平臺App彈窗出現時，寬度建議在580像素以內，高度建議在1000像素以內。當作為手機端店鋪首頁和手機端店鋪專題頁頭圖出現時，寬度為1200像素，高度建議在高度為120像素-2000像素之間，可以通過3:4這個比例確定高度的具體尺寸。5.1.2手機端海報的常見尺寸·手機端橫版海報：手機端橫版海報寬度為750像素，高度會根據不同的展示位置發生變化，可以根據不同的位置通過寬高比例確定高度尺寸。當作為平臺App輪播圖出現時，常用3:1這個比例。當作為平臺App橫版廣告圖出現時，常用2:1這個比例。當作為手機端平臺專題頁頭圖出現時，常用2:1這個比例。5.1.2手機端海報的常見尺寸5.2手機端海報的版面布局手機端海報的布局類型手機端海報的布局原則手機端海報會以橫版和豎版形式兩種形式出現，布局構圖常用的有上下布局、左右布局、十字布局、上中下布局、左中右布局和包圍布局，其中上下布局和上中下布局更適用于豎版形式，左右布局和左中右布局更適用于橫版形式，包圍布局和十字布局兩種形式都適用。5.2.1手機端海報的布局類型5.2.1手機端海報的布局類型左右布局

十字布局包圍布局

左中右布局上中下布局

上下布局

手機端海報的表現形式可以參考4.3PC端海報的表現形式。因此接下來將針對手機端海報的設計特點，分別從圖形分割和簡潔背景兩個方面講解手機端海報的設計技巧，幫助大家快速制作出富有表現力的手機端海報。5.2.2手機端海報的布局原則圖形分割簡潔背景課堂案例-旗袍女裝手機端海報設計5.3手機端海報的設計技巧圖形分割是運用各種圖形將完整的版面分割成不同的部分，根據分割后的版面進行布局。圖形分割方法簡單，效果明顯。常用的圖形分割形式有線性分割、形狀分割和放射分割，其中線性分割可以細分為橫線分割、豎線分割以及斜線分割，形狀分割可以細分為方形分割、圓形風格、三角形分割以及異形分割，放射分割可以細分為射線分割和螺旋分割。5.3.1圖形分割5.3.1圖形分割豎線分割

圓形分割

三角形分割

橫線分割

方形分割

斜線分割

5.3.2簡潔背景

單色背景漸變背景底紋背景

簡潔背景是運用簡單的設計方法制作海報的背景，根據背景的風格組合文字和主體。打造簡潔背景能夠清晰地呈現商品，凸顯信息。常見的簡潔背景表現形式有單色背景、漸變背景和底紋背景。使用“置入嵌入對象”命令置入圖片，使用“橫排文字”工具添加文字，使用“添加圖層樣式”命令為圖形添加效果。5.3.3課堂案例-旗袍女裝手機端海