本文大概6000字,閱讀時間大概15分鐘~
許久不見,甚是想念!
估摸着愛卿們又想念本王的小皮鞭了,所以,寡人今天又來了。且帶來了排版神功「創意分析」的下篇。
閒話少說,趕緊操練起來!
開始前先回顧下上篇的貓式創意流程。
為什麼先說這個呢?回顧是一方面,另一方面是上篇發出後,有愛卿評論道:
「發散創意是啥啊,看完了我對這個定義有些模糊。我總結的流程是三步(圖裡的1、3、4)。1.先確認目標,然後看受眾人群,來選擇風格。2.然後就去找符合目標和風格的素材。3.最後按照風格來排版嗎?」
貓說:
「合適的創意是在了解受眾的偏好基礎上來做的,創意包含很多東西,而風格只是創意中的一種。
打個比方,如果受眾人群是小朋友,那麼風格應該是活潑、熱情、有趣味的,但這也僅僅為畫面創意指明了方向,我們需要在此方向上繼續去發散,思考怎麼具體表現活潑、熱情、趣味。
用什麼樣的表現形式、什麼樣畫面內容?是採用攝影照片還是插畫表現?如果是插畫那又是什麼風格的插畫,插畫講了什麼、表達什麼,用什么元素、什麼構圖、什麼色彩?這些思考都是得出具體創意不可或缺的過程。」
總之嘛,先定下目標是沒錯的,我們所有的思考、工作,都是為了實現目標而努力。這種思考方式也可稱之為「目標導向思維」。
下面,本王通過倆案例來闡述一下貓式創意流程!
首先看第一個,「我認出風暴」展覽海報。
我認出風暴
先來看下文案:
我認出風暴,蔣志個展
展期Curation
2018年7月21日—年9月8日
每天10:30-18:30地點Venue
魔金石空間 北京 朝陽區 酒仙橋路2號大山子798藝術區
Magician Space ,798 Art District, 2 Jiuxianqiao Road, Chaoyang District, Beijing
看完文案,絕對不要直接上手做,而是先去分析確定目標,首先要搞清楚展覽的內容背景等,也就是咱創意流程的第一步。
很多作品展海報會用展品圖片進行設計,比如下面這幾個。
不管是瓷器展、文物展、攝影展、畫展,特別多的展覽都會首選展品進行海報設計。「我認出風暴」當然也可以以展出作品進行設計,但是吧,這展覽他有明確的主題——我認出風暴。直接用展品做設計,是無法體現出這個主題的。
如果展品中有能表現風暴主題的還好,可惜並沒有。所以要表現主題,就要另找方向,我們就要繼續去了解,主題為什麼要用「我認出風暴」,了解了來源才能更好的進行設計。
「我認出風暴」其實來源於里克爾的一首詩《預感》,裡面有這麼一段:
我認出風暴而激動如大海。
我舒展開來又捲縮回去,
我掙脫自身,獨自置身於偉大的風暴中。
無懼風暴並且迎接它——風暴即是靈感。了解這些後,我們就可以確定基本的設計目標了:畫面可以只體現風暴來臨,但更好的是體現迎接風暴的感覺。風格上,可以偏藝術一點,也可以偏大眾一點,審美是比較多元的。
眾愛卿:哎呀我去,做圖還要先做個閱讀理解,忒不容易了~
先看一下反面教材~
先說下問題~
排版上,字體亂用變形,層級不清楚,詳細信息字距過大等,均使畫面不美觀。除了排版上的問題,最關鍵的還是主體創意的問題。
畫面用橢圓和線條畫了一個颶風圖案來表現風暴,創意方向沒錯,但實現的手法不行。颶風圖案初看還以為是個陀螺,就是那種用鞭子抽才會轉的那種,不知眾愛卿有沒有玩過~
還有一點,這個海報只能體現出風暴,而體現不出迎接風暴的感覺。要體現迎接風暴,必須得有迎接風暴的人吧,大概可以想象一下電影或電視劇里的人物毅然赴死的場景。
迎接風暴,像高爾基的《海燕》那般:讓暴風雨來的更猛烈些吧!
既然如此,我們可以根據感覺去找找圖片,看看什麼樣的圖片才符合風暴的感覺。
以上是我在開源圖庫找的關於風暴的圖片。
風暴這種感覺,山雨欲來風滿樓。這幾張圖肯定比剛才的陀螺更能表現風暴!
其中1、2兩張圖出現了人物,獨身一人置身於偉大的風暴中,頗似《預感》詩句中描述的場景,所以如果以圖片為主體做設計,那這兩張圖是非常合適、非常巴適滴,也非常契合設計目標。
那麼我們就以圖一來設計一下下~
首先我們把圖片放到海報合適的位置。
圖片位置定了,根據咱們之前神功構圖篇的天地法則,哪裡空就往哪裡放文字唄~
這裡很明顯,圖片在上,文字就應該在下。
這裡我們可以先梳理下文字層級~
主標題及副標題,做一級信息是沒跑了,展覽時間和地點分別做次一級的標題。
字體選擇方面,因為是藝術展覽,為貼合文藝的氣質,選擇宋體字是比較合適的,當然也可以自行設計字體,這裡本王用字庫字好啦!
關於編排的問題,神功前幾篇功法都說的很清楚啦,這裡就不再說啦,直接看最終的效果吧。
標題字選擇了傳統宋體,小字用現代宋體搭配Didot,即和諧也不失優雅文藝感,非常契合本王的內在美~
主標題將「風暴」二字連接強調風暴的感覺,也增加了設計感。這樣做還有一部分原因是因為,如果不加橫線正常編排,這個文字組節奏感就比較差了,會變成下面這樣。
對比一下
還是加了橫線改變節奏感的標題更有韻味吧!所以為了讓設計感和節奏感更好,在主標題上我們經常會去做特殊的非常規編排,甚至會重新設計標題字體,一切都是為了最終的效果。
當然,改變節奏感不只有這麼一種方式,愛卿們平時看作品可以多注意一下他們是怎麼改變標題原有節奏感的。看的越多,掌握的形式就越多,在設計征程上,能夠調動的天地法則也就越多!
只見那貓立於虛空之上,抬手間天崩地裂,目光所及之處皆虛空破碎,這個世界竟再也無法容納他的天姿!這便是掌握天地法則的莫大好處,所以眾愛卿要好好掌握領悟設計的天地法則,用不了多久就會跟本貓一樣風流倜儻~
話說回來,這一版海報雖然已經達到設計目標,但肯定有愛卿覺得氛圍不到位,因為只是遠遠的看着暴風雨,並沒有置身其中,那麼我們可以重新去設計畫面。
這裡我們就選擇這兩張圖好了,左圖是風暴來臨前的烏雲。右圖人物雖然是開源圖庫的,但我們可以想像成藝術家的照片,因為如果是實際項目,我們把控設計是可以要求藝術家配合做肖像攝影的。
將左圖進行「極坐標」處理,調整下顏色,得到下圖風暴漩渦的感覺。
將人物肖像摳出,置於漩渦之上,得到主體。
風暴漩渦在人物頭部後方,能夠表現思緒及靈感。相比第一版遠遠觀望,這版更能表現立於靈感風暴的正中央,迎接風暴來臨的感覺。
文字信息還是用第一版的文字組,文字組其實排好一種,稍加變化就可以重複去用。
文字組完全一樣,只不過「蔣志個展」移到了左上方,以填補左上方的空間。而人物下方的空間比較工整,且最下方有文字占領了空間,所以留白也不會干擾版面的平衡關係。
人物看向左下方,為了呼應和視覺引導,我們的主標題當然要順着他的目光來放。
關於視覺引導,眾愛卿平時做設計時一定要注意喲,另外這裡用藍色是「風暴」給人的感覺就偏冷,風暴來了,更應理性的對待,用冷色能體現冷靜、理性的感覺。
將對於上一版的遠遠眺望,這一版更能體現靈感風暴的感覺……吧。當然肯定也有不少愛卿更喜歡上一版,畢竟蘿蔔青菜各有所愛,對我們設計師來說,只要能達到設計目標,就是OK的。
再說,就算是靈感風暴,也不只有這一種構圖,稍微變幻一下元素位置、大小、文字組,就會形成另一種感覺。比如現在,本王把構圖一換,就形成了下面這種。
將對角線構圖換成四角式構圖,整個感覺又變了~
但因為主體沒變,還是能體現「置身於偉大的風暴中」的感覺。一般來說,構圖是最容易變的,只需要將文字組和主體重新編排便可,難的是得出創意的過程。
甚至本王還可以再花兩秒鐘(該快的時候必須快!),光速做一個其他構圖~
包圍式構圖+年輕的色彩又是另一種感覺。所以當我們確定畫面創意後,可以多去嘗試下編排和構圖,會有不一樣的驚喜喲!
有愛卿又說了:不用半身人物,用全身可不可以?
當然是可以的,只要最終的結果能夠實現設計目標,又審美在線,那肯定是木得問題的!
這裡就以這兩張圖再做一版吧,左圖是雲層,可以通過極坐標處理成風暴中央;右圖的人物姿態,非常適合做成迎接風暴的感覺。
先將左圖用「極坐標+擠壓」工具,處理成環形,模擬風暴中心。
然後將摳出的人物放於風暴中心,加一點模糊來融入圖片。整體再加點雜色、暗角增強細節,主體就出來了。
「立於風暴中心,毅然前行」的感覺就有了,以此主體來做排版,先將主體放於畫面合適位置。
圖片與底色的交界處,可以用蒙版擦除,讓他們融為一體。
接下來思考一下,這個畫面用什麼樣的文字編排比較好呢?
給眾愛卿3秒鐘思考時間,算是複習一下之前的神功心法了,哈哈哈~
3
2
1
時間到~
這個版面圖片在上,那麼文字組放到下面,做成上下式構圖比較好。而圖片人物在中間左右相對對稱,相應的文字組最好也做成兩邊相對對稱的感覺。所以不管是人物還是文字組,形成的版面對稱的形式比較好,就像下面音樂海報~
來看一下文字排上去的感覺吧!
「蔣志個展」與人物對齊,左右分割版面,左右兩側分別放時間與地點,主標題做一個通欄,貫穿左右。整體與人物一致是相對對稱的感覺。
所以同樣的設計目標,可以有不同的呈現形式,具體還要看甲方和受眾來選擇。
通過這個例子,說明了創意是得到合適結果的過程,不管是用圖片、合成還是插畫等其他表現形式,都是為了達到設定的結果,形式是為目標而服務的。
接下來咱看一個商業屬性比較強的案例,其實商業設計和藝術設計,本質都是為商業服務,思路是一樣的,只不過受眾審美不同。
返程防疫險
用以下信息做設計手機端的運營Banner。
主標題:「返程保」 1折購 享20萬元保障
補充信息:我行代發工資客戶及指定客戶均可參加
這是疫情春節後開工返程期間建行推出的保險,為疫情回程提供保障。同樣得到需求後,不要立馬上手做,而是先去分析。
銀行的客戶年齡跨度很大,既有像本貓這種永遠十八歲的,也有像本王這般蒼老如八十歲的,所以設計風格上要考慮大眾的審美。這個時候如果還想玩藝術,那就完犢子了,搞不好甲方和受眾都會會揮40米長的大刀~
運營設計中常見插畫和照片的形式,他們也是比較符合符合大眾審美的形式,拿母親節的海報舉例。
左側是照片的形式,只不過在照片上加入了簡筆畫,進行了二次設計。小女孩嘗試做菜給媽媽吃,來表現母親節的主題,簡筆畫則是品牌方的各種產品。
右側的就是純插畫的形式,這種形式在運營設計上非常多,只不過不同的設計畫風差別很大。表現的是媽媽陪孩子學習的畫面,以此來表現母親節主題,也符合他們產品的屬性。
所以不管哪種形式,只要能符合受眾審美,又能完成設計目標,就是OK的。
回到「返程保」案例,這個就採用簡單插畫的形式吧,因為簡單省事!畢竟攝影照片需要安排模特、場景、道具等,比常見的運營插畫形式要多花不少時間嘞~(呸,大貓你就是懶~)
確定形式後我們來思考下設計目標。結合文案來看,畫面能夠表現返程、防疫、保護之類的概念就可以了。最好是能讓人一看就懂~
第一步做完了,就需要進入第二步啦「發散創意」~
這一步,就先跟着本王簡單做一下頭腦風暴吧!
頭腦風暴是可以不斷發散的,理論上可以做無限多。But,都知道本王比較懶,咱就這樣吧,因為這幾個關鍵詞已經可以組合成好幾個畫面啦。
接下來我們將這些元素組合起來構造一個場景,這個場景要能表現出第一步里定下來的目的。這也叫場景化思維!場景的具現就是你的創意思路~
具象合適的場景,其實就是第三步啦,比如這裡,咱具象化場景~
場景一:
一個人戴着口罩拖着行李箱走在回程路上,盾牌始終伴隨左右,保障着回程。
場景二:
小紅和小藍拖着行李箱向高樓大廈方向走去,代表回程,身後和遠方分別是代表保障的盾牌和愛心。
這倆場景都是剛才的的關鍵詞組合延伸而來,也都能夠表現設計的目的。當然,我們也可以加入交通工具、動車之類的元素,畫面又會變得不同~
只需要加入不同的元素就可以表現不同的故事畫面,具象到最後,實際上就是創意插畫的思路~我們第三步要做的,就是去找出合適的,能夠表現目標的創意~
所以貓式頭腦風暴+關鍵詞組合場景化,是很Nice的流程!不論做什麼設計都是可以運用噠~
思路和草圖有了後,剩下的就是第四步,和細化執行了。
這裡以場景二為例,因為建行LOGO是藍色,保險也是很理性嚴謹的東西,所以主色用藍色體現感覺。標題用了美術字形,更能表現活動氛圍,比黑體更活潑一點,但也不至於像卡通體那樣幼稚~
這個案例是幾年前帶的設計師做的,愛卿中肯定有執行做的比這個童鞋更好的,更好的執行肯定能來更好的畫面~平常做項目時我就會要求他們用貓式創意流程和場景化思維去做~如今他們升職的升職,加薪的加薪,跳槽的跳槽,早已不是昔日的菜鳥~大家都在變,只有本王的帥氣逼人一成不變~
所以眾愛卿還不趕緊操練起來!操練起來,神功大成,才能嫁到高富帥,迎娶白富美~
本來還想在搞幾個例子的,但不知不覺都已經5500字了,篇幅太長大家看的很累,只能下次有機會再去講咯~總之流程就在這裡。
最後嘛,本王再帶着眾愛卿分析2個海報的創意吧!
社會解剖
美術館裡的展覽,設計風格偏藝術一點,介於大眾與藝術之間。
他是用什麼創意體現「社會解剖」的主題呢?
畫面中最吸睛的是粉紅色的圖形,那麼創意也多半隱藏其中。
這個圖形頗似解剖時的切口,以此來體現「解剖」的主題。
楚門的世界
看過這電影的愛卿應該曉得,楚門的一生就是個悲劇。
從出生那一刻就活在一個人為製造的虛假世界裡,從出生起他的人生就被當成一個娛樂節目偷偷直播,他生活的一切都是虛假的,每時每刻都被各種隱匿的攝像頭偷窺着、直播着。
那麼這版電影海報是如何體現這一點呢?
打眼一看這海報不就是楚門的肖像嘛,但細看之下這個海報都是由楚門生活的各種鏡頭所構成,以此表現了活在鏡頭下的人生。
本王有事兒沒事兒的,看到好作品都會去分析背後的創意和思路。後面有機會,本王可以單獨開個「設計鑑賞」系列,專門和眾愛卿圍觀好作品及其背後的創意和細節!評論區呼聲搞起來,讓我看看大家期不期待~
那麼今天的文章就到這裡吧,下篇不出意外的話,是關於色彩的全新系列文章:
色彩神功《葵花寶典》系列~
畢竟,上期評論區里色彩的呼聲極高,本王必須得小小的滿足一下愛卿們!
好啦,今天又是摸魚的一天,下篇不見不散!
各位大佬點讚留言收藏走起,貓會很開心噠~


由於微信改了推送機制,為了能看到我們的乾貨,記得點亮「星標」和「在看」哦,不然就要失聯啦。如果你喜歡我們的文章,這是對我們最大的鼓勵和支持哦!

