banner設(shè)計圖（筆記本banner設(shè)計圖）

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

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

文章目錄列表:

• 1、如何設(shè)計出優(yōu)秀的banner作品？

• 2、如何設(shè)計好Banner廣告圖

• 3、banner設(shè)計是什么格式的圖片?

• 4、優(yōu)雅banner圖設(shè)計有什么技巧?

一、如何設(shè)計出優(yōu)秀的banner作品？

一、版面設(shè)計

大體上 banner 版式可分為兩種：圖文左右排版、文字居中。由于人們習慣的閱讀順序是從左到右，左邊放什么意味著用戶會先看到什么。當圖片信息清晰時圖片放左，先用特定配圖吸引用戶目光，再加以具體的文字闡述就更正常不過了。而如果把含義不清的配圖放在左邊，用戶得看到右邊的文字部分才能獲得 banner 想傳遞的內(nèi)容，這會導致用戶接收信息時間增加。文字居中就會顯得突出重點。

二、文字設(shè)計

常用的字體有三種：襯線體、非襯線體、書法體。襯線體能給人古典，文藝的感覺，適合用于文藝氣息或與女子的相關(guān)設(shè)計。非襯線體筆畫簡潔，筆畫較粗，體現(xiàn)現(xiàn)代，簡約的特性，適合用于蒼勁有力，與男子相關(guān)的設(shè)計。書法體源自中國古代，能體現(xiàn)中國文化和揮灑墨水的豪氣，適用于文藝主題和金戈鐵馬般的豪邁主題。

三.顏色設(shè)定

在整個風格中色彩設(shè)定出主色調(diào)、輔色調(diào)。主色調(diào)不難理解在整個畫面中色彩占用最多的顏色可以確定為主色調(diào)，作為輔色調(diào)也是在整個畫面所點綴對比的一個顏色，就好比一個電影劇中一定是有主角和配角。主角的戲份就多一些。配角只是作為整個劇中的點綴輔助而已。在設(shè)計色彩設(shè)定中也要根據(jù)行業(yè)屬性配比相。

比如，黃色：食品比較有食欲的顏色、兒童活潑。黑色：高端、科技、汽車、紅色：新年、婚慶、傳統(tǒng)喜慶色彩。白色：簡約飾品 化妝品等。在做整個主視覺畫面的時候第一時間與顏色關(guān)聯(lián)。

希望各位設(shè)計師能掌握以上技巧，成功的創(chuàng)造出優(yōu)秀的作品。大家在平時要多練習，多看一些設(shè)計大師的作品，取其精華，加上自己的創(chuàng)意，大家加油。

二、如何設(shè)計好Banner廣告圖

Banner廣告無處不在。從網(wǎng)站首頁頁頭的內(nèi)容推薦到側(cè)邊欄，從文章內(nèi)到圖庫列表中，你會在幾乎所有內(nèi)容存在的地方找到他們的影子。通常情況下，它們看起來漂亮，略顯浮夸，還會蠶食你的網(wǎng)絡(luò)瀏覽體驗，盡管我們在想盡一切辦法降低它們給用戶的負面影響，但是壞名聲總是不可避免地同它們綁定到了一起。

實際上，Banner廣告對于用戶的影響是巨大的，合理的運用，肯定是事半功倍的。那么到底要如何打造不讓人生厭、轉(zhuǎn)化率可觀的優(yōu)秀的的Banner廣告呢？

空泛的理論或許不夠接地氣，不妨從下面50個案例中，來學習Banner 廣告的設(shè)計技巧。

1、風格化的圖文排版

這是Dear Miss Modern 所制作的一組Banner廣告，每張圖片在文本和圖片素材上都保持了氣質(zhì)和風格上的一致性。字體的形式感和圖片素材中圖像和圖形的搭配讓整個廣告Banner 給人的感覺更加強烈。如果圖片并非是這種強風格化的，而是更加微妙的話，應(yīng)當采用更加經(jīng)典、耐看的字體來進行搭配，道理是一樣的。

2、營造層次

Visa 的節(jié)日廣告Banner就充分運用了層次結(jié)構(gòu)的優(yōu)勢。照片的挑選就是有景深有層次的美食，讓人第一時刻會被它吸引，而文字排版則覆蓋在虛化的遠景上，確保了可讀性，也增加了一個層次，傳遞出信息，確保不會混亂。按鈕的位置正好置于美食之上，文字之下，恰到好處地吸引人來點擊。

3、使用相關(guān)圖標

這個來自Google的廣告Banner 通過手繪的圖標給人帶來一種個人化的體驗。

圖中每一個手繪的圖標都非常易于識別，雖不復雜，但是給人營造出一種仿若在世界中穿行的感覺。這種難以描述但是令人觸動的感覺讓這個廣告不再只是一個廣告。

4、增加出人意料的元素

一個招聘廣告應(yīng)該怎么做？谷歌的這個招聘廣告也算的上是出人意表了，沒有高大上的說明和漂亮的妹子，而是用形同小區(qū)布告欄的手寫小廣告一樣的涂鴉手寫廣告。這種廣告不復雜，但是卻出人意料，這種熟悉的感覺也足夠令人觸動。

5、加入插畫

這個案例同樣是谷歌的廣告圖，插畫的加入讓整個廣告圖充滿了童真和趣味，加上扁平化的元素，整體看起來也比較統(tǒng)一。這種插畫實現(xiàn)起來不難，看起來可能有點粗糙，但是確實很友好。插畫和攝影圖片不同，它能賦予設(shè)計以后者無法企及的氣質(zhì)，當然，你得用好才行。

6、布局適配

FatCow 的這個廣告圖是由 Envato Studio 所設(shè)計的，為了適配不同的廣告位，整個廣告制作了多個不同尺寸的版本。將最常用的廣告圖設(shè)計出來之后，將其中的元素進行二次編輯，制作成能夠適配其他廣告位的尺寸，其中某些元素需要調(diào)整，移除或者新增，這樣就可以實現(xiàn)了。

7、使用絢麗的色彩

這個Google Music 的廣告采用了活力十足的粉色，搭配的是同樣高飽和度的藍色，兩者形成鮮明的對比，也給人留下深刻的影響。和普通單色調(diào)為主的Banner相比，這種色彩絢麗的多色搭配更加抓人眼球，不過使用的時候需要多加注意，確?？勺x性和協(xié)調(diào)性。

8、保持簡約

如果說有可口可樂有什么做的非常突出，那么保持簡約的設(shè)計絕對是諸多優(yōu)點之中最值得學習的一個。這個可口可樂的廣告Banner 設(shè)計很好的延續(xù)了這一傳統(tǒng)：產(chǎn)品圖 LOGO 宣傳語 標志性配色。雖然內(nèi)容不多，但是效果很贊。

一個塞滿全部信息的Banner廣告圖對你而言不會有啥好處，因為用戶壓根不會去看。將最重要的信息呈現(xiàn)出來，這就夠了。

9、關(guān)注潮流

關(guān)注流行文化和正在風靡的趨勢，對你設(shè)計banner廣告而言，非常有用。Campbell 就是這樣，它很好的利用了星球大戰(zhàn)電影這個IP，推出相關(guān)主體的產(chǎn)品，吸引星球大戰(zhàn)的粉絲前來購買產(chǎn)品。合理的借助正在流行的趨勢和話題來宣傳對應(yīng)的產(chǎn)品，絕對事半功倍。

10、使用紋理

Campbell 的這個廣告是運用紋理提升質(zhì)感的典范。筆刷式參差的邊緣讓整個廣告的視覺效果更加微妙，廣告圖中其他的元素談不上有多突出，但是紋理的加入如同點睛之筆，使得整體的效果都提升上去了。

11、借助利基

利基是指針對企業(yè)的優(yōu)勢細分出來的市場。廣告通常需要針對目標人群來投放，這樣才能達到最好的效果。

Target 的嬰幼兒系列產(chǎn)品的廣告主要是針對母親們投放的，那么還有什么比一個粉色的、可愛的場景更容易吸引到她們呢？

12、用圖展示，而非語言

Zarbee 的維生素廣告banner 在圖片的使用技巧上就相當突出，水果來置換維生素，強化概念，而非用語言來描述，巧妙而直觀。

13、清晰的聚焦點

當廣告有明確清晰的聚焦點之后，品牌和用戶之間的溝通就更加直接了。這個Banner 廣告圖也是為Target 設(shè)計的，品牌LOGO從位置到顏色都足夠顯眼，加上美女的姿勢在結(jié)構(gòu)上的引導，Target 的品牌LOGO無疑是整個廣告圖的焦點。

14、使用意象做引導

麥當勞的這個廣告就是很典型的使用意象替代文字來傳遞信息，咖啡這一單詞被相應(yīng)的圖片所替代，傳遞信息的同時，還讓整個廣告圖不再單調(diào)，變成圖文混排。單純的文字和圖片都能夠傳遞出信息，但是混合使用則顯得更加有趣，走心。

15、讓產(chǎn)品發(fā)聲

在這個廣告圖當中，麥當勞的McFlurry 無疑是核心，不論是意義上的，還是視覺上的?；疑谋尘白屔术r艷的MacFlurry 主體顯得足夠醒目。讓產(chǎn)品本身在廣告中突出展現(xiàn)，可以讓整個Banner 表現(xiàn)力和針對性都更強。

16、創(chuàng)造角度

奧迪的這個廣告圖通過分割空間來呈現(xiàn)不同的信息，但是最引人矚目的是小幅扭轉(zhuǎn)的角度給人帶來的獨特視覺體驗。這種調(diào)整讓特定的信息更加矚目，配合圖片中車體本身的角度，使得整個廣告圖更加富有活力。

17、使用遮蓋

使用特定色彩的半透明層來遮蓋背景圖，可以讓前景的文字內(nèi)容信息脫穎而出。這種設(shè)計手法現(xiàn)在并不鮮見，它讓背景信息從遮蓋中透出，同時讓文本內(nèi)容可讀性更強，整體層次感增強。

18、設(shè)置場景

Tiffany & Co 珠寶的廣告圖的設(shè)計，稱得上是有趣好玩，旋轉(zhuǎn)的雞尾酒杯和漂亮的珠寶組合暗示出它們經(jīng)常同時出現(xiàn)在同一場景，營造出高雅、精致的感覺。通過相關(guān)的物品組合從而暗示用戶，讓他們自行腦補出場景。

19、創(chuàng)意字體

好的排版能夠吸引用戶的注意力，而Nike 的這個廣告尤其突出，它在字體上的設(shè)計富有創(chuàng)意，這些被肢解的字體同樣具備強大的識別度，但是這樣的設(shè)計讓它們看起來更加輕盈，也更富有科技感。這種視覺上的強化，讓廣告和產(chǎn)品更加吸引人了。

20 、使用風格化的插畫

插畫可以簡約，同樣也可以細節(jié)滿滿。風格化的插畫可以通過細節(jié)和風格來增加信息的厚度，講述故事，傳遞感受。這種插畫力量感十足，充滿能量，和Nike的品牌氣質(zhì)相當符合。

21、使用多種元素

雖然有風險，但是合理的將多種不同的元素搭配在一個廣告圖中，可以產(chǎn)生不錯的形式感，就像這個ebay 的廣告圖這樣。漂亮的產(chǎn)品圖，標準字體，手寫字體和插畫元素，協(xié)調(diào)地組合成一個廣告圖。當然，每個元素的存在都是有理由的，各司其職，并非隨機搭配，請務(wù)必記住這一點。

22、成為流行風向標

將潮流和趨勢融入到Banner的設(shè)計當中來，讓它成為廣告和用戶之間的紐帶。這個來自ebay 的廣告就是這么做的。將“Hotline Bling” 替換成“Haute Line Bling”之后更好地解讀了時下流行的這種文化，從而吸引更多關(guān)注這一時尚的用戶。

23、自由舒展

并不是每一個廣告Banner 都必須借助柵格，讓每個元素都精準地對齊排列，自由舒展的設(shè)計同樣有效。Yoplait 的廣告就是這樣設(shè)計的，這樣顯得更加有趣、富有童真。當然，這樣的設(shè)計是否合適要看它的產(chǎn)品的氣質(zhì)和特色。

24、創(chuàng)建聯(lián)系

在設(shè)計的過程中，讓你的廣告圖中的圖片和文字之間保持足夠的關(guān)聯(lián)是非常重要的。Talbots 的廣告圖中圖片和文字的氣質(zhì)就非常接近。

25、制造對比

對比是吸引用戶注意力的有效手段，而ESPN的這個廣告Banner 的設(shè)計就是深諳這一技巧。深紅色的背景下，白色的文字就顯得相當突出了。字體挑選的也是銳利而輕盈的類型，這樣一來，信息的傳遞有效度就更高了。

26、對稱設(shè)計

對稱式的設(shè)計可以很好地平衡廣告中的元素，設(shè)計師們可能經(jīng)歷了深入的思考才有此設(shè)計，但是輸出卻是非常迅速的。這則來自蘋果的廣告也不復雜，黑白的音樂家照片基本上圍繞著Apple Music呈軸對稱，同時保持了一定的錯落美。這種簡約的設(shè)計簡單但是主次分明，走心。

27、目標用戶的生活指南

就像Chegg這個廣告一樣，如果你想吸引特定的用戶群體，不妨站在他們的立場，在廣告中注入針對他們的生活方式指南。站在特定用戶的立場上來表述、展現(xiàn)產(chǎn)品，能夠更容易獲得共鳴，從而得到更多的點擊。

28、使用動效

在靜態(tài)的頁面中，最容易吸引人注意力的無疑是動態(tài)的元素。如果使用動效來呈現(xiàn)你要表現(xiàn)的廣告內(nèi)容，可以讓你的內(nèi)容更快被用戶獲取到。當然，前提是設(shè)計要足夠簡潔明了，這樣可以避免內(nèi)容瑣碎，更容易被用戶Get到。

29、鋒銳而鮮明

吉列剃須刀的廣告在視覺上稱得上是鋒銳而鮮明的典范，銳利的角度，深色背景上鮮明的剃須刀圖片，棱角分明的字體和強對比的配色方案，這一切都讓這個廣告圖在視覺上足夠清晰醒目，令人欲罷不能。

30、制造視覺深度

Honda 的這個廣告圖設(shè)計并不復雜，它的特色在于背景上黃色的線條筆觸。原本仿佛懸浮于空中的汽車在線條的襯托下仿佛落在地面之上。并不需要太過復雜的設(shè)計，就可以為廣告圖制造視覺深度，讓人留下印象。

31、使用獨特的字體

在廣告Banner圖當中使用個性化十足的字體也同樣可以有效地吸引用戶的注意力。百事的這個廣告所用的字體富有個性的同時，還清晰可讀，給人玩鬧有趣的感覺，又不影響信息的傳達。

32、使用多樣漂亮的排版

對于漂亮的文字排版，絕大多數(shù)的用戶還是很吃這一套的。這個California Pizza Kitchen 的廣告就是是McGrath Creative 為他們精心設(shè)計的，不止排版設(shè)計頗為精致，而且富有創(chuàng)意地同Pizza 本身結(jié)合起來。

33、使用簡單的圖片

簡約直觀的圖片在網(wǎng)站上非常實用，它們通常會更為高效地展現(xiàn)內(nèi)容，讓廣告Banner的信息傳遞的跟加直觀。目前設(shè)計師們通常會使用扁平風的簡約插畫來襯托主體、增加信息量，就想Coda 的這個廣告圖。

34、使用紋理增加視覺深度

阿迪達斯的廣告圖在視覺上非常有意思，背景的紋理并不繁復，但是規(guī)律而富有科技感的線條不僅增加了視覺深度，而且營造出和品牌氣質(zhì)貼合的速度感。

35、使用品牌色

如果廣告banner中沒有使用PayPal 標志性的藍色，僅是圖中的圖片并不會讓你留下深刻的印象，但是恰恰是品牌色的使用，讓圖片和品牌綁定到了一起，互相促進，令你記住。

36、不要只想著促銷宣傳

廣告Banner圖是用來促銷的，這沒問題，但是有的時候并不需要做的那么明顯。這個來自Free People 的廣告鼓勵用戶不要只是買買買，而是多看多逛多對比，雖然這樣同樣可以促進銷售，但是看起來更像是站在用戶角度來提建議。

37、使用大膽的色彩

I，Anna 的廣告圖配色稱得上是大膽而飽滿，紅色充滿活力而醒目，而黃色的加入，則讓整個配色更加協(xié)調(diào)，更容易吸引用戶的注意力。

38、來個簡單的插圖

有的時候，精致的插畫并不一定符合你的品牌或者想要表達的東西，星巴克的這個廣告就是這種情況下誕生的，細膩精致的圖并不符合他們的需求，反而是扁平而略顯拙稚的插圖來的更加簡單到位。它呈現(xiàn)出新款飲品的成份構(gòu)成，這個廣告圖讓你仿佛有身在星巴克看著菜單的感覺。

39、引入動效

這個來自星巴克的廣告圖，在小小的一塊區(qū)域當中展現(xiàn)了相當引人注意動態(tài)的元素。波紋從中央出發(fā)，向外發(fā)散，當用戶看到這個廣告圖的時候，會不由自主地被它吸引到。

40、完全動起來

如果你對于動效的運用足夠熟練，不妨讓整個廣告Banner 中的元素都運動起來，這樣更容易脫穎而出。設(shè)計師將應(yīng)用在平板當中的使用流程借助動效完全展現(xiàn)出來，短短幾秒讓你獲取到靜態(tài)Banner圖所無法企及的信息量，體驗優(yōu)秀。

41、使用幾何紋理

Corona 的這個廣告圖很好地將之前所流行的Low-Poly元素運用到橙子這個意象當中，這種幾何紋理賦予橙子以一種冰爽剔透的感覺，讓你不由得對Corona的啤酒產(chǎn)生興趣。

42、用有趣的圖形分割空間

Brightgreen 的這個個廣告圖使用菱形割裂為兩個不同的空間，這樣使得廣告圖形成了自然的兩個層次，留白的部分承載文字信息，而綠色部分則承載著圖片，讓整個圖片主次分明，又充滿質(zhì)感。

43、加入陰影

長陰影是之前流行過很長一段時間的設(shè)計趨勢，而Webduckdesign 所創(chuàng)造的這個廣告則是相當不錯的一個使用案例。如果沒有陰影，那么整個圖片會顯得相當單調(diào)，長陰影的加入讓它看起來不在那么扁平，擁有了層次。

44、將圖案作為紋理

和微妙細膩的圖案不同，將特定的圖案作為紋理疊加在背景上，可以營造出特定的氛圍。Anne Sophie Hostert 所設(shè)計的這個廣告圖利用雪糕和菠蘿的圖案紋理給人營造出夏天的感覺。

45、使用色塊分割

如果你不想將手頭的圖片僅僅只是用到廣告圖中作為背景，那么不妨將它分割成不同的部分，同單色色塊結(jié)合到一起使用，整個廣告圖的形式感顯得更強了。

46、使用線條裝飾

廣告圖絕大多數(shù)時候都是圖片和文字組成的，但是適當?shù)募尤胍恍┭b飾會讓廣告圖看起來更加飽滿。相比于各種高光，線條的裝飾性也不弱，而且更加自由，效果也頗為不錯。

47、講述故事

廣告的終極目標是賣出產(chǎn)品，而最有效的方式還是講述真實用戶的使用體驗。這個廣告是為亞馬遜的飲品電子書APP Audible所設(shè)計的，圖片中的場景旨在宣傳他們的產(chǎn)品在許多場景下都能無干擾的使用。

48、幽默一點

幽默的展示通常會比強勢的推銷更有效果，他們更愿意看到引人發(fā)笑的內(nèi)容。

49、使用簡單的字體搭配

不用進行繁復的排版設(shè)計，將幾種風格一致、簡單易于識別的字體搭配到一起，就像必勝客的這個廣告一下，同樣可以達到增加信息量、令人愉悅的效果。

50、使用簡單的圖形來強調(diào)

三、banner設(shè)計是什么格式的圖片?

目前市場上制作GIF動畫的軟件相當多，友立公司的Ulead Gif

Animator以其簡單易用，功能強大而受到良好的評價，是一款值得推薦的Gif動畫制作軟件。下面我們用它來制作一個468X60像素大小的廣告Banner。

1.在PhotoShop中制作四張468X60像素的圖片，并將其導出為Gif格式。

2.運行Ulead Gif Animator，此時會出現(xiàn)一個“開始向?qū)А泵姘?，注意到“開始向?qū)А泵姘迳系腁nimation

Wizard項，通過它可以決定置入哪些畫面，每個畫面播放多少時間等控制信息。

3.單擊Animation

Wizard項前的茶杯圖標，在彈出的選擇文件面板中單擊“增加圖像”按鈕，在隨后彈出的打開菜單中，選擇要置入的圖片，我們選擇前面在PhotoShop中制作的四幅圖片，選好之后單擊下一步按鈕。

4.在圖像類型菜單中選擇以文字為導向的圖像Text-oriented，單擊下一步按鈕。注意：若是以文字為導向的圖像，文字圖像的顏色比較少，可以不進行遞色處理，這樣可減小文件的大小，但如果是較復雜的相片圖像，則需進行遞色處理以求得較好的影像品質(zhì)。

5.在幀延續(xù)時間面板上設(shè)置每幀延續(xù)的時間和幀速率。注意：GIF89a的動畫圖像結(jié)合了多張的個別圖像，它們都是獨立的Frame(幀或影格)文件，每一影格均須設(shè)置畫面的播放時間及重播次數(shù)。

6.在完成菜單中點擊Finish按鈕，完成動畫的基本制作。單擊編輯區(qū)中的Preview按鈕，預覽動畫的效果。

7.打開File菜單，選擇Optimization Wizard(或按下F11鍵)，啟動最佳化向?qū)А?/p>

8.在彈出菜單中選擇Yes，使用預設(shè)的項目以控制調(diào)色板的顏色數(shù)目，然后單擊下一步按鈕。

9.在彈出的菜單中勾選No，然后在圖片顏色數(shù)項中設(shè)置其值為32色。注意：視圖像情況以決定顏色數(shù)目方框中的數(shù)值，若以文字為導向的圖像，最好勾選“No”項目。

10.在彈出菜單中均選擇Yes，移除多余的像素，移除注解區(qū)塊，移除層標志，這樣可以減小文件尺寸。

11.在最后彈出的菜單中列出了剛才的設(shè)定，單擊Finish按鈕完成優(yōu)化。

12.隨后彈出Gif Optimization菜單，顯示了優(yōu)化前后的文件尺寸大小對比，單擊Save as按鈕，如圖6，將其保存。

注意：一般情況下，Banner的大小不要超過30KB，否則會增加網(wǎng)絡(luò)負擔，在本例中，這個Banner優(yōu)化之后只有18.4 KB。

四、優(yōu)雅banner圖設(shè)計有什么技巧?

一、雙色冰淇淋漸變

首圖當作全屏出血大圖處理時，你可以將圖片調(diào)色成為雙色漸變，有點像我們吃的雙色冰淇淋球，選一組你認為能激發(fā)心理氛圍的配色，最好是對比色，帶來強烈的視覺落差。由于要作為背景而存在，整體的色彩明度要區(qū)別于文字的顏色。這里推薦的這一方式只需要利用PS中的“漸變映射”工具，就能輕松獲得。

二、線條引流

這也不失為一種設(shè)計方式。讓線條來引導實現(xiàn)去穿越你想要焦點停留的地方。

三、動態(tài)情景

對于首圖的選擇，你可以焦距到動態(tài)場景。這類動態(tài)場景由于本身模特的動態(tài)造型，會調(diào)動觀眾的運動神經(jīng)，激發(fā)頁面的活力。大家可以想象，如果將首圖的主角換成一個靜物，效果將是不同的。這里將模特的方向加以改變后重新降低透明度的做法，帶來一定的虛實結(jié)合的感受。

四、謹慎配色

我們希望大家在運用首圖時，盡量不要去觸屏普通的風景圖。自然風光雖然好，但大片風景會表現(xiàn)出一團飽和的顏色堆疊，其實運用在網(wǎng)頁設(shè)計中略顯得沒有重點。因為你要為最終配圖運用以后所出現(xiàn)的顏色負責，色彩盡量控制在三種顏色之內(nèi)，這條道理相信設(shè)計師們都會贊同，因此，這里的配圖的色彩最好也能有所節(jié)制。

五、虛擬現(xiàn)實

當然，我們這里談的不是虛擬現(xiàn)實，而是在首圖設(shè)計時，試著將靜物表現(xiàn)得更為“現(xiàn)實”，好像它們就在你的屏幕上，隨手可以取到。但這個表達法，最緊要的是要為虛擬尋找出口，也就是說，不能完全寫實，要讓用戶看出虛擬的破綻，從而讓形象更為立體。這類表達技巧在首圖中有手機，利用APP產(chǎn)品展示等最為常見。

六、文字本身的美

每張首圖也許我們都希望能配上文字，其實文字本身也能成為一種風景，有時候適當運用一些具有圖像風格的文字，更能傳遞文字本身的能量。

如果能將文字看作圖像，書法文字是最合適不過了。書法本身的隨意瀟灑，和普通的印刷字體相比有著不可比擬的個性感。這里，運用了書法作為主角，本身書法作為傳統(tǒng)國粹，在東方傳統(tǒng)的行業(yè)里運用非常應(yīng)景。當然，這里的書法本身還可以寫得更好。

七、靜止的力量

對稱能帶來一種莊重靜止的力量，因此，在首圖設(shè)計中，你不妨采用對稱的布局方式來設(shè)計首圖。但由于對稱本身略顯得靜止呆板，因此在設(shè)計上更需要多一些匠心，增加一些比較能突破規(guī)則小細節(jié)。

對稱的布局最好采用倒三角的構(gòu)圖，這樣視線會更靈活，從上往下會顯得更流暢，否則就會有一種滯澀不前的感受。

八、左圖右文

首圖的設(shè)計除了全屏展示，還有一種方式是可以放左邊圖片右邊文字的方式，這樣的網(wǎng)頁設(shè)計技巧帶來的好處就是可以分割圖文，特別在圖片信息也同樣重要的時候，如果把圖文混合，雙方都不夠凸顯，不如左右各凸出主角，跟隨先左后右的視線也能傳遞本身的視覺效果。

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

推薦閱讀：

nba最新消息排行榜（nba最新消息排行榜前十名）

首頁banner（首頁banner圖）

跨境banner箱包（跨境電商箱包）

綠化景觀設(shè)計很專業(yè)（景觀綠化屬于哪個專業(yè)）

好看的驚悚片排行榜前十名（評分9.0以上的恐怖電影）