【Day 13】K1 章振興 banner圖分析

題目:

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)化率稚配。

淘寶電商banner圖

這個(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/?


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末赦抖,一起剝皮案震驚了整個(gè)濱河市舱卡,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌队萤,老刑警劉巖轮锥,帶你破解...
    沈念sama閱讀 218,941評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異要尔,居然都是意外死亡舍杜,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門赵辕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來既绩,“玉大人,你說我怎么就攤上這事还惠“敬剩” “怎么了?”我有些...
    開封第一講書人閱讀 165,345評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)互拾。 經(jīng)常有香客問我歪今,道長(zhǎng),這世上最難降的妖魔是什么颜矿? 我笑而不...
    開封第一講書人閱讀 58,851評(píng)論 1 295
  • 正文 為了忘掉前任寄猩,我火速辦了婚禮,結(jié)果婚禮上骑疆,老公的妹妹穿的比我還像新娘田篇。我一直安慰自己,他們只是感情好箍铭,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評(píng)論 6 392
  • 文/花漫 我一把揭開白布泊柬。 她就那樣靜靜地躺著,像睡著了一般诈火。 火紅的嫁衣襯著肌膚如雪兽赁。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,688評(píng)論 1 305
  • 那天冷守,我揣著相機(jī)與錄音刀崖,去河邊找鬼。 笑死拍摇,一個(gè)胖子當(dāng)著我的面吹牛亮钦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播充活,決...
    沈念sama閱讀 40,414評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蜂莉,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了混卵?” 一聲冷哼從身側(cè)響起巡语,我...
    開封第一講書人閱讀 39,319評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎淮菠,沒想到半個(gè)月后男公,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡合陵,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年枢赔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片拥知。...
    茶點(diǎn)故事閱讀 40,096評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡踏拜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出低剔,到底是詐尸還是另有隱情速梗,我是刑警寧澤肮塞,帶...
    沈念sama閱讀 35,789評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站姻锁,受9級(jí)特大地震影響枕赵,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜位隶,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評(píng)論 3 331
  • 文/蒙蒙 一拷窜、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧涧黄,春花似錦篮昧、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至春宣,卻和暖如春酵颁,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背信认。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評(píng)論 1 271
  • 我被黑心中介騙來泰國(guó)打工材义, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留均抽,地道東北人嫁赏。 一個(gè)月前我還...
    沈念sama閱讀 48,308評(píng)論 3 372
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像油挥,于是被迫代替她去往敵國(guó)和親潦蝇。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,167評(píng)論 25 707
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案深寥? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • 1.用戶體驗(yàn)設(shè)計(jì),解決用戶需求攘乒,減少用戶理解和操作的成本,給用戶留下美好的印象惋鹅。特征:嚴(yán)謹(jǐn)则酝、理性、創(chuàng)意(關(guān)注于解決...
    正版書呆子閱讀 505評(píng)論 0 1
  • 今天這個(gè)日子里闰集,我們都是大小孩 買一堆黑米鍋巴喜之郎果凍跳跳糖旺仔小饅頭哇哈哈大白兔….. 我們長(zhǎng)大了沽讹,但還是有童...
    粉團(tuán)子zheng閱讀 180評(píng)論 1 0
  • 寫下這個(gè)題目的第二天我發(fā)現(xiàn)爽雄,神圣不需要救贖,神圣就是神圣沐鼠,放縱就是放縱挚瘟。它們之間可以在不同的時(shí)空共存于同一個(gè)生命體...
    初人閱讀 656評(píng)論 0 0