第5章手機(jī)端海報(bào)設(shè)計(jì)本章介紹：手機(jī)端海報(bào)設(shè)計(jì)和PC端海報(bào)設(shè)計(jì)一樣，也是電商視覺(jué)設(shè)計(jì)中的重要任務(wù)，手機(jī)端海報(bào)較PC端海報(bào)更便于傳播，精心設(shè)計(jì)的手機(jī)端海報(bào)能夠令消費(fèi)者快速了解平臺(tái)或店鋪的活動(dòng)信息以及促銷信息。本章針對(duì)手機(jī)端海報(bào)的基本概念、類型與尺寸以及設(shè)計(jì)特點(diǎn)等知識(shí)進(jìn)行系統(tǒng)講解，并針對(duì)流行風(fēng)格與典型行業(yè)的手機(jī)端海報(bào)進(jìn)行設(shè)計(jì)演練。通過(guò)對(duì)本章的學(xué)習(xí)，學(xué)生可以對(duì)手機(jī)端海報(bào)的設(shè)計(jì)有一個(gè)系統(tǒng)的認(rèn)識(shí)，了解手機(jī)端海報(bào)的設(shè)計(jì)思路，掌握其制作方法。了解手機(jī)端海報(bào)的基本概念熟悉手機(jī)端海報(bào)的類型與尺寸明確手機(jī)端海報(bào)的設(shè)計(jì)特點(diǎn)知識(shí)目標(biāo)明確手機(jī)端海報(bào)的設(shè)計(jì)思路掌握手機(jī)端海報(bào)的制作方法能力目標(biāo)培養(yǎng)人性化的設(shè)計(jì)意識(shí)提高精益求精的工作作風(fēng)素養(yǎng)目標(biāo)5.1手機(jī)端海報(bào)的基本概念手機(jī)端海報(bào)是用于在移動(dòng)設(shè)備上展示和推廣商品的圖像。手機(jī)端海報(bào)較PC端海報(bào)有著更加豐富的呈現(xiàn)類型和表現(xiàn)形式。手機(jī)端海報(bào)手機(jī)端豎版海報(bào)手機(jī)端橫版海報(bào)5.2手機(jī)端海報(bào)的類型與尺寸手機(jī)端豎版海報(bào)常作為平臺(tái)App閃屏頁(yè)、平臺(tái)App彈窗、手機(jī)端店鋪首頁(yè)和手機(jī)端店鋪專題頁(yè)出現(xiàn)。當(dāng)手機(jī)端豎版海報(bào)作為平臺(tái)App閃屏頁(yè)出現(xiàn)時(shí)，寬度為750px，高度為1624px。當(dāng)手機(jī)端豎版海報(bào)作為平臺(tái)App彈窗出現(xiàn)時(shí)，寬度建議在580px以內(nèi)，高度建議在1000px以內(nèi)。當(dāng)手機(jī)端豎版海報(bào)作為手機(jī)端店鋪首頁(yè)和手機(jī)端店鋪專題頁(yè)頭圖出現(xiàn)時(shí)，寬度為1200px，高度建議為120～2000px，可以使用3∶4的比例確定具體的高度。5.2.1手機(jī)端豎版海報(bào)手機(jī)端豎版海報(bào)手機(jī)端橫版海報(bào)常作為平臺(tái)App輪播圖、平臺(tái)App橫版廣告圖以及手機(jī)端平臺(tái)專題頁(yè)頭圖出現(xiàn)。手機(jī)端海報(bào)根據(jù)不同的展示位置，設(shè)計(jì)尺寸也會(huì)有所不同。手機(jī)端橫版海報(bào)寬度為750px，高度會(huì)根據(jù)不同的展示位置發(fā)生變化，可以根據(jù)不同的展示位置通過(guò)寬度和高度比例確定高度。當(dāng)手機(jī)端橫版海報(bào)作為平臺(tái)App輪播圖出現(xiàn)時(shí)，常用3:1比例。當(dāng)手機(jī)端橫版海報(bào)作為平臺(tái)App橫版廣告圖出現(xiàn)時(shí)，常用2:1比例。當(dāng)手機(jī)端橫版海報(bào)作為手機(jī)端平臺(tái)專題頁(yè)頭圖出現(xiàn)時(shí)，常用2:1比例。5.2.2手機(jī)端橫版海報(bào)手機(jī)端豎版海報(bào)5.3手機(jī)端海報(bào)的設(shè)計(jì)特點(diǎn)內(nèi)容更為簡(jiǎn)潔布局適配性強(qiáng)重視動(dòng)態(tài)效果由于手機(jī)屏幕相對(duì)較小，海報(bào)設(shè)計(jì)需要簡(jiǎn)潔明了，以確保信息能夠清晰地傳達(dá)給消費(fèi)者。5.3.1內(nèi)容更為簡(jiǎn)潔手機(jī)端海報(bào)設(shè)計(jì)師需要考慮不同手機(jī)設(shè)備的屏幕尺寸和分辨率，采用響應(yīng)式布局設(shè)計(jì)海報(bào)，海報(bào)適配的屏幕通常以豎屏或高度較低的橫屏為主，設(shè)計(jì)時(shí)需要確保海報(bào)在不同手機(jī)設(shè)備上都能夠呈現(xiàn)出最佳的效果。5.3.2布局適配性強(qiáng)手機(jī)端海報(bào)設(shè)計(jì)手機(jī)端海報(bào)時(shí)可添加一些與消費(fèi)者互動(dòng)的元素或者豐富的動(dòng)態(tài)效果等，使消費(fèi)者能夠與海報(bào)進(jìn)行互動(dòng)，增強(qiáng)消費(fèi)者的體驗(yàn)和參與感。5.3.3重視動(dòng)態(tài)效果手機(jī)端海報(bào)5.3.4課堂案例—設(shè)計(jì)家用電器手機(jī)端海報(bào)使用“圓柱體”和“細(xì)分曲面”工具，“擠壓”“內(nèi)部擠壓”和“循環(huán)/路徑切割”命令制作臺(tái)子和上方燈；使用“立方體”“圓柱體”“對(duì)稱”“擠壓”和“細(xì)分曲面”工具，“倒角”“內(nèi)部擠壓”“分裂”“擠壓”和“循環(huán)/路徑切割”命令制作商品；使用“合并項(xiàng)目”命令合并已制作完的模型和素材模型；使用“材質(zhì)”面板創(chuàng)建材質(zhì)并設(shè)置材質(zhì)參數(shù)；使用“渲染到圖像查看器”按鈕渲染圖像。效果圖使用Photoshop的繪圖工具、文字工具設(shè)計(jì)丹東草莓手機(jī)端海報(bào)。課堂練習(xí)—設(shè)計(jì)丹東草莓手機(jī)端海報(bào)效果圖使用Cinema4