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

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

十字布局包圍布局

左中右布局上中下布局

上下布局

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

圓形分割

三角形分割

橫線分割

方形分割

斜線分割

5.3.2簡(jiǎn)潔背景

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

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