• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 網(wǎng)站banner的設(shè)計(jì)與創(chuàng)意元素

網(wǎng)站banner的設(shè)計(jì)與創(chuàng)意元素

網(wǎng)頁設(shè)計(jì)師 于2019-07-14 16:49發(fā)表 閱讀次數(shù) 2497次

幾乎每個(gè)青島網(wǎng)站設(shè)計(jì)制作都會(huì)有banner部分，網(wǎng)站制作中的banner也是設(shè)計(jì)師的主要工作之一，設(shè)計(jì)好好網(wǎng)站banner也能夠提升企業(yè)形象，傳遞網(wǎng)站業(yè)務(wù)信息，從而加深訪客印象，提高瀏覽量的目的。 　　網(wǎng)站的banner設(shè)計(jì)制作，通常注意如下幾點(diǎn)： 　　1.主次對(duì)比分明，合理安排頁面布局； 　　2.頁面元素要以組為單位；（如文字和文字之間的間距不要過大，讓人看起來是一組） 　　3.采用吸引力的用語，或者添加“火速參與”等刺激性的詞語按鈕等，讓用戶在最短的時(shí)間內(nèi)有去點(diǎn)擊他的欲望。 　　4.最后最重要的一點(diǎn)是，前期工作一定要與需求方溝通好，要知道，在工作中，溝通是非常重要的一件事情。 　　5.畫面整體統(tǒng)一，顏色搭配的看起來舒服； 　　6.輸出K數(shù)不宜過大，否則加載速度會(huì)慢； 　　那么Banner到底是什么呢？Banner的核心使命其實(shí)是吸引用戶關(guān)注，然后被點(diǎn)擊。他的主旨就是主題明確，突出關(guān)鍵內(nèi)容，抓住用戶眼球。一個(gè)Banner他是由“背景、主視覺和標(biāo)題文字”三部分組成，在我剛剛接到需求的時(shí)候，我首先分析他的重點(diǎn)詞、字，想要表達(dá)什么，分析好了后可以在紙上畫下草稿，在大腦里有個(gè)大概的視覺效果，想法多的話可以畫幾版不一樣的，最后根據(jù)草稿定一個(gè)定稿，接下來就可以找素材著手做了。在做期間，還要注意整體的美觀，讓人看起來舒服。下面從這三部分逐一給大家分享下。 　　一、背景 　　我們畫畫的同學(xué)可能都知道，一個(gè)畫面不可能都面面俱到，重點(diǎn)的需要細(xì)致刻畫，有的一筆帶過即可。設(shè)計(jì)一個(gè)Banner有時(shí)候就像畫畫似的，首先要有大的環(huán)境，那Banner的背景就好比大環(huán)境，其實(shí)主要是起到襯托、烘托氣氛的作用。一個(gè)新需求過來，首先我們考慮要營造一個(gè)什么樣的環(huán)境，什么樣的氣氛，是歡快的、悲傷的、可愛的還是…比如過年，可能就用紅橙色，比如兒童類的，顏色上就要純一點(diǎn)，活潑點(diǎn)等等。 　　但是需要注意一點(diǎn)，背景不能太花，否則會(huì)影響整體的一個(gè)可讀識(shí)性，簡(jiǎn)單，清晰即可。 　　二、標(biāo)題文字 　　標(biāo)題文字非常重要，是整個(gè)Banner的主題，重點(diǎn)文字一定要在背景中突出出來，不論用顏色對(duì)比、放大、變形設(shè)計(jì)還是即便做立體效果等等。（這里我分享一個(gè)經(jīng)驗(yàn)，就是在頁面上新建一個(gè)黑色的圖層，樣式改成飽和度，整體上成黑白的效果后一眼就能看出來了） 　　這個(gè)Banner標(biāo)題用了描邊和投影，從背景中出來了，但還是看起來不舒服，主要是他的文字有用曲線、斜線的方式，讓人不禁會(huì)順著字的排版順讀下去，他這里面不同方向的斜線用的還比較多，這種方式看多了就會(huì)比較累，沒有形成統(tǒng)一。 　　這個(gè)Banner看起來比較清新，沒有過多的元素，但重點(diǎn)是文字，由于背景用的淺色，文字也用的淺色，用戶是很難看出來的，影響用戶的閱讀性。 　　三、主視覺元素 　　Banner中的主視覺要清楚，符合主題，元素不可太多，否則看起來跟人感覺就會(huì)亂。有的人在做時(shí)只要是有地，就全放滿，其實(shí)頁面適當(dāng)?shù)?ldquo;留白”也是提升畫面品質(zhì)的一個(gè)好方法。視覺元素不論是人物，還是其他，一定要清晰，在我們找素材的時(shí)候也要找像素質(zhì)量高的，我一般會(huì)去站酷、昵圖網(wǎng)、花瓣或者直接google搜，不要太多。還有一點(diǎn)注意的是不可盜用他人的作品，頭像等等。大家都懂的：） 　　下面的這個(gè)Banner看起來就比較亂，東西太多，想表達(dá)的也太多，這時(shí)候需要用戶去花時(shí)間思考它想告訴我們什么，而往往這時(shí)候用戶是不愿意是思考的，一是畫面不知道他要表達(dá)什么，二是整體上沒有吸引住用戶的眼睛，這種情況下這個(gè)Banner是做到比較失敗的。

網(wǎng)站banner的設(shè)計(jì)與創(chuàng)意元素相關(guān)標(biāo)簽：網(wǎng)站優(yōu)化，開發(fā)網(wǎng)站，申請(qǐng)網(wǎng)站，開發(fā)網(wǎng)站

相關(guān)熱點(diǎn)推薦

DW制作網(wǎng)頁的基本步驟 網(wǎng)頁設(shè)計(jì)中的版式原理 CSS之兼容瀏覽器篇 英文版企業(yè)網(wǎng)站的設(shè)計(jì)注 站運(yùn)營的四個(gè)關(guān)鍵詞 電子商務(wù)中用戶信息的應(yīng) 網(wǎng)站設(shè)計(jì)之設(shè)計(jì)步驟及思 響應(yīng)式網(wǎng)站布局分析與應(yīng) 網(wǎng)站首頁所應(yīng)該達(dá)到的幾 網(wǎng)站建設(shè)如何做好網(wǎng)站規(guī) 企業(yè)制作電商APP軟件 網(wǎng)站建設(shè)之美觀與營銷需 如何處理好網(wǎng)站設(shè)計(jì)的細(xì) 做好內(nèi)外鏈的平衡度更利 奈薇建站網(wǎng)科技2016 網(wǎng)站建設(shè)的基本原則 網(wǎng)站導(dǎo)航理論與實(shí)踐 十分鐘讓你的外貿(mào)網(wǎng)站更 網(wǎng)站建設(shè)下一站-網(wǎng)絡(luò)營 十大嚴(yán)重的網(wǎng)站設(shè)計(jì)錯(cuò)誤 優(yōu)化站內(nèi)搜索－讓用戶更 如果你被上個(gè)網(wǎng)絡(luò)公司傷 做網(wǎng)站公司哪一家比較好 網(wǎng)站建設(shè)的準(zhǔn)備工作 中小企業(yè)行之有效的網(wǎng)絡(luò) 2019年百度排名的算 網(wǎng)站為什么要改版你知道 網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)的差 信息架構(gòu)的流程引入 如何設(shè)計(jì)廣告的用戶體驗(yàn) 當(dāng)設(shè)計(jì)師遇上前端開發(fā) 網(wǎng)頁設(shè)計(jì)中的圖層疊加混 提高內(nèi)容類網(wǎng)站的粘度要 網(wǎng)站推廣、網(wǎng)站宣傳的作 如何讓蜘蛛頻繁爬行你的 青島高端網(wǎng)站建設(shè)公司 制作自己的網(wǎng)站 如何按照百度做網(wǎng)站優(yōu)化 交互設(shè)計(jì)之出路選擇原則 交互設(shè)計(jì)之蘋果系統(tǒng)iO

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶