Banner 設計手冊 2

2022-05-05 18:51:08 字數 1554 閱讀 9242

些微的調整能產生很大的不同。

小字的間距也小的話,會使瀏覽非常困難:

當然我不希望你用如此小的文字,這只是個例子。越小的文字需要越大的間距來提高它們的可讀性。下面是乙個同樣大小的字型,但間距調大了,是不是更容易看清?

對於大的文字,我們對應地這樣做:

大字型要粗壯扁平。

減小大號文字的間距:

不要放一些沒用的東西,除非你想趕走你的客戶。我將解釋為什麼……

吸引注意力很重要,但當你的banner上滿是吸引點,那很它將只會被注意,而不會有點選。這是自負的表現。自負不能賣錢。

複雜型banner的優點

看上去很酷!所以可能會得到點選!

客戶希望你能做10個以上!

複雜型banner的缺點

可能不被瀏覽到

雜亂而造成難以正確看到

468x60是乙個大的空間。?你可以找一些好的來對照。你看到那些廣告條整個地空白,只除了中間有幾個字?這就是對比:

對比型banner的優點(首選的):

瀏覽者會自然地被吸引。

簡單

對比型banner的缺點

客戶將認為你做得太簡陋(你會問我為什麼恨客戶嗎?)

有時目標群體會有問題?

如果你只想獲得點選量,那你需要很有創意。

當你要用乙個長句子,而這個長句子不能適合廣告條時該怎麼辦?

這樣做並不令人討厭,但人們不喜歡讀這樣的長句。瀏覽者瀏覽時,他們是懶惰的。如果你要用乙個長句,那麼在排版上你應該讓它變得令人喜歡:

當你設計乙個廣告條,你應該假設自己在和乙個瀏覽者對話,就是他而且僅有他,而不是整個網際網路使用者。還要注意前面我講到的大號字用小間距,而小號字用大間距的方法,千萬不要忘記!

不只是大型的設計需要留空,廣告條也同樣需要它來使效果更佳。

讓圖形和文字呼吸(作者很幽默^o^)

我們為什麼需要這麼多的空,我將解釋:

我的意思不是說要硬套上面的例子,有很多有效應用留空的方法。只要你試著去做,會找到更好的方法的。

這個動畫的廣告條很有效,因為它也應用了留空。觀察它的每一幀:

只用一種顏色的背景:

當你用單一色背景和使用純文字時,你可以使用photoshop或image ready對它進行最優化。將lossy設為15和50,去掉dither(抖動),檔案將變小很多!

只使用這些設定,我能使下面的banner減小999位元組!

看這個,酷嗎?記得前面講過的不要自負嗎?如果不記得,

請從這一節開始讀。

我們通常在抖動的banner中新增effects效果,讓它們看起來更漂亮。但它在不同環境下顯示並不一樣,這是因為它的細節問題。所以它並沒有什麼實用性。

不僅僅是effects特效缺少實用性,它還讓你的檔案變得很大。3d bevel和glows看起來很酷,但我建議你把它們用在網頁的其它地方,而不是你的廣告條上。

再看這個,這樣會讓變大。drop shadows(陰影效果)需要抖動才能正確看到效果,因為它包含了不同的陰影色。那我們就必須加大顏色數。我認為應該盡可能避免使用它。

設計解析 封面 banner

一 建立格仔封面 主要是用網格最為視覺的元素,將乙個正方形網格分成四格。在乙個格上面放上視覺元素,對應格放上標題文字,然後再突出這兩格。step1 畫乙個正方形,然後把它分為四個,然後把視覺中心放置其中一格,然後把每個格仔進行描邊,不管什麼顏色,都能使讀者更加的注意,對應的一格放上文字段落。step...

UI設計教程分享 banner設計

我們都知道在乙個 中,banner對於瀏覽者來說是非常重要的,尤其是電商banner,它的最主要目的是營銷,是要讓消費者有衝動去購買,這對設計的要求也就更高了。而企業 也一樣,乙個合適的banner不僅能吸引眼球,同時也能讓使用者更好的理解產品及功能,反之如果這個banner不合適,那麼就會導致整個...

關於Banner設計的促銷氛圍

banner的 氛圍有很多種創意方向和排版布局,如下圖 如下面這種banner,背景大面積留白,細小的字型,單調的顏色,高冷的模特,感覺就不一樣了。並不讓人感覺這是在賣49元的衣服,文案和畫面也搭。把握banner設計中 感的那個度的話,其實可以從字型 排版 顏色 背景 點綴 產品 模特幾個方面來理...