廣告的設(shè)計(jì)小竅門

時(shí)間：2024-07-31 03:14:04 廣告設(shè)計(jì) 我要投稿

廣告的設(shè)計(jì)小竅門

　　對于很多廣告設(shè)計(jì)的新手來說，都不知道如何做好設(shè)計(jì)，下面小編為大家?guī)砹藦V告的設(shè)計(jì)小竅門，希望對大家有用。

　　1、交互：慎用向右滑動的操作方式。

　　如：刮刮樂涂抹效果，左右滑動翻頁等。

　　原因：蘋果手機(jī)上，向右滑動容易觸發(fā)返回“上一級頁面”效果。

　　2、交互：慎用橫屏展示效果。

　　原因：體驗(yàn)上，需要用戶設(shè)備開啟屏幕旋轉(zhuǎn)功能，才能正常觀看，用戶操作成本高。對不同屏幕的手機(jī)，長寬比例不一，難以展示最佳的視覺效果。

　　3、視覺：功能按鈕等，遠(yuǎn)離頁面底部(大概128px，這個(gè)尺寸不是固定值)，具體看重構(gòu)采用什么適配方式(僅供參考：640*1136 px，從上往下計(jì)算，主要內(nèi)容在1008px內(nèi))。

　　原因：更好的設(shè)備各種屏幕的手機(jī)，避免按鈕被擋住。

　　4、視覺：慎用“光線疊加效果”或PS里面的“圖層樣式”效果。

　　如：給圖層加個(gè)“柔光”、“濾色”、“色相”等等效果，除非這個(gè)視覺元素可以合并為一體。

　　原因：給重構(gòu)挖坑，導(dǎo)致不好切圖，無法還原視覺效果。

　　5、視覺：矢量圖? 想做簡單的動畫? 導(dǎo)出SVG格式試試!

　　原因：能減少體積的事，為什么拒絕呢……

　　6、動畫：盡量避免全屏動畫，優(yōu)先考慮局部動畫的方式。

　　如：各種粒子效果全屏飄過等。

　　原因：如果呈現(xiàn)的視覺效果無法用代碼實(shí)現(xiàn)，就意味著要用全屏尺寸的序列幀來處理，體積上會飆升，影響加載體驗(yàn)。

　　7、動畫：序列幀壓縮小技巧，靜態(tài)的畫面，保存較高質(zhì)量。中間運(yùn)動的模糊狀態(tài)，大膽的壓低畫面質(zhì)量吧。

　　原因：壓縮體積，運(yùn)動狀態(tài)就算有鋸齒也不明顯。

　　8、重構(gòu)：圖片請上“tinypng.com”，壓縮下，有效減少體積。

　　原因：額，這個(gè)也要說原因?好吧，偷偷告訴你，現(xiàn)在這網(wǎng)站不止可以壓縮png，還可以壓縮jpg，更重要的是……支持批量下載了!

　　9、重構(gòu)：音樂請壓縮下，能大大減少整體的體積。

　　技巧：如果沒有特殊要求，可以考慮弄成單聲道音頻文件，比特率48或更低就行了。

【廣告的設(shè)計(jì)小竅門】相關(guān)文章：