金融banner設(shè)計(jì)思路

一個(gè)好的banner設(shè)計(jì)對(duì)于網(wǎng)站來說至關(guān)重要。一個(gè)banner做到獨(dú)特和創(chuàng)新，需要從兩個(gè)方面入手：一是了解banner設(shè)計(jì)對(duì)“點(diǎn)線面”元素的要求，二是掌握有效的banner設(shè)計(jì)的創(chuàng)意方法。以下就是贏在威客網(wǎng)為您推薦的金融banner設(shè)計(jì)思路。

一個(gè)網(wǎng)站最重要的部分是首頁，而首頁最吸引人的部分是第一屏。了解了這個(gè)基本的信息，許多企業(yè)將自己網(wǎng)站的第一屏以banner圖片為主，目的是為了吸引用戶，讓用戶能夠更長(zhǎng)久的提留下來。所以，一個(gè)好的banner設(shè)計(jì)對(duì)于網(wǎng)站來說至關(guān)重要。

一、了解banner設(shè)計(jì)對(duì)“點(diǎn)線面”元素的要求

自然界的萬物形態(tài)構(gòu)成都離不開點(diǎn)、線、面。它們是視覺構(gòu)成的基本元素，具有不同的情感特征，因此要善于采用不同的組合去體現(xiàn)不同Banner的情感訴求。

1、點(diǎn)的聚合

點(diǎn)的排列所引起的視覺流動(dòng)，引入了時(shí)間的因素,利用點(diǎn)的大小、形狀與距離的變化，可以設(shè)計(jì)出富于節(jié)奏韻律的畫面。點(diǎn)的連續(xù)排列構(gòu)成線，點(diǎn)與點(diǎn)之間的距離越近，線的特性就越顯著。點(diǎn)的密集排列構(gòu)成面，同樣，點(diǎn)的距離越近，面的特性就越顯著。

2、線的流動(dòng)

線分為四類：直線、曲線、折線以及三者的混合。直線又有水平線、垂直線、斜線三種形式。其中，水平線給人平靜、開闊、安逸的感受;垂直線給人崇高、挺拔、嚴(yán)肅的感受;曲、折、弧線具有強(qiáng)烈的動(dòng)感，更容易引起視線的前進(jìn)、后退或擺動(dòng)。

3、面的分割

面在設(shè)計(jì)中的概念，可以理解為點(diǎn)的放大，點(diǎn)的密集或線的重復(fù)。Banner元素在不同大小色塊元素的風(fēng)格對(duì)比下，能獲得清晰、條理的秩序，同時(shí)在整體上也顯得和諧統(tǒng)一

二、掌握有效的banner設(shè)計(jì)的創(chuàng)意方法

1、預(yù)留大面積的Banner空間創(chuàng)作

Banner設(shè)計(jì)占用很大的空間，且占用的空間是重要而有價(jià)值的面積，那么你需要萬分小心的去處理，但是如果處理的好的話，它將會(huì)事倍功半，而且信息傳達(dá)非常有效。

2、有效的措辭與行為導(dǎo)向按鈕

在banner設(shè)計(jì)中通過真實(shí)產(chǎn)品的展示，并配以鼓動(dòng)人心的措辭口號(hào)及醒目的可以直接誘導(dǎo)用戶點(diǎn)擊的行為導(dǎo)向按鈕，讓網(wǎng)頁獲得更多的用戶點(diǎn)擊和關(guān)注目光。

3、插圖及清新手繪讓頁面倍感親切

4、引入肢體語言讓畫面變得生動(dòng)

5、豐富的產(chǎn)品展示組合效果

用堆積這種效布局特效來展示不同的作品示例，并附上一條介紹性質(zhì)的口號(hào)，網(wǎng)頁變得更有說服力，豐富而富有層次感。

6、特殊肌理的組合

適當(dāng)?shù)倪\(yùn)用肌理以及拼貼效果，讓畫面變得有質(zhì)感且意味深長(zhǎng)，是讓Banner與眾不同的好辦法之一。

7、讓資訊循環(huán)動(dòng)起來

使用滑動(dòng)效果來將更多信息填進(jìn)到Banner區(qū)域。這對(duì)于有很多特性和豐富產(chǎn)品線的網(wǎng)站很有用，通過一些很有用的Javascript庫及其插件，讓這類效果更加活靈活現(xiàn)。

banner設(shè)計(jì)的創(chuàng)新不僅只限于此，還需要設(shè)計(jì)師進(jìn)行不斷的鉆研和探索，找尋更多巧妙的方法。