大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于banner的設(shè)計(jì)元素主要包括的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話(huà)答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫(xiě)出的就越詳細(xì)，有微信小程序端、在線(xiàn)網(wǎng)頁(yè)版、PC客戶(hù)端

官網(wǎng)：https://ai.de1919.com。

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

本文目錄:

• 1、常見(jiàn)的banner海報(bào)分為？

• 2、怎樣設(shè)計(jì)banner

• 3、汽車(chē)banner設(shè)計(jì)的設(shè)計(jì)原則是什么

• 4、Banner設(shè)計(jì)中的應(yīng)用細(xì)節(jié)有哪些？

一、常見(jiàn)的banner海報(bào)分為？

01. 重心型

重心型版式的banner容易讓瀏覽者產(chǎn)生視覺(jué)焦點(diǎn)，界面效果強(qiáng)烈且突出。其中最常見(jiàn)的是反差對(duì)比的方式。

差異越大反差越明顯，能讓特定要素更顯眼，相反差異不大越不明顯，也無(wú)法體現(xiàn)出重要的要素與重要的信息，就不會(huì)給讀者一種強(qiáng)烈的印象。

02. 分割型

分割型主要可以分成上下分割和左右分割。因?yàn)閎anner一般是高度比較窄，所以左右分割型會(huì)比較常見(jiàn)。上下分割的banner會(huì)比較少見(jiàn)。

左右分割就把整個(gè)版面分割為左右兩個(gè)部分，分別在左或右配置文案。當(dāng)左右兩部分形成強(qiáng)弱對(duì)比時(shí)，則造成視覺(jué)心理的不平衡。不過(guò)，倘若將分割線(xiàn)虛化處理，或用文字進(jìn)行左右重復(fù)或穿插，左右圖文則變得自然和諧。

03. 傾斜型

傾斜型的banner比較偏個(gè)性化一些，多在一些設(shè)計(jì)公司或是運(yùn)動(dòng)品牌的網(wǎng)站中出現(xiàn)。版面的主體形象做傾斜設(shè)計(jì)，造成版面強(qiáng)烈的動(dòng)感和不穩(wěn)定因素，這種設(shè)計(jì)比較引人注目，有時(shí)候會(huì)被歸類(lèi)到左右分割型。

04. 滿(mǎn)版型

滿(mǎn)版型的banner比較好理解，通常是版面以圖象充滿(mǎn)整版，主要以圖象為訴求，視覺(jué)傳達(dá)直觀而強(qiáng)烈。

文字的配置壓置在上下、左右或中部的圖象上。滿(mǎn)版型給人以大方、舒展的感覺(jué)。

05. 曲線(xiàn)型

圖片或文字在版面結(jié)構(gòu)上作曲線(xiàn)的編排構(gòu)成，產(chǎn)生節(jié)奏和韻律。多出現(xiàn)在運(yùn)動(dòng)型的banner設(shè)計(jì)中。

把許多相同形狀的要素以多種角度編排可以營(yíng)造出節(jié)奏感來(lái)。僅此一點(diǎn)，就能營(yíng)造出跳躍的節(jié)奏。

06. 對(duì)稱(chēng)型

對(duì)稱(chēng)的版式給人穩(wěn)定、莊重理性的感覺(jué)。對(duì)稱(chēng)有絕對(duì)對(duì)稱(chēng)和相對(duì)對(duì)稱(chēng)。一般多采用相對(duì)對(duì)稱(chēng)。以避免過(guò)于嚴(yán)謹(jǐn)。banner對(duì)稱(chēng)一般以左右對(duì)稱(chēng)居多。

07. 四角型

四角型指在版面四角以及連接四角的對(duì)角線(xiàn)結(jié)構(gòu)上編排的圖形。這種結(jié)構(gòu)的版面，給人以嚴(yán)謹(jǐn)，規(guī)范的感覺(jué)。下圖是四角型的一種，同時(shí)也用到了左右分割的排版設(shè)計(jì)技巧，你發(fā)現(xiàn)了嗎？

不同的排版可以給人不同的視覺(jué)感受，好的排版會(huì)讓banner更加的出彩。版式也沒(méi)有絕對(duì)的好壞，只有適合和不適合。

二、怎樣設(shè)計(jì)banner

那么Banner到底是什么呢？Banner的核心使命其實(shí)是吸引用戶(hù)關(guān)注，然后被點(diǎn)擊。他的主旨就是主題明確，突出關(guān)鍵內(nèi)容，抓住用戶(hù)眼球。 一個(gè)Banner他是由“背景、主視覺(jué)和標(biāo)題文字”三部分組成，在我剛剛接到需求的時(shí)候，我首先分析他的重點(diǎn)詞、字，想要表達(dá)什么，分析好了后可以在紙上畫(huà)下草稿，在大腦里有個(gè)大概的視覺(jué)效果，想法多的話(huà)可以畫(huà)幾版不一樣的，最后根據(jù)草稿定一個(gè)定稿，接下來(lái)就可以找素材著手做了。在做期間，還要注意整體的美觀，讓人看起來(lái)舒服。 下面從這三部分逐一給大家分享下。 一、背景 我們畫(huà)畫(huà)的同學(xué)可能都知道，一個(gè)畫(huà)面不可能都面面俱到，重點(diǎn)的需要細(xì)致刻畫(huà)，有的一筆帶過(guò)即可。設(shè)計(jì)一個(gè)Banner有時(shí)候就像畫(huà)畫(huà)似的，首先要有大的環(huán)境，那Banner的背景就好比大環(huán)境，其實(shí)主要是起到襯托、烘托氣氛的作用。 一個(gè)新需求過(guò)來(lái)，首先我們考慮要營(yíng)造一個(gè)什么樣的環(huán)境，什么樣的氣氛，是歡快的、悲傷的、可愛(ài)的還是…比如過(guò)年，可能就用紅橙色，比如兒童類(lèi)的，顏色上就要純一點(diǎn)，活潑點(diǎn)等等。 但是需要注意一點(diǎn)，背景不能太花，否則會(huì)影響整體的一個(gè)可讀識(shí)性，簡(jiǎn)單，清晰即可。 二、主視覺(jué)元素 Banner中的主視覺(jué)要清楚，符合主題，元素不可太多，否則看起來(lái)跟人感覺(jué)就會(huì)亂。有的人在做時(shí)只要是有地，就全放滿(mǎn)，其實(shí)頁(yè)面適當(dāng)?shù)摹傲舭住币彩翘嵘?huà)面品質(zhì)的一個(gè)好方法。視覺(jué)元素不論是人物，還是其他，一定要清晰，在我們找素材的時(shí)候也要找像素質(zhì)量高的，我一般會(huì)去站酷、昵圖網(wǎng)、花瓣或者直接google搜，不要太多。還有一點(diǎn)注意的是不可盜用他人的作品，頭像等等。大家都懂的：） 下面的這個(gè)Banner看起來(lái)就比較亂，東西太多，想表達(dá)的也太多，這時(shí)候需要用戶(hù)去花時(shí)間思考它想告訴我們什么，而往往這時(shí)候用戶(hù)是不愿意是思考的，一是畫(huà)面不知道他要表達(dá)什么，二是整體上沒(méi)有吸引住用戶(hù)的眼睛，這種情況下這個(gè)Banner是做到比較失敗的。 三、標(biāo)題文字 標(biāo)題文字非常重要，是整個(gè)Banner的主題，重點(diǎn)文字一定要在背景中突出出來(lái)，不論用顏色對(duì)比、放大、變形設(shè)計(jì)還是即便做立體效果等等。（這里我分享一個(gè)經(jīng)驗(yàn)，就是在頁(yè)面上新建一個(gè)黑色的圖層，樣式改成飽和度，整體上成黑白的效果后一眼就能看出來(lái)了） 這個(gè)Banner標(biāo)題用了描邊和投影，從背景中出來(lái)了，但還是看起來(lái)不舒服，主要是他的文字有用曲線(xiàn)、斜線(xiàn)的方式，讓人不禁會(huì)順著字的排版順讀下去，他這里面不同方向的斜線(xiàn)用的還比較多，這種方式看多了就會(huì)比較累，沒(méi)有形成統(tǒng)一。 這個(gè)Banner看起來(lái)比較清新，沒(méi)有過(guò)多的元素，但重點(diǎn)是文字，由于背景用的淺色，文字也用的淺色，用戶(hù)是很難看出來(lái)的，影響用戶(hù)的閱讀性。 最后總結(jié)幾點(diǎn) 1.畫(huà)面整體統(tǒng)一，顏色搭配的看起來(lái)舒服；2.頁(yè)面元素要以組為單位；（如文字和文字之間的間距不要過(guò)大，讓人看起來(lái)是一組）3.采用吸引力的用語(yǔ)，或者添加“火速參與”等刺激性的詞語(yǔ)按鈕等，讓用戶(hù)在最短的時(shí)間內(nèi)有去點(diǎn)擊他的欲望。4.主次對(duì)比分明，合理安排頁(yè)面布局；5.輸出K數(shù)不宜過(guò)大，否則加載速度會(huì)慢；6.最后最重要的一點(diǎn)是，前期工作一定要與需求方溝通好，要知道，在工作中，溝通是非常重要的一件事情。 以上是自己在平時(shí)工作中總結(jié)的一點(diǎn)點(diǎn)小經(jīng)驗(yàn)吧，希望對(duì)初學(xué)設(shè)計(jì)的同學(xué)來(lái)說(shuō)有點(diǎn)幫助，還望大師們多多指點(diǎn)，我會(huì)虛心學(xué)習(xí)。有部分圖是從網(wǎng)上找的，在這里借用下，如果侵犯您的權(quán)了，請(qǐng)告知下。謝謝。

三、汽車(chē)banner設(shè)計(jì)的設(shè)計(jì)原則是什么

在汽車(chē)banner中常見(jiàn)元素有齒輪、輪胎、方向盤(pán)等汽車(chē)部件，汽車(chē)banner的作用通常是用來(lái)宣傳活動(dòng)，刺激消費(fèi)。同時(shí)，由于汽車(chē)的本身的運(yùn)動(dòng)屬性，會(huì)在設(shè)計(jì)banner時(shí)與生活、時(shí)尚相結(jié)合。

banner設(shè)計(jì)可以說(shuō)是我日常工作中最主要的一塊需求，banner不比大型項(xiàng)目，從設(shè)計(jì)成本上來(lái)講不可能給太多的時(shí)間給設(shè)計(jì)師，所以這也引發(fā)了我對(duì)如 何更有效率地完成一個(gè)banner的思考。我覺(jué)得構(gòu)成banner的重點(diǎn)主要有三個(gè)方面，即風(fēng)格，排版以及配色。我個(gè)人的習(xí)慣是先定風(fēng)格，再做大致的排版 和配色，然后根據(jù)整體再來(lái)調(diào)整，最后再優(yōu)化細(xì)節(jié)。以下就是為您推薦的汽車(chē)banner設(shè)計(jì)原則。

首先是風(fēng)格， 一般情況下風(fēng)格在跟需求方溝通的時(shí)候就已經(jīng)定好了大概的方向，同時(shí)我們可以問(wèn)他要一些參考，進(jìn)一步確認(rèn)風(fēng)格，還有種情況是需求方方?jīng)]有任何的要求，就說(shuō)讓 你自己把握就好，那這個(gè)我覺(jué)得也是分兩種情況，一種是需求方真的信任你，放手讓做，還有種就是其實(shí)他自己也不知道要什么樣的，只是想等你做出來(lái)以后看了再 說(shuō)，如果是這種情況不講清楚的話(huà)很有可能就會(huì)面臨重做的悲劇。第一種類(lèi)型基本就不需要太操心，自己根據(jù)內(nèi)容什么的來(lái)把握就好。第二種類(lèi)型的話(huà)就需要引起注 意了，我們可以自己找一些認(rèn)為比較合適的參考讓需求方來(lái)選擇，然后根據(jù)他的選擇和需求方確認(rèn)風(fēng)格，防止他后面說(shuō)什么不要這種風(fēng)格的，重做一版看看之類(lèi)的。 那么怎么來(lái)分別是哪種類(lèi)型的呢？我覺(jué)得吧一些經(jīng)常合作的，是完全可以根據(jù)以往的經(jīng)驗(yàn)的來(lái)判斷他是屬于哪種類(lèi)型的，如果是第一次合作的我就會(huì)先直接判定為第 二種類(lèi)型，也就是他自己也不知道要什么樣的，以后再根據(jù)他的表現(xiàn)重新分類(lèi)好了。

然后是排版，所謂排版，即將文字、圖片、圖形等可視化信息元素在版面布局上調(diào)整位置、大小，使版面達(dá)到美觀的視覺(jué)效果。之前在網(wǎng)上看到過(guò)一篇關(guān)于ppt排版六原則（對(duì)齊，聚攏，重復(fù)，對(duì)比，強(qiáng)調(diào)，留白）的文章，我覺(jué)得這個(gè)在banner的設(shè)計(jì)中也是同樣適用。這里我把這些原則稍微修改了下，更加適用于banner的設(shè)計(jì)。

一、對(duì)齊原則

相關(guān)的內(nèi)容要對(duì)齊，方便用戶(hù)視線(xiàn)快速移動(dòng)，一眼看到最重要的信息。

二、聚攏原則

將內(nèi)容分成幾個(gè)區(qū)域，相關(guān)內(nèi)容都聚在一個(gè)區(qū)域中。

三、留白原則

千萬(wàn)不要把banner排得密密麻麻，要留出一定的空間，這樣既減少了banner的壓迫感，又可以引導(dǎo)讀者視線(xiàn)，突出重點(diǎn)內(nèi)容。

四、降噪原則

顏色過(guò)多、字體過(guò)多、圖形過(guò)繁，都是分散讀者注意力的”噪音”。

五、重復(fù)原則

排版時(shí)，要注意整個(gè)設(shè)計(jì)的一致性和連貫性，避免出現(xiàn)不同類(lèi)型的視覺(jué)元素。

六、對(duì)比原則

加大不同元素的視覺(jué)差異，這樣既增加了banner的活潑，又突出了視覺(jué)重點(diǎn)，方便用戶(hù)一眼瀏覽到重要的信息。

再講下文字的排版，文字的排版要求重點(diǎn)突出，大小粗細(xì)錯(cuò)落有致，字體保持在2種左右，像下面這種大尺寸的banner文字就可以適當(dāng)?shù)淖鱿伦冃?，加入一些跟?nèi)容有聯(lián)系的元素或者圖形，可以更好的表達(dá)整個(gè)設(shè)計(jì)的情緒。

最后是配色， 色彩是由色相、明度和純度構(gòu)成的。 色相即顏色的相貌，用于區(qū)分各類(lèi)顏色，如 紅色，黃色，綠色，藍(lán)色等；明度即顏色的明暗和深淺，或者說(shuō)顏色含量里白色的多少；純度即色彩的飽和鮮艷程度。 每種色彩都會(huì)因?yàn)樯?，明度，純度的不同，表現(xiàn)出不同的色彩感，色彩是有情感的，不同的配色會(huì)帶給人完全不同的心里感受。所以當(dāng)你在做banner的時(shí)候 就要考慮你想要表達(dá)什么樣的情感，想讓用戶(hù)看的時(shí)候有什么樣的感受，你所表達(dá)的情感是不是符合主題內(nèi)容，基于這些出發(fā)點(diǎn)再來(lái)做banner的配色就更加的 有目的性了。

在汽車(chē)banner中常見(jiàn)元素有齒輪、輪胎、方向盤(pán)等汽車(chē)部件，汽車(chē)banner的作用通常是用來(lái)宣傳活動(dòng)，刺激消費(fèi)。同時(shí)，由于汽車(chē)的本身的運(yùn)動(dòng)屬性，會(huì)在設(shè)計(jì)banner時(shí)與生活、時(shí)尚相結(jié)合。

banner設(shè)計(jì)可以說(shuō)是我日常工作中最主要的一塊需求，banner不比大型項(xiàng)目，從設(shè)計(jì)成本上來(lái)講不可能給太多的時(shí)間給設(shè)計(jì)師，所以這也引發(fā)了我對(duì)如 何更有效率地完成一個(gè)banner的思考。我覺(jué)得構(gòu)成banner的重點(diǎn)主要有三個(gè)方面，即風(fēng)格，排版以及配色。我個(gè)人的習(xí)慣是先定風(fēng)格，再做大致的排版 和配色，然后根據(jù)整體再來(lái)調(diào)整，最后再優(yōu)化細(xì)節(jié)。以下就是為您推薦的汽車(chē)banner設(shè)計(jì)原則。

首先是風(fēng)格， 一般情況下風(fēng)格在跟需求方溝通的時(shí)候就已經(jīng)定好了大概的方向，同時(shí)我們可以問(wèn)他要一些參考，進(jìn)一步確認(rèn)風(fēng)格，還有種情況是需求方方?jīng)]有任何的要求，就說(shuō)讓 你自己把握就好，那這個(gè)我覺(jué)得也是分兩種情況，一種是需求方真的信任你，放手讓做，還有種就是其實(shí)他自己也不知道要什么樣的，只是想等你做出來(lái)以后看了再 說(shuō)，如果是這種情況不講清楚的話(huà)很有可能就會(huì)面臨重做的悲劇。第一種類(lèi)型基本就不需要太操心，自己根據(jù)內(nèi)容什么的來(lái)把握就好。第二種類(lèi)型的話(huà)就需要引起注 意了，我們可以自己找一些認(rèn)為比較合適的參考讓需求方來(lái)選擇，然后根據(jù)他的選擇和需求方確認(rèn)風(fēng)格，防止他后面說(shuō)什么不要這種風(fēng)格的，重做一版看看之類(lèi)的。 那么怎么來(lái)分別是哪種類(lèi)型的呢？我覺(jué)得吧一些經(jīng)常合作的，是完全可以根據(jù)以往的經(jīng)驗(yàn)的來(lái)判斷他是屬于哪種類(lèi)型的，如果是第一次合作的我就會(huì)先直接判定為第 二種類(lèi)型，也就是他自己也不知道要什么樣的，以后再根據(jù)他的表現(xiàn)重新分類(lèi)好了。

然后是排版，所謂排版，即將文字、圖片、圖形等可視化信息元素在版面布局上調(diào)整位置、大小，使版面達(dá)到美觀的視覺(jué)效果。之前在網(wǎng)上看到過(guò)一篇關(guān)于ppt排版六原則（對(duì)齊，聚攏，重復(fù)，對(duì)比，強(qiáng)調(diào)，留白）的文章，我覺(jué)得這個(gè)在banner的設(shè)計(jì)中也是同樣適用。這里我把這些原則稍微修改了下，更加適用于banner的設(shè)計(jì)。

一、對(duì)齊原則

相關(guān)的內(nèi)容要對(duì)齊，方便用戶(hù)視線(xiàn)快速移動(dòng)，一眼看到最重要的信息。

二、聚攏原則

將內(nèi)容分成幾個(gè)區(qū)域，相關(guān)內(nèi)容都聚在一個(gè)區(qū)域中。

三、留白原則

千萬(wàn)不要把banner排得密密麻麻，要留出一定的空間，這樣既減少了banner的壓迫感，又可以引導(dǎo)讀者視線(xiàn)，突出重點(diǎn)內(nèi)容。

四、降噪原則

顏色過(guò)多、字體過(guò)多、圖形過(guò)繁，都是分散讀者注意力的”噪音”。

五、重復(fù)原則

排版時(shí)，要注意整個(gè)設(shè)計(jì)的一致性和連貫性，避免出現(xiàn)不同類(lèi)型的視覺(jué)元素。

六、對(duì)比原則

加大不同元素的視覺(jué)差異，這樣既增加了banner的活潑，又突出了視覺(jué)重點(diǎn)，方便用戶(hù)一眼瀏覽到重要的信息。

再講下文字的排版，文字的排版要求重點(diǎn)突出，大小粗細(xì)錯(cuò)落有致，字體保持在2種左右，像下面這種大尺寸的banner文字就可以適當(dāng)?shù)淖鱿伦冃?，加入一些跟?nèi)容有聯(lián)系的元素或者圖形，可以更好的表達(dá)整個(gè)設(shè)計(jì)的情緒。

最后是配色， 色彩是由色相、明度和純度構(gòu)成的。 色相即顏色的相貌，用于區(qū)分各類(lèi)顏色，如 紅色，黃色，綠色，藍(lán)色等；明度即顏色的明暗和深淺，或者說(shuō)顏色含量里白色的多少；純度即色彩的飽和鮮艷程度。 每種色彩都會(huì)因?yàn)樯啵鞫?，純度的不同，表現(xiàn)出不同的色彩感，色彩是有情感的，不同的配色會(huì)帶給人完全不同的心里感受。所以當(dāng)你在做banner的時(shí)候 就要考慮你想要表達(dá)什么樣的情感，想讓用戶(hù)看的時(shí)候有什么樣的感受，你所表達(dá)的情感是不是符合主題內(nèi)容，基于這些出發(fā)點(diǎn)再來(lái)做banner的配色就更加的 有目的性了。

在汽車(chē)banner中常見(jiàn)元素有齒輪、輪胎、方向盤(pán)等汽車(chē)部件，汽車(chē)banner的作用通常是用來(lái)宣傳活動(dòng)，刺激消費(fèi)。同時(shí)，由于汽車(chē)的本身的運(yùn)動(dòng)屬性，會(huì)在設(shè)計(jì)banner時(shí)與生活、時(shí)尚相結(jié)合。

banner設(shè)計(jì)可以說(shuō)是我日常工作中最主要的一塊需求，banner不比大型項(xiàng)目，從設(shè)計(jì)成本上來(lái)講不可能給太多的時(shí)間給設(shè)計(jì)師，所以這也引發(fā)了我對(duì)如 何更有效率地完成一個(gè)banner的思考。我覺(jué)得構(gòu)成banner的重點(diǎn)主要有三個(gè)方面，即風(fēng)格，排版以及配色。我個(gè)人的習(xí)慣是先定風(fēng)格，再做大致的排版 和配色，然后根據(jù)整體再來(lái)調(diào)整，最后再優(yōu)化細(xì)節(jié)。以下就是為您推薦的汽車(chē)banner設(shè)計(jì)原則。

首先是風(fēng)格， 一般情況下風(fēng)格在跟需求方溝通的時(shí)候就已經(jīng)定好了大概的方向，同時(shí)我們可以問(wèn)他要一些參考，進(jìn)一步確認(rèn)風(fēng)格，還有種情況是需求方方?jīng)]有任何的要求，就說(shuō)讓 你自己把握就好，那這個(gè)我覺(jué)得也是分兩種情況，一種是需求方真的信任你，放手讓做，還有種就是其實(shí)他自己也不知道要什么樣的，只是想等你做出來(lái)以后看了再 說(shuō)，如果是這種情況不講清楚的話(huà)很有可能就會(huì)面臨重做的悲劇。第一種類(lèi)型基本就不需要太操心，自己根據(jù)內(nèi)容什么的來(lái)把握就好。第二種類(lèi)型的話(huà)就需要引起注 意了，我們可以自己找一些認(rèn)為比較合適的參考讓需求方來(lái)選擇，然后根據(jù)他的選擇和需求方確認(rèn)風(fēng)格，防止他后面說(shuō)什么不要這種風(fēng)格的，重做一版看看之類(lèi)的。 那么怎么來(lái)分別是哪種類(lèi)型的呢？我覺(jué)得吧一些經(jīng)常合作的，是完全可以根據(jù)以往的經(jīng)驗(yàn)的來(lái)判斷他是屬于哪種類(lèi)型的，如果是第一次合作的我就會(huì)先直接判定為第 二種類(lèi)型，也就是他自己也不知道要什么樣的，以后再根據(jù)他的表現(xiàn)重新分類(lèi)好了。

然后是排版，所謂排版，即將文字、圖片、圖形等可視化信息元素在版面布局上調(diào)整位置、大小，使版面達(dá)到美觀的視覺(jué)效果。之前在網(wǎng)上看到過(guò)一篇關(guān)于ppt排版六原則（對(duì)齊，聚攏，重復(fù)，對(duì)比，強(qiáng)調(diào)，留白）的文章，我覺(jué)得這個(gè)在banner的設(shè)計(jì)中也是同樣適用。這里我把這些原則稍微修改了下，更加適用于banner的設(shè)計(jì)。

一、對(duì)齊原則

相關(guān)的內(nèi)容要對(duì)齊，方便用戶(hù)視線(xiàn)快速移動(dòng)，一眼看到最重要的信息。

二、聚攏原則

將內(nèi)容分成幾個(gè)區(qū)域，相關(guān)內(nèi)容都聚在一個(gè)區(qū)域中。

三、留白原則

千萬(wàn)不要把banner排得密密麻麻，要留出一定的空間，這樣既減少了banner的壓迫感，又可以引導(dǎo)讀者視線(xiàn)，突出重點(diǎn)內(nèi)容。

四、降噪原則

顏色過(guò)多、字體過(guò)多、圖形過(guò)繁，都是分散讀者注意力的”噪音”。

五、重復(fù)原則

排版時(shí)，要注意整個(gè)設(shè)計(jì)的一致性和連貫性，避免出現(xiàn)不同類(lèi)型的視覺(jué)元素。

六、對(duì)比原則

加大不同元素的視覺(jué)差異，這樣既增加了banner的活潑，又突出了視覺(jué)重點(diǎn)，方便用戶(hù)一眼瀏覽到重要的信息。

再講下文字的排版，文字的排版要求重點(diǎn)突出，大小粗細(xì)錯(cuò)落有致，字體保持在2種左右，像下面這種大尺寸的banner文字就可以適當(dāng)?shù)淖鱿伦冃?，加入一些跟?nèi)容有聯(lián)系的元素或者圖形，可以更好的表達(dá)整個(gè)設(shè)計(jì)的情緒。

最后是配色， 色彩是由色相、明度和純度構(gòu)成的。 色相即顏色的相貌，用于區(qū)分各類(lèi)顏色，如 紅色，黃色，綠色，藍(lán)色等；明度即顏色的明暗和深淺，或者說(shuō)顏色含量里白色的多少；純度即色彩的飽和鮮艷程度。 每種色彩都會(huì)因?yàn)樯?，明度，純度的不同，表現(xiàn)出不同的色彩感，色彩是有情感的，不同的配色會(huì)帶給人完全不同的心里感受。所以當(dāng)你在做banner的時(shí)候 就要考慮你想要表達(dá)什么樣的情感，想讓用戶(hù)看的時(shí)候有什么樣的感受，你所表達(dá)的情感是不是符合主題內(nèi)容，基于這些出發(fā)點(diǎn)再來(lái)做banner的配色就更加的 有目的性了。

四、Banner設(shè)計(jì)中的應(yīng)用細(xì)節(jié)有哪些？

1. 封閉&不封閉

一般來(lái)說(shuō)，封閉的線(xiàn)框透氣性差一些，但在視覺(jué)上更規(guī)范、穩(wěn)重。不封閉的線(xiàn)框最為常見(jiàn)，透氣，具有較強(qiáng)的設(shè)計(jì)感，能夠發(fā)揮的的設(shè)計(jì)空間也很廣。在具體設(shè)計(jì)時(shí)，有兩種方式可以打破線(xiàn)框。其實(shí)這只是一種設(shè)計(jì)元素，設(shè)計(jì)師們完全可以根據(jù)自己的設(shè)計(jì)理念來(lái)進(jìn)行相應(yīng)的調(diào)整。

2. 粗線(xiàn)條&細(xì)線(xiàn)條

在線(xiàn)框的粗細(xì)程度上，一般情況下，粗線(xiàn)條能夠更加引人注目，個(gè)性十足細(xì)線(xiàn)條顯得細(xì)膩、柔美、輕盈。兩者都有其自己的特色，在設(shè)計(jì)中主要依據(jù)自己的需求進(jìn)行相應(yīng)的選擇即可。

3. 虛&實(shí)

在線(xiàn)框的應(yīng)用中有虛實(shí)的區(qū)分?！柑摗沟木€(xiàn)框在呈現(xiàn)形式上很靈活，較容易結(jié)合自己的創(chuàng)意，若隱若現(xiàn)，沒(méi)有實(shí)線(xiàn)那么強(qiáng)烈的空間存在感。

4. 線(xiàn)框形狀

線(xiàn)框的形狀比較靈活，我們可以根據(jù)設(shè)計(jì)靈活調(diào)整，最常見(jiàn)的是矩形，可以平衡畫(huà)面，規(guī)整，方便排版。另外，三角形的線(xiàn)框輔助可以加強(qiáng)視覺(jué)沖擊力，營(yíng)造個(gè)性、別致的感覺(jué)。還有，圓形線(xiàn)框起到聚焦視覺(jué)中心點(diǎn)的作用，通常應(yīng)用在文案的強(qiáng)化設(shè)計(jì)中。這些都是比較常見(jiàn)的線(xiàn)框形狀，其它的形狀可能更具有發(fā)揮空間和個(gè)性，但是，青藤小編提醒大家，不要過(guò)于復(fù)雜，否則可能適得其反。

以上就是環(huán)球青藤小編關(guān)于Banner設(shè)計(jì)的相關(guān)分享，希望對(duì)大家有所幫助，想要了解更多相關(guān)內(nèi)容，歡迎大家及時(shí)查看本平臺(tái)哦!

以上就是關(guān)于banner的設(shè)計(jì)元素主要包括相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢(xún)，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

電商banner模板（電商banner設(shè)計(jì)作品）

杭州萬(wàn)象城有UR嗎（杭州萬(wàn)象城有urban revivo嗎）

nba總出場(chǎng)時(shí)間排行榜（nba總出場(chǎng)時(shí)間排名）

杭州每年最大車(chē)展什么時(shí)候（杭州每年最大車(chē)展什么時(shí)候舉行）

大庭院景觀設(shè)計(jì)（大庭院景觀設(shè)計(jì)效果圖）