正文

banner設(shè)計(jì)欣賞網(wǎng)站（banner設(shè)計(jì)欣賞網(wǎng)站知乎）

發(fā)布時(shí)間：2023-04-08 06:41:57 稿源：創(chuàng)意嶺閱讀： 65

大家好！今天讓小編來大家介紹下關(guān)于banner設(shè)計(jì)欣賞網(wǎng)站的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

1、網(wǎng)頁設(shè)計(jì)如何做好banner設(shè)計(jì)?
2、網(wǎng)站banner設(shè)計(jì)的那些事兒
3、怎么設(shè)計(jì)出漂亮的有創(chuàng)意的網(wǎng)頁Banner
4、優(yōu)秀的網(wǎng)站banner一般具備哪些特點(diǎn)？

一、網(wǎng)頁設(shè)計(jì)如何做好banner設(shè)計(jì)?

【導(dǎo)讀】在網(wǎng)站設(shè)計(jì)的時(shí)候，關(guān)于網(wǎng)站banner設(shè)計(jì)，是非?？简?yàn)設(shè)計(jì)師的水平的，因?yàn)楹芏嗫蛻艏纫蠊?jié)約成本，又要效率高，短時(shí)間可以設(shè)計(jì)出出彩的作品。那么，網(wǎng)頁設(shè)計(jì)如何做好banner設(shè)計(jì)呢?今天就跟隨小編一起來了解下吧!

banner設(shè)計(jì)欣賞網(wǎng)站（banner設(shè)計(jì)欣賞網(wǎng)站知乎）

1、突出產(chǎn)品主題，避免繁瑣

關(guān)于廣告的主題，很多人會犯一個(gè)錯(cuò)誤，認(rèn)為傳達(dá)的信息越多，用戶越有興趣，其實(shí)不然，現(xiàn)在人們的時(shí)間很有限，信息泛濫的時(shí)代，如何能突出產(chǎn)品主題，讓用戶一眼就能識別廣告含義，才是最重要的，避免繁鎖內(nèi)容，減少客戶的閱讀負(fù)擔(dān)。

2、要善于突出重點(diǎn)文字

文字描述是用來給用戶看的，所以一定要把重點(diǎn)文字突出，比如五一打折活動，一定要把五一吐出來，字樣一定要大，要醒目，其余的則需要相應(yīng)的弱化。

3、按照客戶的閱讀習(xí)慣來設(shè)計(jì)

一般人們的閱讀習(xí)慣都是從左到右、從上到下的，所以網(wǎng)站設(shè)計(jì)網(wǎng)站banner時(shí)候也要遵循這個(gè)規(guī)律，不要相反，會讓人很不舒服。

4、產(chǎn)品展示要能激發(fā)客戶的欲望

信息爆炸的時(shí)代，客戶瀏覽網(wǎng)頁的注意力是幾秒鐘，所以要第1時(shí)間進(jìn)行產(chǎn)品的展示，命中主題。

5、過度的色彩不要太耀眼

色彩搭配固然重要，但是不能太過夸張，會讓訪問者感覺刺眼、不友好甚至產(chǎn)生反感。產(chǎn)品圖片，色彩不是多多益善，適合最重要，易于識別是關(guān)鍵。如果太多，產(chǎn)品信息就會被淹沒，視覺效果大打折扣。

6、做好信息的平衡和協(xié)調(diào)

信息并非越多越好，不要把所有信息都突出，要做好各種信息的平衡和協(xié)調(diào)，才能真正地吸引人。

7、學(xué)會留空

在banner畫面中，有經(jīng)驗(yàn)的設(shè)計(jì)師都會留空，從而使圖形和文字有呼吸的空間，視覺效果更勝一籌。

以上就是小編今天給大家整理分享的關(guān)于“網(wǎng)頁設(shè)計(jì)如何做好banner設(shè)計(jì)?”的相關(guān)內(nèi)容，希望對正在備考的你有所幫助。為了幫助各位小伙伴更快的上手工作，小編特此還整理了平面設(shè)計(jì)小白入門寶典，需要的自取哦!

二、網(wǎng)站banner設(shè)計(jì)的那些事兒

Banner規(guī)格尺寸大小不一，文件大小也有一定的限制，這就使得在設(shè)計(jì)上增加了許多障礙，怎么在方寸間把握平衡，變得十分重要。Banner中的視覺要素主要包括：背景、圖片及文字，此外Banner的投放環(huán)境對其設(shè)計(jì)也有極大的影響，這些都是設(shè)計(jì)時(shí)需要考慮的重點(diǎn)要素。

1、分析需求

任何設(shè)計(jì)的第一步都是對用戶需求的分析，在Banner設(shè)計(jì)開始前，設(shè)計(jì)師應(yīng)與需求方溝通，確定需求，找準(zhǔn)定位，然后再有針對性地開始設(shè)計(jì)，色彩搭配要與整個(gè)頁面相協(xié)調(diào)。

　2、Banner顏色

(1)下面兩個(gè)banner哪個(gè)更吸引你呢?對比之下，我們會發(fā)現(xiàn)大多數(shù)人覺得后者給用戶帶來的視覺傳達(dá)力更強(qiáng)，簡潔明確、樸素有力的效果，給人一種重量感和力量感。前者顏色雖多，卻沒有帶來更好的視覺傳達(dá)效果。這是因?yàn)轭伾^度使用會打亂色彩節(jié)奏，并且，減弱了顏色間的對比，使整體效果變?nèi)酢?/p>

(2)其次，使用顏色越多，最后保存時(shí)文件體積越大，加載起來越慢，讓用戶等待就意味著和用戶說再見了，如果靠降低品質(zhì)來達(dá)到Banner的上傳要求，那展現(xiàn)給用戶的是低質(zhì)量的banner，也一樣會丟失一些用戶。

　3、圖片與文字

一般來說，網(wǎng)站制作一個(gè)banner分為兩個(gè)部分，文字和輔助圖。雖然輔助圖站的面積比較大，但如果不加入文字說明的話，客戶就會看不懂你做的

banner要表現(xiàn)什么、要說明什么，所以文字是整個(gè)banner的主角，我們在制作banner的時(shí)候特別要注意對文字的處理和擺放。

但是，文字的搭配也能夠一目了然地讓受眾知道所要傳達(dá)的主題是什么，但如果文字與圖片協(xié)調(diào)不好，也容易出現(xiàn)反面效果。下面這個(gè)Banner看起來比較清新，符合環(huán)保、健康的主題，圖片沒有過多的元素，但由于圖片用的淺色，文字也用的淺色，用戶是很難看出來，影響閱讀性，是此Banner設(shè)計(jì)的一大敗筆。

　4、banner設(shè)計(jì)注意事項(xiàng)

(1)Banner的文字用一兩句話來表達(dá)即可。

(2)廣告語要朗朗上口，突出重點(diǎn)。

(3)圖形無須太繁雜，文字盡量使用黑體等粗壯的字體。

(4)圖形盡量選擇顏色數(shù)少。

(5)盡量不要使用彩虹色、暈邊等復(fù)雜的特技圖形效果，這樣會增加圖形所占據(jù)的顏色數(shù)，增大體積。

(6)產(chǎn)品數(shù)量不宜過多。擺放太多產(chǎn)品，反而被淹沒，視覺效果大打折扣。

一個(gè)好的Banner設(shè)計(jì)能夠直接影響著整個(gè)頁面的美觀，企業(yè)想要讓吸引和留住客戶往往通過Banner設(shè)計(jì)來做點(diǎn)綴。所以Banner設(shè)計(jì)起著重要的作用，一定要重視。本文由微企點(diǎn)(wqdian.com)H5自助建站平臺提供，關(guān)注微企點(diǎn)公眾號wqdian_com

或加入微企點(diǎn)用戶QQ群，103385602，一起探討建站行業(yè)的發(fā)展。

三、怎么設(shè)計(jì)出漂亮的有創(chuàng)意的網(wǎng)頁Banner

創(chuàng)意還是要依據(jù)你的網(wǎng)頁的主題，不能為了創(chuàng)意而創(chuàng)意。把握字體排版、背景選擇、空間結(jié)構(gòu)。一般就可以設(shè)計(jì)出一個(gè)漂亮的banner了。

四、優(yōu)秀的網(wǎng)站banner一般具備哪些特點(diǎn)？

在當(dāng)今的是時(shí)代下，可以說進(jìn)入了一個(gè)顏值社會，當(dāng)然，對banner的要求也是越來越高，今天我們來深度解讀一下，什么是一個(gè)的Banner。

首先，Banner 是什么呢？根據(jù)百度百科上的解釋，橫幅廣告（Banner Ad.）是網(wǎng)絡(luò)廣告最早采用的形式，也是目前最常見的形式。橫幅廣告又稱旗幟廣告，它是橫跨于網(wǎng)頁上的矩形公告牌，當(dāng)用戶點(diǎn)擊這些橫幅的時(shí)候，通?？梢枣溄拥綇V告主的網(wǎng)頁。也就是說，banner就是應(yīng)用在網(wǎng)站上的廣告。

其次，banner的作用是為了，宣傳，展示，廣而告之，或者是能給企業(yè)、產(chǎn)品或者人帶來相應(yīng)的轉(zhuǎn)化率。最后，Banner 由哪些部分組成呢？

主要由logo，文案、產(chǎn)品、背景四項(xiàng)中的至少一項(xiàng)組成。

最常見的一種Banner 就是四項(xiàng)都包含了，我們來看下圖舉例：

那么了解完上面的基礎(chǔ)知識，我們該如何判斷一個(gè)banner 的好壞呢？

就像一個(gè)設(shè)計(jì)師，可以分為未入門 – 初級 – 中級 – 高級 – 資深 – 指導(dǎo)，那么banner 我將它分為不合格、合格和優(yōu)秀，接下來我們分別看下：

一、不合格banner 的幾個(gè)特點(diǎn)：

特點(diǎn)一：摳圖不干凈！

特點(diǎn)二：使用各種效果

在使用各種效果時(shí)，并不考慮實(shí)際的光影情況，導(dǎo)致banner效果特別假的感覺。

特點(diǎn)三：閱讀障礙

特點(diǎn)四：信息傳達(dá)不準(zhǔn)確

比如上圖這個(gè)Banner ，問題在于用色不當(dāng)導(dǎo)致信息傳達(dá)不準(zhǔn)確，“干凈”本該是要比其他文字信息更突出，而這里唯獨(dú)把“干凈”二字用了淺湖藍(lán)色，在淺藍(lán)灰色背景上，這兩個(gè)字反而沉下去了，一點(diǎn)都不突出，反倒是其他的普藍(lán)色文字在淺色背景上非常突出，相當(dāng)于有一身力氣卻用錯(cuò)了勁。

特點(diǎn)五：畫面及文案與活動定位不符

文案是促銷活動，但是畫面整體部分留白，凸顯高級感，與活動定位不符。

二、合格banner 特點(diǎn)：

特點(diǎn)一：定位準(zhǔn)確

包括定位準(zhǔn)確、圖文信息傳達(dá)準(zhǔn)確一致。

特點(diǎn)二：合理利用特技或者不用

各種點(diǎn)綴元素、各種效果使用恰當(dāng)。

3、畫面干凈整潔

4、信息條理清晰

5、畫面顏色為需要而搭配，有理有據(jù)

最后總結(jié)：在制作banner的時(shí)候，需要大家時(shí)刻的多去積累，多去看好的作品，然后多去思考優(yōu)秀的作品，為什么會這樣來設(shè)計(jì)，如果給我同樣的文案，我會怎樣去設(shè)計(jì)呢？希望大家多練多看，最終成為一個(gè)優(yōu)秀的設(shè)計(jì)師。

來源：知乎作者：千鋒UI設(shè)計(jì)學(xué)院

以上就是小編對于banner設(shè)計(jì)欣賞網(wǎng)站問題和相關(guān)問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。