電商設(shè)計(jì)電子課件

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

十字布局包圍布局

左中右布局上中下布局

上下布局

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

圓形分割

三角形分割

橫線分割

方形分割

斜線分割

5.3.2簡潔背景

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

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