總結(jié)出這4類基礎(chǔ)知識(shí)的網(wǎng)站Banner設(shè)計(jì)

一、關(guān)于版式

大體上 banner 版式可分為兩種：圖文左右排版、文字居中。

1. 圖文左右排版

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

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

2. 文字居中

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

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

二、關(guān)于字體

banner 中常用的字體有三種：襯線體（serif）、非襯線體（sans-serif）、書法體（cursive）。

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

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

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

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

三、關(guān)于顏色

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

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

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

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

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

綠色：是自然界中最常見的顏色，代表生命力、青春、希望、寧靜、和平、舒適、安全的情感。

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

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

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

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

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

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

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

點(diǎn)綴元素的存在主要是為了豐富畫面，使畫面看起來不單調(diào)并且更加協(xié)調(diào)，從運(yùn)營(yíng)的角度上來說，也是為了增加畫面的熱鬧活躍氛圍，給用戶愉悅或刺激感，增加消費(fèi)者的購買欲望。點(diǎn)綴元素存在的形式是多種多樣的，我們可以基本分為三種：基礎(chǔ)形狀點(diǎn)綴、抽象形狀點(diǎn)綴、賣點(diǎn)提煉點(diǎn)綴。

1、基礎(chǔ)形狀點(diǎn)綴

這種類型的點(diǎn)綴操作起來難度不大，多使用矢量形狀利用漸變色來豐富畫面，建議初次嘗試設(shè)計(jì)師多嘗試，多注意細(xì)節(jié)和練習(xí)，就能夠比較好的使用起來，這種類型的點(diǎn)綴多用戶電商促銷設(shè)計(jì)，目的是為了飽滿視覺，豐滿畫面，擁有較強(qiáng)的視覺沖擊力，能夠吸引用戶注意力，提高 Banner 點(diǎn)擊率。

2、抽象形狀點(diǎn)綴

這種點(diǎn)綴的注意細(xì)節(jié)是一般點(diǎn)綴都會(huì)比背景深一點(diǎn)，同時(shí)整體采用微漸變，適當(dāng)?shù)碾[去一些邊角，能夠更好的融合進(jìn)背景里，運(yùn)用水波紋和小三角等，能夠使 Banner 更年輕，活潑，大多使用在產(chǎn)品定位較年輕的產(chǎn)品或話題上，不適合使用在大品牌上。

點(diǎn)綴存在的意義就是在于豐富畫面，使 Banner 整體不單調(diào)，更具有趣味性，也能顧更好地烘托主題營(yíng)造氛圍，有規(guī)律的點(diǎn)綴也能讓 Banner 更具有節(jié)奏感，視覺沖擊力更強(qiáng)。

我們從版式、文字、配色及點(diǎn)綴等四個(gè)方面來說明如何制作出優(yōu)秀的 Banner。

1、版式分為圖文左右排版和文字居中排版，根據(jù)要凸顯的主題來決定用哪種排版；

2、文字有襯線體、非襯線體和書法體三種，每種都有不同的風(fēng)格，襯線體偏古典和文藝，適用于宣傳，非襯線體蒼勁有力適用于促銷，書法體傳統(tǒng)豪邁，適用于中國(guó)風(fēng)；

3、配色需要根據(jù)產(chǎn)品選擇配色，每種顏色都有自己的情緒，抓住想要表達(dá)的情緒，選好配色；

4、點(diǎn)綴分為基礎(chǔ)形狀、抽象形狀和賣點(diǎn)提煉，每種點(diǎn)綴都是豐富畫面，讓整體看起來更加和諧，不同的點(diǎn)綴達(dá)到的效果也不同，但始終圍繞主旨就是所有的設(shè)計(jì)和創(chuàng)意都是圍繞著吸引用戶來進(jìn)行的，最后我們呈現(xiàn)出來的結(jié)果，一定要和諧統(tǒng)一、對(duì)比突出、畫面和諧、節(jié)奏韻律，才能讓我們的banner看起來更富有品質(zhì)感。

新聞標(biāo)題：總結(jié)出這4類基礎(chǔ)知識(shí)的網(wǎng)站Banner設(shè)計(jì)
地址分享：http://www.bm7419.com/news28/49728.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、商城網(wǎng)站、ChatGPT、網(wǎng)站導(dǎo)航、企業(yè)建站、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)