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