[ 平面理論教程 ] 網頁UI設計：Banner廣告設計篇- 其他教程 - 骨子愛創意

教學主題: 網頁UI設計：Banner廣告設計篇

大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學

今天的這個教學主題是: 網頁UI設計：Banner廣告設計篇

這教學的重點為這幾點 [ 廣告設計,設計,網頁,Banner,用戶,文字,其它,類似, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

關於網頁UI,UE之類的論點文章網上太多了,更多大師將這些大師分析到極致,無論是開發領域還是設計領域,這些真正的大師所發表的文章都從不賣弄自己,更多的分析而無私的供獻自己的獨道見解。

關於網頁UI,UE之類的論點文章網上太多了,更多大師將這些大師分析到極致,無論是開發領域還是設計領域,這些真正的大師所發表的文章都從不賣弄自己,更多的分析而無私的供獻自己的獨道見解,他們所寫博文與其它政治、娛樂、商業等領域所發表的博文完全不同類型，我不是大師，但我很崇拜大師。

一個頁面最醒目最吸引用戶的應該是Banner了，尤其是Web2.0平台Banner顯得更突出，Banner主要體心意旨，形象鮮明的展示所要表達的內容。因為它醒目，所以放一個很糟蹋的Banner上去效果也當然“醒目”了。因此網頁Banner設計在這裡起到了至關重要的作用，特別是首頁的Banner,直接決定了用戶的停留，下面讓我們通過大量優秀的案例進入Banner，走進大師們的靈感世界。

1.大面積的Banner

http://www.tearoundapp.com/

這個Banner非常直接的採用了一個很大的iPhone圖片，用戶幾乎不用思考的就知道網站的大概內容，而且加上與產品類似風格的功能按鈕直接展示了部分功能，大的Banner最直接最醒目，處理也最需要謹慎，否則事關功倍。

例其它類似Banner

2.文字與圖片1/2比例

http://www.scrapblog.com/

這種Banner不是很大，雖然文字與圖片占居空間相等，但加上大的Button讓文字內容相對比較醒目，這種Banner的處理重點在於背景與和圖片和文字的協調，比例要均勻。

其它類似Banner

3.人物與文字

http://www.showandtellsale.com/

採用人物加文字內容,讓主題思想顯得更鮮明活動,人物可以更直接更友好的告訴用戶這裡有什麼?

其它類似Banner

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

4.創意矢量圖形

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

http://ideafoundry.info/

純鼠繪而且的矢量CG圖形，獨特創意和視覺衝擊，精緻的矢量風格與網站整體完美結合，體現出網站整體實力。

其它類似Banner

5.軟件產品界面

http://bydreamtime.com/

大凡軟件產品服務網站都將自己的產品界面直接融合在Banner中,加上文字與個性Button,可以讓用戶直接深入的了解產品基本功能和構造,甚至會激起用戶想立即試用的慾望。

其它類似Banner

6.線條與光線

http://www.scarbantia-art.hu/

漸變的背景在融入線條元素，讓Banner更加動感奪目，單色或多色的光線讓線條和背景更加炫彩，使Banner充滿迷幻進一步刺激用戶的探索慾望。

其它類似Banner

7.純文字內容的Banner

不需要華麗的背景,更不需要圖片的點綴,只需要一段文字加上單調的背景色….

http://enviramedia.com/

其它類似Banner

由於時間有限更多經典案例沒來得及整理和未被發現,不同類型的網站搭配不同類型的Banner，Banner的主要功能到底是誘導用戶，還是展示形象，還是刺激神經，這些觀點都有它的支持者，所有Banner的核心共同點是讓用戶在短時間內將鼠標滑上去點擊。做到這一點，設計人員還需要好好的琢磨。

進入論壇交流：http://www.missyuan.com/viewthread.php?tid=473832

看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?

希望我們所介紹的 網頁UI設計：Banner廣告設計篇 這教學會喜歡

文章標題: 骨子愛創意- 網頁UI設計：Banner廣告設計篇–轉載請註明來源處

本教學分類為平面理論教程中的 其他教程相關教學

文章相關關鍵字為: 廣告設計,設計,網頁,Banner,用戶,文字,其它,類似,

本文永久連結 :網頁UI設計：Banner廣告設計篇

本文轉載自 :VIA