-
當(dāng)前位置:首頁(yè) > 創(chuàng)意學(xué)院 > 景觀(guān)設(shè)計(jì) > 專(zhuān)題列表 > 正文
banner的設(shè)計(jì)元素主要包括(banner設(shè)計(jì)構(gòu)成三大要素)_1
大家好!今天讓創(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
本文目錄:
一、常見(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á)直觀(guān)而強(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)就可以找素材著手做了。在做期間,還要注意整體的美觀(guān),讓人看起來(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á)到美觀(guān)的視覺(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á)到美觀(guān)的視覺(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á)到美觀(guān)的視覺(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í)候舉行)
大庭院景觀(guān)設(shè)計(jì)(大庭院景觀(guān)設(shè)計(jì)效果圖)
猜你喜歡
寫(xiě)給未來(lái)的自己心愿卡(給未來(lái)的自己的話(huà)心愿卡)
如何查商標(biāo)有沒(méi)有被注冊(cè)(商標(biāo)買(mǎi)賣(mài)平臺(tái)哪個(gè)最好)
國(guó)內(nèi)電商運(yùn)營(yíng)工作內(nèi)容(國(guó)內(nèi)電商運(yùn)營(yíng)工作內(nèi)容怎么寫(xiě))
ps怎么把圖片套入模板(ps怎么把圖片套入模板怎么改變方向)
包裝設(shè)計(jì)行業(yè)分析(包裝設(shè)計(jì)行業(yè)分析論文)