堅持為客戶提供有價值的服務(wù)和內(nèi)容

如何快速設(shè)計好Banner?6個步驟幫你速成!

互聯(lián)網(wǎng) | 2022-04-20 | 分享至:

全球看顏,網(wǎng)站看Banner,店面當(dāng)然要好看,但是許多同學(xué)們認為做Banner是門技術(shù)性工作,自身學(xué)藝不精做不來。假如你看過今日這篇文,便會搞清楚,技術(shù)性于Banner,如同刀功于人,雖然有招數(shù),但無武學(xué)支撐點,久戰(zhàn)滿盤皆輸。而這篇好文章,便是Banner的內(nèi)功修煉心決,按6個流程來,速學(xué)終有一別。

@Heidixie(阿里著名網(wǎng)頁設(shè)計師) :精英團隊小伙伴們問起這種情況,發(fā)一封郵件分享自己的構(gòu)思,順帶貼過來。

可用前提條件:

外行視覺室內(nèi)設(shè)計師 沒過多空閑時間去干。 為什么要做banner?banner是用于傳達信息的。一切不因傳達合理信息、合理傳達信息的banner全是yy. baner是用于促進用戶行為的,也即Call To Action。沒法讓用戶造成你所期待的banner全是失效的。

因此,先解決一個錯誤的了解:banner只是拿來裝飾設(shè)計用的,只是就是為了吸引人留意啥的念頭。

因此,大家既然是外行室內(nèi)設(shè)計師,還要回到到做banner的源頭,因為做到之上實際效果,與此同時兼具美觀大方、大氣、漂亮。

大氣和漂亮的banner不一定必須深奧的視覺方法,和麻煩的PS作用,但要兼具視覺的一些基本原則,我稍候會列舉。

著名步:界定要傳達哪些信息

這一步,和視覺、審美觀什么的都沒事兒。

例如,半月談,我們要傳達的信息有:


知名品牌LOGO,讓用戶一眼就明白哪兒制作,下一次產(chǎn)生條件刺激,所說的視覺認知能力是必須一定的反復(fù)的,僅有持續(xù)反復(fù)才可以加重用戶印像。 子品牌LOGO,讓用戶了解大家出什么,而且有系類感。

之上就是我們要傳達的關(guān)鍵信息了。你也可以覺得這就是一個BANNER,僅僅――看上去沒那么好看罷了。

可是,大家發(fā)覺信息還不夠,大家還想要傳達:

他們的具體內(nèi)容大概是哪些,進而讓用戶產(chǎn)生希望 既然是系列產(chǎn)品,我們希望用戶可以明白這是第幾期,進而當(dāng)他們要想從某一期有興致時點一下到所有,也是有地區(qū)去。

因此,大家把信息又放出來?,F(xiàn)在我們有4類信息。

第二步:界定信息的優(yōu)先

雖然我們有4類信息,可是優(yōu)先毫無疑問不一樣的,因此相匹配到設(shè)計方案上,大家給它放的版面的多少、顏色的明顯是不一樣的。

第三步:考慮到用戶視覺途徑

也即你要正確引導(dǎo)用戶首先看哪兒,再看哪兒,然后干什么。

一般,用戶的閱讀文章從上向下,從左往右邊,因此一般關(guān)鍵的信息會放進左上方。

但是這些標(biāo)準能夠用醒目的圖片、晃眼的顏色隨便擺脫,可是我建議你不必隨便這么做,所有的圖片和顏色都需要更有意義,為什么要用這個圖片為什么要用這一顏色。

保證用戶一開始有視覺核心,假如用戶一眼不清楚首先看哪些,那樣這個banner便是不成功的。

擁有視覺聚焦點后,你能從視覺聚焦點延伸起來,應(yīng)用視覺中的親密性標(biāo)準(把具體內(nèi)容相仿的地理位置挨近一些、比照標(biāo)準這些),正確引導(dǎo)用戶從視覺聚焦點從而了解到別的關(guān)鍵點、或是促進行為的事物。

第四步:考慮到規(guī)范鑒別顏色

即然我們要傳達企業(yè)形象,請保證色彩搭配從他們的規(guī)范VI色盤里挑選,而不要隨便用。

我就是配色弱怎么辦?有這3個大斧無人能敵:《秒變配色高手!怎么都不會錯的6條網(wǎng)頁設(shè)計配色原則》

記牢,知名品牌傳達,可重復(fù)性至關(guān)重要。就像我們見到紅、黃、白顏色會想起肯德基,見到綠和黑就會想到星巴克咖啡一樣。

第五步:做視覺的排版設(shè)計

(不必考慮到過多設(shè)計方案專業(yè)技能,不然就深陷到:不是我技術(shù)專業(yè)的,因此我不會做設(shè)計方案上)

排版設(shè)計上,信息早已詳細,優(yōu)先早已出去,無非就是把它越來越漂亮一些罷了。

讓banner漂亮的好多個秘訣:

1. 兩端對齊

很找邦企吧,讓具體內(nèi)容豎向、橫著都是有一條線,能夠兩端對齊。要不垂直居中,要不底端。盡可能保證網(wǎng)頁頁面上不能有一個元素,沒有原素和它可以產(chǎn)生兩端對齊的關(guān)聯(lián)。

2. 親密無間

不能讓全部內(nèi)容也沒有集中地堆在一起,讓這些關(guān)聯(lián)較為親密無間的具體內(nèi)容匯聚成一個地區(qū),不能讓一個banner上的范圍超出4個。

3. 簡易層次感:

千萬別加一切PS的ps濾鏡、黑影、能不漸變色也不漸變色,由于早已不流行了,不要盲目應(yīng)用各種各樣款式。

4. 如果要用標(biāo)志,盡可能挑選款式統(tǒng)一,且可以維持你優(yōu)先順序的數(shù)據(jù)圖表。例如大家正確引導(dǎo)用戶首先看左側(cè),再看右側(cè),結(jié)論你一直在右側(cè)的標(biāo)志里選擇了一個猩紅的,很有可能用戶的視野立刻被招引過來了。

5. 不能讓字體樣式超出3種。盡可能用宋體、黑體字、方正黑體,不能用哪些魏碑體、行楷字等,一看就較為仿冒。

第六步:做更多的是裝飾

假如你不想做,實際上上邊還可以了。

想要做得話,我們能:

例如花一點時間去干一個受歡迎的扁平化設(shè)計背景裝飾――還是得注重一點,不必為了能裝飾設(shè)計而裝飾,每一個裝飾設(shè)計都需要更有意義、讓環(huán)境更為有層次感。例如加一點磨紗覺得。 例如,你還可以適度轉(zhuǎn)換下其他排版設(shè)計,例如:垂直居中的排版設(shè)計,比較容易正確引導(dǎo)用戶從上向下的瀏覽角度,都是好多人懶惰比較喜歡的排版設(shè)計設(shè)計風(fēng)格。

總的來說,做banner有一大半的心力是整理信息、設(shè)置優(yōu)先、設(shè)置用戶訪問順序,和PS的招式并沒有過多關(guān)聯(lián),因此,每個人可以去試著搞好一張看起來很有設(shè)計感,可是事實上又沒花什么時間精力的banner。專業(yè)網(wǎng)站建設(shè)企業(yè)每日共享seo優(yōu)化專業(yè)知識,我希望你能與您變成忠誠的好好朋友,一起學(xué)習(xí)討論建網(wǎng)站技術(shù)性。

掃二維碼與項目經(jīng)理溝通

7*24小時為您服務(wù)

解答:網(wǎng)站優(yōu)化,網(wǎng)站建設(shè),APP開發(fā),小程序開發(fā),H5開發(fā),品牌推廣,新聞推廣,輿情監(jiān)測等

  非常感謝您有耐心的讀完這篇文章:"如何快速設(shè)計好Banner?6個步驟幫你速成!",更多內(nèi)容請繼續(xù)瀏覽,我們將為您提供更多參考使用或?qū)W習(xí)交流的信息。我們還可為您提供:網(wǎng)站建設(shè)與開發(fā)網(wǎng)站優(yōu)化、品牌推廣、APP開發(fā)、小程序開發(fā)新聞推廣等服務(wù),我們以“降低營銷成本,提高營銷效果”的服務(wù)理念,自創(chuàng)立至今,已成功服務(wù)過不同行業(yè)的1000多家企業(yè),獲得國家高新技術(shù)企業(yè)認證,且擁有14項國家軟件著作權(quán),將力爭成為國內(nèi)企業(yè)心目中值得信賴的互聯(lián)網(wǎng)產(chǎn)品及服務(wù)提供商。如您需要合作,請掃碼咨詢,我們將誠摯為您服務(wù)。
我要咨詢
姓名 :
電話 :
文章分類