建站常識
Banner設(shè)計手冊(譯)
2007-07-19 22:31:00
第一節(jié) 字體
采用以下要點來改善你的BANNER。
廣告并不便宜。 確信你的廣告被第一時間讀到。
使用像這樣的Sans Serif字體
字體類型用Black或Bold,不要用light
避免用下面那行中的小Serif字體
Serif字體在BANNER上很有可讀性
除非你這樣做
Sans Serif是更好的選擇, 因為它具有簡單的字形。 這使它更快地顯示在web廣告中。
在網(wǎng)頁的大段文字中更好地使用Serif 字體。它的外形對我們來說更自然,讓長時間的瀏覽變得更輕松。但我們現(xiàn)在要談的不是這個。
很多職業(yè)廣告設(shè)計師選擇Serif字體,如做范例;網(wǎng)站格式化處理。這是有風險的,除非你是一個真正的?。廣告中使用Serif字體能給特定的目標群體非常好的感覺,這就是為什么設(shè)計師們選擇它的原因。但在表達可讀性上不值得推薦。
我建議在BANNER上用Bold Sans Serif字體。#p#
第二節(jié) 設(shè)計廣告條內(nèi)容的正確方向
讓你的廣告更有效地被瀏覽者從一個方向來讀到。
讓瀏覽者從一個方向上看文字
不要讓文字排列成這樣
這樣的排列也可以,仍是從左向右
按鈕要放在右邊。
讓瀏覽者的視線從左到右。這樣做會更快更有效。因為習慣是從左到右地看,不要認為瀏覽者會在看廣告條內(nèi)容(左)前點擊按鈕(右)。
第三節(jié) 人物和圖片
讓你的廣告更有效地被瀏覽者從一個方向來讀到。
把美女放在BANNER的左邊。
如果你的BANNER上不是一個女人,也同樣適用。學會用女人的圖片比用男人的更有吸引力這一點。???
理由是:女人會讓男性注目。是視線的第一焦點,然后你會隨著她看過去,所以圖片應該放在左邊。
面孔的局部圖片會對女性瀏覽者更有效
如果你不是一個電腦設(shè)計狂的話,你應該會把目光注意到這個女性的面部圖片上。這種方法對美容、保健和化妝類的,網(wǎng)站會用得上的。
修整你的圖片,BANNER將會下載得更快
這一點相當很重要和有價值,值得花時間去做??梢栽赑HOTOSHOP中用鋼筆工具進行修整。廣告條的體積將會減小很多。它會去掉背景上的不必要的東西。
第四節(jié) 避開廣告條的邊緣
文字緊靠邊緣的廣告條讓人看起來很不專業(yè),
但你也可以在設(shè)計中按我們的方法避免這一點
廣告條的邊緣不是一個休息場所,也不是一個可以讓你跑出去的空房間。它是一個內(nèi)容與邊緣保持適當距離的區(qū)域。
文字的旁邊要留有一定的空間。這樣能使它們更明顯。避免廣告條的每一個角都有文字。
不要以為你這樣做會使它們很分散,因為你可以逐個地調(diào)整它們。讓瀏覽者更好地理解。
第五節(jié) 激起點擊的欲望
讓瀏覽者點擊的理由是什么?點擊后他們將能看到什么?免費的東西,而并非開玩笑。將它們設(shè)計得富有樂趣,那它們則能讓瀏覽者產(chǎn)生興趣。
向消費者顯示出你的質(zhì)量、建立起你的信用。避免廣告條有“我們想賺你的錢”這樣的意思。試試以下的方法:
把美女放在BANNER的左邊。
這是一個很好的方法,來介紹你的網(wǎng)站給個人用戶某些東西或能讓他們做什么。
通過給新用戶一定的益處來歡迎他們是很重要的,然后再開始用做廣告來向他們銷售產(chǎn)品。你們是要做長期打算的,不是嗎?
離絲織手套僅有三步
如果瀏覽者相信你說的三個簡單步驟,也許他們會考慮購買你的絲織手套。
從你的廣告條開始,慢慢將消費者自然地引導到購買的欲望中。
第六節(jié) 文字的間距
些微的調(diào)整能產(chǎn)生很大的不同。
小字的間距也小的話,會使瀏覽非常困難
當然我不希望你用如此小的文字,這只是個例子。越小的文字需要越大的間距來提高它們的可讀性。下面是一個同樣大小的字體,但間距調(diào)大了,是不是更容易看清?
對于大的文字,我們對應地這樣做:
大字體要粗壯扁平。
減小大號文字的間距。
第七節(jié) 文字的數(shù)量和復雜性
不要放一些沒用的東西,除非你想趕走你的客戶。我將解釋為什么……
吸引注意力很重要,但當你的BANNER上滿是吸引點,那很它將只會被注意,而不會有點擊。這是自負的表現(xiàn)。自負不能賣錢。
復雜型BANNER的優(yōu)點:
看上去很酷!所以可能會得到點擊!
客戶希望你能做10個以上!
復雜型BANNER的缺點:
可能不被瀏覽到
雜亂而造成難以正確看到
下載時間長
468x60是一個大的空間。?你可以找一些好的來對照。你看到那些廣告條整個地空白,只除了中間有幾個字?這就是對比。
對比型BANNER的優(yōu)點(首選的):
瀏覽者會自然地被吸引。
簡單
下載非???BR>
對比型BANNER的缺點:
客戶將認為你做得太簡陋(你會問我為什么恨客戶嗎?)
有時目標群體會有問題?
如果你只想獲得點擊量,那你需要很有創(chuàng)意。
第八節(jié) 較長文字的處理
當你要用一個長句子,而這個長句子不能適合廣告條時該怎么辦?
這樣做并不令人討厭,但人們不喜歡讀這樣的長句。瀏覽者瀏覽時,他們是懶惰的。如果你要用一個長句,那么在排版上你應該讓它變得令人喜歡。
當你設(shè)計一個廣告條,你應該假設(shè)自己在和一個瀏覽者對話,就是他而且僅有他,而不是整個互聯(lián)網(wǎng)用戶。還要注意前面我講到的大號字用小間距,而小號字用大間距的方法,千萬不要忘記!
第九節(jié) 留空
不只是大型的設(shè)計需要留空,廣告條也同樣需要它來使效果更佳。
讓圖形和文字呼吸(作者很幽默^o^)
我們?yōu)槭裁葱枰@么多的空,我將解釋:
我的意思不是說要硬套上面的例子,有很多有效應用留空的方法。只要你試著去做,會找到更好的方法的。
這個動畫的廣告條很有效,因為它也應用了留空。觀察它的每一幀。
第十節(jié) 文件的大小
不要忘記你的廣告條必須能很快地被下載!
只用一種顏色的背景
迅速下載的絕對最佳的選擇是只用一種顏色的背景。這也有得于形成強烈對比。
當你用單一色背景和使用純文本時,你可以使用Photoshop或Image Ready對它進行最優(yōu)化。將Lossy設(shè)為15和50,去掉dither(抖動),文件將變小很多!
只使用這些設(shè)置,我能使下面的BANNER減小999字節(jié)!
看這個,酷嗎?記得前面講過的不要自負嗎?。
我們通常在抖動的BANNER中添加Effects效果,讓它們看起來更漂亮。但它在不同環(huán)境下顯示并不一樣,這是因為它的細節(jié)問題。所以它并沒有什么實用性。
不僅僅是Effects特效缺少實用性,它還讓你的文件變得很大。3D Bevel和Glows看起來很酷,但我建議你把它們用在網(wǎng)頁的其它地方,而不是你的廣告條上。
再看這個,這樣會讓圖片變大。Drop Shadows(陰影效果)需要抖動圖片才能正確看到效果,因為它包含了不同的陰影色。那我們就必須加大顏色數(shù)。我認為應該盡可能避免使用它。(完)
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-09-25 15:08:00] 淺淡BANNER設(shè)計
- [2010-07-27 09:05:00] 如何做得Banner通情達意
- [2009-07-04 18:22:00] Banner字體設(shè)計與應用
- [2010-07-27 08:10:00] BANNER中的字體結(jié)構(gòu)分析
- [2009-10-16 14:44:00] 如何設(shè)計網(wǎng)頁小廣告(banner)
- [2010-08-10 16:17:00] 淺談網(wǎng)頁UI之Banner篇
- [2009-11-06 22:41:00] 設(shè)計72變—尋求banner制作的變化
- [2009-11-26 09:17:00] 淺析Banner構(gòu)成與創(chuàng)意設(shè)計
- [2010-09-26 08:05:00] Banner設(shè)計
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島網(wǎng)站營銷 網(wǎng)站品牌 高端輪胎網(wǎng)站設(shè)計 互聯(lián)網(wǎng) H5定制設(shè)計 版面布局 良好的導航 企業(yè)建站 HTML5 網(wǎng)站建設(shè),手機網(wǎng)站 青島海洋投資集團 青島網(wǎng)站建設(shè)公司哪家好 網(wǎng)站視覺 網(wǎng)站建設(shè)的步驟有哪些 力圖 網(wǎng)站設(shè)計資訊 青島網(wǎng)站建設(shè) 搜索引擎蜘蛛 外貿(mào)網(wǎng)站設(shè)計 官網(wǎng)建設(shè) 空白和簡潔的設(shè)計 網(wǎng)站改版 建站常識 如何做網(wǎng)站優(yōu)化 網(wǎng)站SEO html和css 青島高端網(wǎng)站設(shè)計公司哪家好 IT資訊 網(wǎng)站規(guī)劃 響應式設(shè)計