tft每日頭條

 > 生活

 > 對banner圖設計建議

對banner圖設計建議

生活 更新时间:2024-09-30 04:14:22

對banner圖設計建議(這個banner設計技巧不知當講不)1

我給大家分析一下原圖存在的問題,以下是改稿前的原圖:

對banner圖設計建議(這個banner設計技巧不知當講不)2

首先,這個Banner看文案便知是情人節主題的,而情人節主題的banner設計其實有很多種感覺氛圍可以去表現,比如浪漫的、小清新的、華麗的、炫酷的等等,那麼這裡感覺設計師是想往粉嫩可愛的方向去發揮,剪紙風格方向,并且是賣一些女性相關的包包配飾香水之類的産品,整體是想臨摹一種商品陳列的感覺。

基于以上分析,我總結出了以下問題:

(1)整體顔色偏灰,給人感覺不太幹淨,尤其是标題文案部分的顔色和陰影處理;

(2)标題字體采用了襯線字體,這種字體用于剪紙風格會顯得比較複雜,因為各種小細碎的筆畫太多了,所以要麼更換一些比較簡單的非襯線字體樣式,或者是比較浪漫氣質的連體手寫體英文,自然流暢,主要看你想表達什麼感覺;

(3)商品選擇有點問題,比如最中間那款包包的風格明顯跟其他産品風格不搭,其他都是比較簡潔現代的樣式,而這款包包卻過于實物化以及複雜,像一件衣服還帶有格紋,并且包包四角還帶有圓潤的圓角,所以為了保持整體風格基調一緻應該替換掉。

(4)排版布局方面,除了标題文案部分的排版節奏不太優美以外(長-短-更長的比例節奏可以改為短-長-短或長-更長-長等等節奏樣式),商品部分大比例太過于平均,分布有些散亂,所以看不到重點);

基于以上4條問題分析,于是我改出了下面這版banner:

對banner圖設計建議(這個banner設計技巧不知當講不)3

我改稿和指導人的原則是,隻要原設計師在大的設計方向上沒什麼問題,那就盡量保留原設計師的想法,然後我會在細節、比例、節奏、色彩、字體、創意方向上對原稿進行修正和補充,從而讓畫面更加有感染力,所以對比改稿前和改稿後,你們應該可以感受到畫面所傳遞出的情感和信息層級上微妙的變化,因為我讓畫面更加夢幻了,産品也更加突出了。

當然這裡也需要說明一下,一個小小的banner設計裡面其實蘊涵了大量的方向/維度/信息,你可以選擇以突出氛圍為主,你也可以選擇突出文字為主,你也可以選擇突出商品為主,甚至如果你覺得自己夠厲害你可以把他們都突出但是又能做到整體協調,這些都是你自己的選擇問題,設計并沒有唯一答案,主要看你有什麼需求方向。

改稿案例二

對banner圖設計建議(這個banner設計技巧不知當講不)4

接下來我給大家分析一下原圖存在的問題,以下是改稿前的原圖:

對banner圖設計建議(這個banner設計技巧不知當講不)4

這張圖新手也是看不出問題的,因為感覺用色挺好看,文字信息也挺突出的,但是它确實存在很多問題,接下來我把問題一層一層剝給大家看。

首先看文案信息,我們可以得知這張banner其實是屬于低價熱鬧促銷類型的,畫面氛圍可以鬧騰一點,你可以假想它是一個放在銀行或商城自己官網内部的一個會員積分兌換活動Banner,所以這個Banner在設計方向和用色上問題都不大,但是整體視覺效果比較差。

基于以上分析,我總結出了以下問題:

(1)因為頭部那2片圖層的遮蓋,導緻視覺上感覺中間那個圓形主體在往下掉,整體畫面非常不穩定,而且那2片圖層的形不好看;

(2)中間圓形部分看起來像是由3個圓形組成,但是因為部分區塊顔色接近,所以圖層融在一起了,看起來太暧昧不清;

(3)所有的商品看起來都是亂擺的,毫無規律可言,并且商品全都是小小的跟螞蟻一樣大小,放在這些大圓裡面感覺特别奇怪,就像在甜甜圈上胡亂灑了一些各式各樣的不明物體一樣,這一部分的問題最大;

(4)所有以上問題,使得這張Banner畫面不平衡,既呆闆也淩亂,沒有美感;

基于以上4條問題分析,于是我改出了下面這版banner:

對banner圖設計建議(這個banner設計技巧不知當講不)6

同樣的,這一張Banner我也是盡量保留了原設計師的想法,然後在細節、比例、節奏、色彩、字體、創意方向上對原稿進行修正和補充:調整了商品的擺放秩序,去掉了部分商品,底部添加相似的一些圖層托住這個圓形主體,改變部分圖層的前後關系等等,所以你對比改稿前和改稿後的效果,會發現一張圖在保證信息傳達準确的前提下,從無序變成了有序,同時也不再失衡和呆闆了。

改稿案例三

對banner圖設計建議(這個banner設計技巧不知當講不)7

接下來我給大家分析一下原圖存在的問題,以下是改稿前的原圖:

對banner圖設計建議(這個banner設計技巧不知當講不)8

這張原圖,估計即便是個新手也能看出來問題了,那就是感覺看了眼花,都眩暈了,另外還有其他一些問題,我統一給大家列舉一下:

(1)背景的圓太規則,讓人感覺眩暈,尤其是紅白的顔色搭配非常搶眼,在這種情況下,你在這個畫面裡放入任何東西,都很難得到突出展示,因為背景的視覺幹擾太強烈了;

(2)模特沒選好,在背景很眩暈的情況下,模特的表情又是直勾勾冷冷地盯着你的,給人一種不寒而栗的感覺,觀衆看了也會感覺渾身不自在,不友好,而且模特摳圖比較粗糙,頭發部分很假,模特未做任何處理直接bia在了上面,讓人感覺很突兀

(3)整體場景沒有構想好,不知道自己為什麼要做這張圖,技術不到位,實現不了一些效果也是其中一方面的原因;

基于以上3條問題分析,于是我改出了下面這版banner:

對banner圖設計建議(這個banner設計技巧不知當講不)9

在這裡雖然我依舊保留了圓形這個特色形狀元素,但是将後面的圓形位置都打亂了,目的是制造一種不規則的感覺,并且替換了模特和商品,讓她置身于這些圓形漩渦裡,一層一層的感覺,這樣既使得模特和商品突出聚焦了,整體畫面也不會太呆闆,整體顔色依舊是依據模特和商品來,無非就是同色系或對比色彩的運用,總之,最後你對比改稿前和改稿後的設計稿,就能發現哪個看起來視覺上更舒适産品誰更突出了。

哦對了,這張banner的關鍵點在于陰影和整體色調的處理,做設計雖說很多時候是需要感性思維的,但其實在執行環節上卻需要強大的理性思維和耐性,越複雜的圖越是如此,因為圖層多了的話你就要有清晰的思維去理順它們,耐性地做細節,這樣出來的畫面才會是有序的耐看的。

改稿案例四

對banner圖設計建議(這個banner設計技巧不知當講不)10

接下來我給大家分析一下原圖存在的問題,以下是改稿前的原圖:

對banner圖設計建議(這個banner設計技巧不知當講不)11

這張圖也是新手并不覺得會有什麼問題,無非就是比較常規的左右排版樣式而已,但是我認為這張圖其實很好發揮創意但是卻做得很常規這是我無法接受的,再一個,如果一個人做常規圖做久了思維肯定是非常固化的,所以要想進步的話一定要試着去突破自己。

接下來我給大家分析一下,這張Banner圖其實可以看作是波點主體的賣場banner,說到波點,其實我們很容易想到日本的“波點女王”草間彌生,她就是一個将波點玩出了各種花樣的一位設計師,腦洞非常大,扯遠了,我們繼續聊這個Banner存在的問題:

(1)這個Banner最大的問題在于缺少有趣的感覺,浪費了波點這個可發揮的空間,讓人沒有購買欲望,在這裡突出一種氛圍其實比突出商品更為重要;

(2)商品挑選的不好,毛衣皺巴巴的,尤其是搭配這樣的排版看起來非常廉價,這樣毫無品味的商品怎麼配得上“經典私櫥”幾個字呢?怎麼讓人愛的起來呢?所以商品得換;

(3)背景的波點太多太雜碎了,讓人感覺很混亂,很複雜,所以得精簡;

基于以上3條問題分析,于是我改出了下面這版banner:

對banner圖設計建議(這個banner設計技巧不知當講不)12

這張Banner其實改動還是比較大的,因為整個排版和配色都換了,我僅僅隻是保留了幾個商品圖而已,在這裡我将标題結合波點這個概念做了一些小改動,将商品弱化到各種圓形裡面去成為一種氛圍元素,包括愛心圖形的加入,所有的這些改動其實隻有一個目的:那就是把畫面的氛圍調動起來,讓它看起來有趣好玩一點,将波點這個概念盡可能多地展現出來,因為我就是要讓畫面可愛一點再可愛一點。

相信大家之前也通過各種途徑看到了雙十一的品牌滲透,之前也有過不少猜想,今年雙十一品牌到底在玩什麼,背後的思考是什麼?今天阿裡官方設計師首度向大家揭秘雙十一品牌設計的心路曆程。

當設計師接手這個任務的時候,就意識到這項挑戰的艱巨。曆屆雙十一所展現出來的設計水準之高,意味着今年雙十一品牌設計的難度之大。今天展現出來的雙十一品牌,絕不僅僅隻是設計一個logo(當然,有經驗的設計師都知道,要設計一個打通所有關節,上下貫徹的logo,本來就很不簡單)而是既要體現業務策略,又能夠有效、有趣的完成與消費者之間的溝通。在這之中,logo是所有品牌策略和創意的彙聚提煉,又是整個雙十一品牌延展設計的原點,綱舉才能目張。要了解雙十一品牌的始末,我們的故事就得從logo說起。

這是今年雙十一的logo

對banner圖設計建議(這個banner設計技巧不知當講不)13

多語言版本

對banner圖設計建議(這個banner設計技巧不知當講不)14

把它和曆屆雙十一logo放在一起的時候,大家能看出什麼區别?

對banner圖設計建議(這個banner設計技巧不知當講不)15

從近幾年的logo變化中可以看出,沒了購物兩個字的天貓雙十一,理念上不再局限于電商促銷活動。特别是在2015年,天貓開始啟用貓頭符号,之後一直在延續貓頭的演繹,并且在此基礎上,每一年的logo都有細微的變化。每一個小細節的變化都透露着這一年天貓雙十一的品牌理念。

2015 強調全球化,用“律動”和“地球”來突出“全球的狂歡”。

2016 強調平台的超級規模,用“彙聚、融合”來表現“盡情盡興”。

那麼,今年的雙十一品牌理念是什麼?要從哪個方向入手?業務上會有什麼樣的線索?這個是設計師首先要解決的問題。

一、兩個維度鎖定方向

1、從傳承的維度

我們不難看出,不管每年的主題是什麼,平台一直傳承着“讓更多的人來參與的”這條主線,其中“人”是不變的主線。

對banner圖設計建議(這個banner設計技巧不知當講不)16

2、業務方向的維度

(1)新零售

從去年開始,阿裡巴巴開始啟動五新戰略(新零售、新制造、新金融、新技術、新能源),首當其沖的就是“新零售”。作為全球零售業最大的狂歡日,怎能不體現出“新零售”的特征。那麼什麼是新零售,網上流傳各種版本和說法,我們盡量去掉表面的浮沫,還原本質,用一句話提煉:

新零售的本質:人、貨、場,以人的個性化需求為核心,重新構建生産、銷售、配送、運營以及服務體系。

(2)全球化

從2015年開始,阿裡就在啟動全球化戰略,今年的不同在于之前的全球化主要是指全球商品,全球品牌的彙聚,而今年開始,我們更關注的是全球消費者的融入,這裡面,核心還是在于人、在于更多不同種族不同文化背景的融合。

(3)節日狂歡

從雙十一開創的第一天開始,“狂歡”就是始終貫徹的主旋律,而随着狂歡的深入,雙十一已經變成了全球消費者的節日,而節日就意味着不僅僅隻有整體氛圍上的狂歡,還有屬于每一個消費者自己的小确幸,主角同樣是人。

這三大要素決定了以人為核心的方向!

同樣是傳承“人”這條主線,今年的不同就在于,過去我們總是站在大平台的視角向消費者強調我們的規模、我們商品的豐富、全球品牌全球商品的彙聚。而今天,我們更在意的是每一個人的消費體驗,一個消費者他應該包含了行為、生活方式、态度情緒、情懷、價值觀、愛和夢想。這才是一個鮮活有生命力的人,正是這些鮮活的人的融入所産生的共鳴,雙十一才更精彩。

這不僅僅是一種人文關懷,更重要的是我們作為一家使命驅動的公司,認真的為每一個消費者創造極緻的消費體驗。這是一個更大的格局,海納百川的氣度。因此,我們的設計就要有足夠的包容性,我們的logo,它更像是一個容器,能容納不同内容演繹的符号。通過這個品牌符号去傳遞更加多元的内容,讓天貓的形象變得有血有肉,用鮮活的生命力,去和每一個消費者對話,讓他們感受到自己真實的存在。

二、品牌設計的三個要點:包容、鮮活、共鳴

對banner圖設計建議(這個banner設計技巧不知當講不)17

對banner圖設計建議(這個banner設計技巧不知當講不)18

以消費者為核心,是要讓消費者置身其中,體驗真實的存在感。所以,我們首先要走進每一個消費者的内心,去洞察他們差異化的内心需求。帶入更多有想象力的新選擇,啟發他們打開新的生活方式。創造更具帶入感的場景,讓消費者融入其中,盡情釋放自我。放大被滿足的喜悅,帶入更多消費者情感表達,營造出由外而内的内心共鳴。這就是“in”這個核心概念,以“in”來構建我們品牌的内核。

對banner圖設計建議(這個banner設計技巧不知當講不)19

接下來的問題就是“in”這個品牌内核,如何傳遞給消費者,用消費的語言來解讀,讓他們有體感?

對banner圖設計建議(這個banner設計技巧不知當講不)20

設計師開始了一輪一輪的打磨,方案始終差強人意。不滿意的同時,又激發了設計師的加班熱情,想要通過時間的累積和更多的方向探索來找到答案。

對banner圖設計建議(這個banner設計技巧不知當講不)21

設計并不是數學公式可以推導和預測,在技巧和方法的背後,設計需要一件重要的東西——靈感!而靈感總是孕育于日常生活之中。就在一次網購的體驗中,設計師找到了靈感,打開包裹的瞬間,靈感被激發——那就是“open”帶來的驚喜感!

沒錯,我們每一個人都是消費者,靈感就藏在這些真實的消費體驗中。我們預設了很多玩法,準備了很多理念,營造了很多體驗,但是對于消費者而言,這一切都聚集在每一個“打開”的瞬間,打開手機、打開電腦、打開紅包、打開頁面、打開包裹…

Open, Beyond Imagination! 開啟,超越想象的精彩!這就是我們表現上的靈感,用“open”來構建情感上的共鳴。曆史再一次證明,想不出來,是因為買的還不夠!靈感襲來,設計師興奮得一夜沒合眼…

對banner圖設計建議(這個banner設計技巧不知當講不)22

靈感确定之後,logo到底該長什麼樣!我們要用什麼樣的視覺語言去溝通?順着思緒的線索,還需要繼續深入去洞察去挖掘。洞察什麼?洞察當人完全打開自己,感到幸福滿足的時刻會幹麼?

對banner圖設計建議(這個banner設計技巧不知當講不)23

設計師最後選擇了張開雙臂的形象——張開雙臂去釋放自己,擁抱當下,擁抱世界的美好。這是一個全球通用的視覺語言,它是不需要解釋的共鳴。設計師将張開雙臂這個視覺語言和天貓雙十一結合,構建一個具有包容性的品牌符号。同時在這個圖形容器裡去演繹不一樣的歡樂元素!

對banner圖設計建議(這個banner設計技巧不知當講不)24

對banner圖設計建議(這個banner設計技巧不知當講不)25

在靜态版本中,将所有元素抽象凝練成最具有包容性的方形和圓形,用簡潔的力量去诠釋這種活力和多元化。

對banner圖設計建議(這個banner設計技巧不知當講不)26

一個好的品牌符号,需要有很好的應用性,這不僅體現在組合樣式上,還需要能夠既上得了台面,又能夠向下延展的時候具有很強的感染力,在傳播層面,甚至不需要一句文案去解釋,直觀的就能展示出,平台的活力、開放和包容性。它充滿了歡樂的氣息,又很有記憶度。品牌方也能在我們的符号下有更廣闊的拓展空間。

對banner圖設計建議(這個banner設計技巧不知當講不)27

對banner圖設計建議(這個banner設計技巧不知當講不)28

對banner圖設計建議(這個banner設計技巧不知當講不)29

天合計劃(天貓品牌合作計劃的簡稱)

對banner圖設計建議(這個banner設計技巧不知當講不)30

對banner圖設計建議(這個banner設計技巧不知當講不)31

對banner圖設計建議(這個banner設計技巧不知當講不)32

對banner圖設計建議(這個banner設計技巧不知當講不)33

雙十一品牌工作還有很重要的一部分是視覺風格,除了logo,整個雙十一到底要長什麼樣?視覺風格到底是怎麼樣?

三、整體視覺風格

1、曆屆雙十一風格

對banner圖設計建議(這個banner設計技巧不知當講不)34

對banner圖設計建議(這個banner設計技巧不知當講不)35

對banner圖設計建議(這個banner設計技巧不知當講不)36

對banner圖設計建議(這個banner設計技巧不知當講不)37

抛開設計元素和各種表現手法,我們可以看到,雙十一的視覺風格,其實一直延續着波普藝術的路線,其實這也比較容易理解,雙十一本來就是普羅大衆的狂歡,所以在調性上要有普适性,而波普藝術所倡導的“藝術要普羅大衆”的理念和雙十一的品牌精神不謀而合。因此,在今年做雙十一設定的時候,保留了波普這個大的基調,作為雙十一品牌的視覺傳承,這裡面也有一定的挑戰。首先,波普藝術這個大的基調,這些年被電商大量重複使用,鮮豔的顔色,矢量扁平的元素應用讓用戶心生疲倦,消費者還需要一些新的視覺刺激,在大基調不變的前提下,如何玩出些新意?從哪裡去找到突破口?

設計師還是從“open”這個核心概念來入手,“open”給人的視覺聯想應該是“五光十色”“絢爛多彩”的,那什麼能表現這種感官,“我們想在波普裡面加光!”聽上去感覺很不錯,但是光怎麼表現呢…

“鐳射 POP ART” !設計師一下子有了想法,創意很多時候都是通過老元素的新組合産生的。

對banner圖設計建議(這個banner設計技巧不知當講不)38

對banner圖設計建議(這個banner設計技巧不知當講不)39

确定了視覺風格的主思路之後,就是反複的嘗試。因為設計師發現一個問題,鐳射這個元素很炫酷,但是也很難駕馭,所以要保持克制,要high也要有原則。就有了不超過30%的畫面占比這個視覺原則。而在應用上,我們可以感受到這種撲面而來的歡樂,這就是節日該有的樣子。

對banner圖設計建議(這個banner設計技巧不知當講不)40

2、園區内部傳播氛圍

對banner圖設計建議(這個banner設計技巧不知當講不)41

對banner圖設計建議(這個banner設計技巧不知當講不)42

對banner圖設計建議(這個banner設計技巧不知當講不)43

對banner圖設計建議(這個banner設計技巧不知當講不)44

對banner圖設計建議(這個banner設計技巧不知當講不)45

對banner圖設計建議(這個banner設計技巧不知當講不)46

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved