一個好的banner設計對于網(wǎng)站來說至關重要。一個banner做到獨特和創(chuàng)新,需要從兩個方面入手:一是了解banner設計對“點線面”元素的要求,二是掌握有效的banner設計的創(chuàng)意方法。以下就是贏在威客網(wǎng)為您推薦的美食banner創(chuàng)意思路。
一個網(wǎng)站最重要的部分是首頁,而首頁最吸引人的部分是第一屏。了解了這個基本的信息,許多企業(yè)將自己網(wǎng)站的第一屏以banner圖片為主,目的是為了吸引用戶,讓用戶能夠更長久的提留下來。所以,一個好的banner設計對于網(wǎng)站來說至關重要。
一個banner做到獨特和創(chuàng)新,需要從兩個方面入手:一是了解banner設計對“點線面”元素的要求,二是掌握有效的banner設計的創(chuàng)意方法。
一、了解banner設計對“點線面”元素的要求
自然界的萬物形態(tài)構(gòu)成都離不開點、線、面。它們是視覺構(gòu)成的基本元素,具有不同的情感特征,因此要善于采用不同的組合去體現(xiàn)不同Banner的情感訴求。
1、點的聚合
點的排列所引起的視覺流動,引入了時間的因素,利用點的大小、形狀與距離的變化,可以設計出富于節(jié)奏韻律的畫面。點的連續(xù)排列構(gòu)成線,點與點之間的距離越近,線的特性就越顯著。點的密集排列構(gòu)成面,同樣,點的距離越近,面的特性就越顯著。
2、線的流動
線分為四類:直線、曲線、折線以及三者的混合。直線又有水平線、垂直線、斜線三種形式。其中,水平線給人平靜、開闊、安逸的感受;垂直線給人崇高、挺拔、嚴肅的感受;曲、折、弧線具有強烈的動感,更容易引起視線的前進、后退或擺動。
3、面的分割
面在設計中的概念,可以理解為點的放大,點的密集或線的重復。Banner元素在不同大小色塊元素的風格對比下,能獲得清晰、條理的秩序,同時在整體上也顯得和諧統(tǒng)一
二、掌握有效的banner設計的創(chuàng)意方法
1、預留大面積的Banner空間創(chuàng)作
Banner設計占用很大的空間,且占用的空間是重要而有價值的面積,那么你需要萬分小心的去處理,但是如果處理的好的話,它將會事倍功半,而且信息傳達非常有效。
2、有效的措辭與行為導向按鈕
在banner設計中通過真實產(chǎn)品的展示,并配以鼓動人心的措辭口號及醒目的可以直接誘導用戶點擊的行為導向按鈕,讓網(wǎng)頁獲得更多的用戶點擊和關注目光。
3、插圖及清新手繪讓頁面倍感親切
4、引入肢體語言讓畫面變得生動
5、豐富的產(chǎn)品展示組合效果
用堆積這種效布局特效來展示不同的作品示例,并附上一條介紹性質(zhì)的口號,網(wǎng)頁變得更有說服力,豐富而富有層次感。
6、特殊肌理的組合
適當?shù)倪\用肌理以及拼貼效果,讓畫面變得有質(zhì)感且意味深長,是讓Banner與眾不同的好辦法之一。
7、讓資訊循環(huán)動起來
使用滑動效果來將更多信息填進到Banner區(qū)域。這對于有很多特性和豐富產(chǎn)品線的網(wǎng)站很有用,通過一些很有用的Javascript庫及其插件,讓這類效果更加活靈活現(xiàn)。
banner設計的創(chuàng)新不僅只限于此,還需要設計師進行不斷的鉆研和探索,找尋更多巧妙的方法。