成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜

網(wǎng)站Banner要怎樣設(shè)計(jì)才高端大氣上檔次?

作者:
2017-05-24
9319

一個(gè)好的banner圖會(huì)給受眾更好的視覺體驗(yàn)。

網(wǎng)站Banner圖作為網(wǎng)站整體重要元素,現(xiàn)在變得越來也不可缺少,我們?cè)跒g覽網(wǎng)站過程中,都會(huì)被網(wǎng)站Banner圖所吸引,其實(shí)Banner不僅僅只是裝飾網(wǎng)站的作用,最關(guān)鍵是它還包含著比較重要的營(yíng)銷信息,一個(gè)好的banner圖會(huì)給受眾更好的視覺體驗(yàn)。

不同的網(wǎng)站定位以及產(chǎn)品都大不相同,因此banner圖也有不同的設(shè)計(jì)思路,但歸結(jié)來看banner設(shè)計(jì)基本上有通用的幾點(diǎn)關(guān)鍵性要素。

一個(gè)最常規(guī)的最完整的banner,一般有這五個(gè)組成部分:文案、模特商品、背景、點(diǎn)綴元素、logo。但同時(shí)也需要說明的是,其實(shí)只需要包含以上至少一個(gè)要素,就可以視作一個(gè)banner了,比如有的banner它可能什么都沒有,連背景也沒有,只放了一個(gè)logo完事,也有的banner它只放了產(chǎn)品或logo,連個(gè)文案都沒有。主要可以從這幾個(gè)方面來分析一個(gè)banner的優(yōu)質(zhì)與否:定位是否精確、信息層級(jí)是否清晰、文案是否具有強(qiáng)可讀性、創(chuàng)意點(diǎn)如何、舒適度以及細(xì)節(jié)等等。

以下是banner設(shè)計(jì)的幾點(diǎn)關(guān)鍵性要素:

1、網(wǎng)站banner圖構(gòu)圖

  構(gòu)圖是網(wǎng)站建設(shè)和設(shè)計(jì)中最重要也是最基礎(chǔ)的一部分,我們?cè)谠O(shè)計(jì)網(wǎng)站banner圖中都需要先經(jīng)過排版,確定出banner整體效果之后,我們?cè)谶M(jìn)行創(chuàng)意性的整體填充,這樣做的目的就是讓banner樣式更加豐富。其實(shí)網(wǎng)站banner中最根本還是圖文的集合,我們?cè)谠O(shè)計(jì)banner中可以按照下面幾種圖文集合的方式進(jìn)行:左字右圖、左圖右字、左中右構(gòu)圖、上下構(gòu)圖、文字作為主體居中、不規(guī)則構(gòu)圖,按照這種排版方式我們就可以做出效果和內(nèi)容更加豐富的banner。

網(wǎng)站Banner.png

  2、banner中字體呈現(xiàn)出來的效果

  字體在banner中表現(xiàn)出來的作用無(wú)可替代,因?yàn)樽煮w的氣質(zhì)和樣式以及畫質(zhì)直接決定banner設(shè)計(jì)中好壞,如果banner中字體設(shè)計(jì)出來特別難看,這在用戶心中就會(huì)直接大打折扣。因此,我們?cè)谶x擇字體就就需要采用宋體和細(xì)黑體兩種形式,這樣設(shè)計(jì)出來banner整體看起來更符合網(wǎng)站,也更符合整體網(wǎng)站和諧性。

網(wǎng)站Banner1.jpg

  3、banner配色

  banner配色通常都是根據(jù)網(wǎng)站內(nèi)容和網(wǎng)站整體風(fēng)格進(jìn)行適當(dāng)搭配,這樣做的好處就在于讓網(wǎng)站banner圖中顏色調(diào)節(jié)飽和度和明度。例如,我們?cè)谠O(shè)計(jì)網(wǎng)站banner的時(shí)候,可以采取黃黑白這三種顏色搭配的方式進(jìn)行,這樣做出來的效果更加顏色效果對(duì)比鮮明,而且視覺效果更加具有沖擊力。推薦閱讀:網(wǎng)站優(yōu)化首頁(yè)輪播圖設(shè)計(jì)的技巧。

網(wǎng)站Banner9.png

  4、banner裝飾

網(wǎng)站Banner2.jpg

  無(wú)論做任何網(wǎng)站都需要進(jìn)行內(nèi)容、顏色和圖片的裝飾,因此在網(wǎng)站banner中同樣也是如此,我們?cè)赽anner中加入一些小的元素和小裝飾這樣讓banner更加具有設(shè)計(jì)感,起到點(diǎn)綴和豐富畫面的作用。

  我們?cè)谠O(shè)計(jì)banner中就需要進(jìn)行點(diǎn)、線、面相互組合,相互平衡,設(shè)計(jì)出來的banner圖更加豐富多彩,再加上字體的選擇與設(shè)計(jì)、配色的分析、裝飾的應(yīng)用彰顯出banner與眾不同。

  5、banner背景

背景是整個(gè)banner圖的陪襯,但是卻又不能缺少,背景在整個(gè)設(shè)計(jì)中起到了烘托主題渲染氣氛的作用。設(shè)計(jì)banner背景運(yùn)用對(duì)比、呼應(yīng)、烘托等手法,主要有以下幾種:

 ?、俅罅苛舭椎谋尘?/p>

網(wǎng)站Banner3.jpg

  ②點(diǎn)綴物烘托的背景(元素或顏色取之于商品或模特)

  這種類型的banner會(huì)在背景里加入一些跟商品模特圖或者跟主題有關(guān)的元素,可以是手繪圖案,也可以是各種圖形(某種程度上文字也可以作為圖形看待)、光線等元素。

網(wǎng)站Banner4.jpg

  ③紋理、商品、模特疊加的背景

  這種適用于將文案作為絕對(duì)主體突出,同時(shí)模特、商品、logo等都很多的情況下可以使用這種形式,會(huì)看起來很時(shí)尚又不失促銷氛圍。

網(wǎng)站Banner5.jpg

網(wǎng)站Banner6.jpg

網(wǎng)站Banner9.jpg

 ?、軐?shí)景拍攝的背景

  如果本身就有現(xiàn)成的不錯(cuò)的實(shí)景拍攝照片拿來用,那就最好了,不過需要注意的一點(diǎn)就是,我們把照片拿來直接用的時(shí)候,一定要保證文字信息的可閱讀性,所以在文字部分會(huì)適當(dāng)加一些半透明蒙層、涂抹顏色或者背景虛化的處理,以保證文字的可閱讀性。

網(wǎng)站Banner7.jpg

  ⑤軟件合成的背景

  這類背景的制作要義在于整體場(chǎng)景的搭建要注意圍繞著產(chǎn)品特性或者主題去營(yíng)造相對(duì)應(yīng)的氛圍,要注意對(duì)光影、環(huán)境色以及透視等的把握。

網(wǎng)站Banner8.jpg




1
0
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)