題目:
Banner分析訓(xùn)練
選出一個(gè)你覺得不錯(cuò)的活動(dòng)Banner筛圆,從中分析有哪些你可以學(xué)到的內(nèi)容岂贩。
注:banner可以是手機(jī)上的激捏,也可以是PC端的
? ? ? banner圖的設(shè)計(jì)要做的是準(zhǔn)確地把信息傳達(dá)給用戶蒸眠,直白一點(diǎn)講就是通過對(duì)文字圖形的處理去傳遞某種情緒給到消費(fèi)者修赞,讓消費(fèi)者產(chǎn)生點(diǎn)擊購(gòu)買的欲望前翎,banner圖的受歡迎程度直接關(guān)系到圖片的點(diǎn)擊率和轉(zhuǎn)化率稚配。
這個(gè)是一張比較經(jīng)典的淘寶電商爆款設(shè)計(jì)風(fēng)格,我從下面幾個(gè)方面分析這個(gè)banner圖的設(shè)計(jì)
主題:采用不同的顏色標(biāo)識(shí)來文案文字的中心來凸顯banner的主題內(nèi)容港华,簡(jiǎn)潔明了
圖形設(shè)計(jì):整個(gè)畫面的底色根據(jù)產(chǎn)品的色調(diào)和風(fēng)格來決定道川,爆款多為平易近人、干凈利落的立宜,取模特的兩個(gè)畫面放在banner的兩側(cè)冒萄,使得整個(gè)畫面平衡,最好為一靜一動(dòng)兩種風(fēng)格橙数,給人的視覺沖擊也比較大尊流。
字體:在字體上采用方正蘭亭超細(xì)黑、漢儀秀英體灯帮,表明女性的特點(diǎn)是細(xì)致優(yōu)雅奠旺、苗條細(xì)長(zhǎng),字如其人的感覺
文案:文案位于中間部分施流,用一個(gè)多邊形形狀來隔離出來响疚,文案的話參考了設(shè)計(jì)的四大基本原則(來源于《寫給大家看的設(shè)計(jì)書》這本書)進(jìn)行排版,最重要的是突出產(chǎn)品的名稱和價(jià)格部分瞪醋,其他文字根據(jù)設(shè)計(jì)的親密性來排版忿晕,為裝飾作用。
人性:結(jié)合人性的弱點(diǎn)-貪婪银受,在設(shè)計(jì)一個(gè)banner圖的時(shí)候践盼,都是對(duì)人性的把握和理解鸦采,揣度人性設(shè)計(jì)banner圖,人性貪婪咕幻,貪小便宜等打折促銷的眼球讓利的角度去吸引消費(fèi)者注意力渔伯。
用戶瀏覽習(xí)慣:大多數(shù)的用戶在瀏覽網(wǎng)頁(yè)的時(shí)候都是從上到下,從左到右的瀏覽肄程。為使banner更容易被用戶瀏覽,順應(yīng)用戶的瀏覽習(xí)慣锣吼,焦點(diǎn)聚集到中間,不讓產(chǎn)生找不到重點(diǎn)和焦點(diǎn)內(nèi)容
總結(jié):我們?cè)谠O(shè)計(jì)一個(gè)banner圖的時(shí)候要考慮到用戶的需求點(diǎn)蓝厌,結(jié)合人性的把握度和理解玄叠,banner圖片的設(shè)計(jì)重點(diǎn)在吸引受眾用戶眼球點(diǎn)擊欲望
1.字體上根據(jù)不同的用戶受眾采用不同字體,banner圖的設(shè)計(jì)字體采用統(tǒng)一的字體拓提,盡量一張banner圖字體不要超過三個(gè)字體格式读恃,不同字體對(duì)應(yīng)視覺感受有不同的效果
2.文案要配合設(shè)計(jì)的四大基本原則進(jìn)行排版,最重要的是突出產(chǎn)品的名稱和價(jià)格
3.圖形設(shè)計(jì)方面畫面的底色要根據(jù)不同的場(chǎng)景和產(chǎn)品勾畫來決定代态。
PS:
設(shè)計(jì)的四大基本原則? ——《寫給大家看的設(shè)計(jì)書》
1. 對(duì)比(Contrast)
對(duì)比的基本思想就是要避免頁(yè)面上的元素太過相似寺惫。如果元素(字體、顏色蹦疑、大小肌蜻、線寬、形狀必尼、空間等)不相同蒋搜,那就干脆讓它們截然不同。對(duì)比能夠讓訊息更準(zhǔn)確的傳達(dá)判莉,內(nèi)容更容易的被找到豆挽、被記住。如果你想讓對(duì)比效果更明顯券盅,就一定要大膽帮哈,不要讓兩種顏色看起來好像差不錯(cuò)又不一樣。當(dāng)然也不要在同一個(gè)頁(yè)面使用太多種字體锰镀。
2. 重復(fù)(Repetition)
重復(fù)的目的就是“一致性”娘侍,讓設(shè)計(jì)中的視覺要素在整個(gè)作品中重復(fù)出現(xiàn)∮韭可以重復(fù)顏色憾筏、形狀、材質(zhì)花鹅、空間關(guān)系氧腰、線寬、材質(zhì)、空間等古拴。這樣一來既能增加條理性箩帚,又能增加統(tǒng)一性。
3. 對(duì)齊(Alignment)
任何東西都不能在頁(yè)面上隨意安放黄痪。每個(gè)元素都應(yīng)當(dāng)與頁(yè)面上的另一個(gè)元素有某種視覺聯(lián)系紧帕。這樣能夠建立一種清晰、精巧而清爽的外觀桅打,提升可讀性是嗜。避免一個(gè)頁(yè)面上混用多種對(duì)其模式,也就是不要有一些置左油额,有一些置右。盡量避免使用居中對(duì)齊刻帚,除非是比較正式潦嘶、穩(wěn)重的設(shè)計(jì)(別動(dòng)不動(dòng)就讓什么都居中,有些時(shí)候居中是一種很土的對(duì)齊方式)崇众。
4. 親密性(Proximity)
彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近掂僵,歸組在一起。如果多個(gè)項(xiàng)相互之間存在很近的親密性顷歌,它們就會(huì)成為一個(gè)視覺單元锰蓬,而不是多個(gè)孤立的元素。這有助于組織信息眯漩,減少混亂芹扭,為讀者提供清晰的結(jié)構(gòu)。
寫給大家看的設(shè)計(jì)書?https://book.douban.com/subject/3323633/?