如何做好海報(bào)設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)
發(fā)布時(shí)間:2021-12-31 10:32 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2

banner 由以下五部分組成:版式,字體,顏色,背景,點(diǎn)綴。我就針對(duì)這幾點(diǎn)做些具體分析。


一、關(guān)于版式


如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

大家發(fā)現(xiàn)沒(méi)有,大體上 banner 版式可分為兩種:圖文左右排版、文字居中。

1. 圖文左右排版

當(dāng) banner 中需要包含具體的素材,如某位大咖,某件產(chǎn)品時(shí),一般會(huì)選擇左右排版。并且圖文比例約為6:4(接近0.618的黃金比例)。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

關(guān)于為何文字部分要大于圖片部分,我做了如下分析:如果 banner 中只有某位大咖、某件產(chǎn)品,而沒(méi)有文字襯托,用戶(hù)就不會(huì)知道 banner 想表達(dá)的什么。

如下圖,banner 中只有一位拉大提琴的中年外國(guó)男子,人們會(huì)猜測(cè)這男子的個(gè)人專(zhuān)輯發(fā)布了?他是誰(shuí)?所以,通過(guò)圖片用戶(hù)只能對(duì)信息有個(gè)大致了解。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

相反,如果把 banner 中圖片部分遮去,而只保留文字部分。人們能夠獲取的關(guān)鍵詞有:5首電影歌曲、回憶過(guò)往的。因此即使沒(méi)有配圖,文字也能將信息精準(zhǔn)地帶給用戶(hù),文字所占比例應(yīng)當(dāng)比圖片多些。這也就解釋了為何大部分左右排版的 banner 都是文字占比大于圖片。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

banner 中有些文字放左邊,有些放右邊,這有什么區(qū)別呢?

下圖中第一個(gè) banner 是關(guān)于歐美電影歌曲的,右側(cè)可布局拉琴的男子,也可配電影片段,還可放正在播音的留聲機(jī)。第二張 banner 同樣如此。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

下面兩圖均是圖左字右的 banner,第一張《首席醫(yī)官》,特指這本書(shū)。

第二章奧運(yùn)冠軍陳一冰求婚——除了他沒(méi)別人了。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

說(shuō)了這么多,總結(jié)出圖右字左和圖左字右的區(qū)別了嗎?圖片在右,配圖內(nèi)容比較模糊;圖片在左,配圖內(nèi)容比較清晰。由于人們習(xí)慣的閱讀順序是從左到右,左邊放什么意味著用戶(hù)會(huì)先看到什么。當(dāng)圖片信息清晰時(shí)圖片放左,先用特定配圖吸引用戶(hù)目光,再加以具體的文字闡述就更正常不過(guò)了。而如果把含義不清的配圖放在左邊,用戶(hù)得看到右邊的文字部分才能獲得 banner 想傳遞的內(nèi)容,這會(huì)導(dǎo)致用戶(hù)接收信息時(shí)間增加。

2. 文字居中

在工作中我沒(méi)怎么接觸過(guò)文字居中的排版方式,因此很抱歉沒(méi)法做太多的剖析。印象中電商比較喜歡此類(lèi)排版,也許是文字放在正中的位子,底下可以放許多產(chǎn)品?

版式中大小標(biāo)題的比例:

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

發(fā)現(xiàn)沒(méi)?大小標(biāo)題比例約為2:1。其實(shí)這和一級(jí)標(biāo)題,二級(jí)標(biāo)題是同個(gè)道理,我們?cè)谠O(shè)計(jì) banner 時(shí)總希望用戶(hù)能把 banner 上的文字看全,但又不希望大小標(biāo)題混在一起主次不清,因此在排版合理,用戶(hù)能看清字的綜合考慮下,大小標(biāo)題比例約為2:1。(其實(shí)小標(biāo)題太小運(yùn)營(yíng)們也會(huì)懟的)


二、關(guān)于字體


banner 中常用的字體有三種:襯線(xiàn)體(serif)、非襯線(xiàn)體(sans-serif)、書(shū)法體(cursive)。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

都說(shuō)字體有各自的性格,襯線(xiàn)體筆畫(huà)有粗細(xì)之分,它模仿的是中國(guó)古代字體和古代碑文上的字體,因此襯線(xiàn)體能給人古典,文藝的感覺(jué),適合用于文藝氣息或與女子的相關(guān)設(shè)計(jì)。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

非襯線(xiàn)體筆畫(huà)簡(jiǎn)潔,筆畫(huà)較粗,體現(xiàn)現(xiàn)代,簡(jiǎn)約的特性,適合用于蒼勁有力,與男子相關(guān)的設(shè)計(jì)。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

書(shū)法體源自中國(guó)古代,能體現(xiàn)中國(guó)文化和揮灑墨水的豪氣,適用于文藝主題和金戈鐵馬般的豪邁主題。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

注意:商用字體需要注意版權(quán),這點(diǎn)很重要。


三、關(guān)于顏色


在生活中,色彩心理學(xué)讓人們對(duì)顏色的認(rèn)知有很大的影響。

黑色:黑色是一種代表品質(zhì)、權(quán)威、穩(wěn)重、時(shí)尚的色彩,同時(shí)也含有冷漠、悲傷、防御的消極情感。

白色:傳遞一種簡(jiǎn)單、純真、高雅、精致、信任、開(kāi)放、干凈、暢快、樸素的情感。

灰色:代表睿智、老實(shí)、執(zhí)著、嚴(yán)肅、壓抑的色彩。

紅色:傳遞喜慶、自信、斗志、權(quán)威、性感的情感。

綠色:是自然界中最常見(jiàn)的顏色,代表生命力、青春、希望、寧?kù)o、和平、舒適、安全的情感。

藍(lán)色:是三原色中的一種,代表永恒、靈性、清新、自由、放松、舒適、寧?kù)o、商務(wù)。

紫色:是一種代表優(yōu)雅、浪漫、高貴、時(shí)尚、神秘、夢(mèng)幻、靈性、創(chuàng)造性的顏色。

黃色:代表陽(yáng)光、青春、活力、時(shí)尚、尊貴、年輕輕快、輝煌、希望的顏色。

因此在設(shè)計(jì)中選擇主色調(diào)也要遵從如上。

例如活潑年輕的內(nèi)容可選擇純度較高的藍(lán)綠色、綠色等作為主色調(diào)。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

文藝類(lèi)內(nèi)容則適合飽和度不高,偏向白色這類(lèi)能讓人平靜的色彩。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

關(guān)于顏色的搭配,我一般會(huì)在花瓣上找些主題相近的 banner 作參考。

此外推薦幾個(gè)配色網(wǎng)站:


四、關(guān)于點(diǎn)綴


大約有3種。橢圓點(diǎn)綴,圓角矩形點(diǎn)綴,實(shí)物點(diǎn)綴。圓形圓角矩形點(diǎn)綴可適當(dāng)加些漸變和陰影。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

為了不讓實(shí)物點(diǎn)綴太過(guò)搶眼,可以適當(dāng)做些弱化,比如降低透明度或是做些模糊處理。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)


五、關(guān)于背景


大約有3種,純色背景,實(shí)物背景,材質(zhì)背景。根據(jù)畫(huà)面的需要可以選擇合適的底圖。

如何做好 Banner設(shè)計(jì)?我總結(jié)了這4類(lèi)基礎(chǔ)知識(shí)

電商視覺(jué)美工視頻教程
我要自學(xué)網(wǎng)商城 ¥90 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC