經(jīng)驗(yàn) | 品牌插畫從0到1的「創(chuàng)意過程」

優(yōu)秀個(gè)人公眾號(hào)推薦:彩云Sky

我知道最近最火的話題莫過于微信7.0的改版了,打開微信“看一看”,里面關(guān)于這次更新的文章幾乎都刷屏了惕艳,看到很多自媒體為了蹭熱點(diǎn)而寫的分析文章,都分析出花了驹愚,我就不去湊這個(gè)熱鬧了远搪。


今天的文章主要介紹了一種品牌創(chuàng)意思路,方便大家做項(xiàng)目時(shí)進(jìn)行合理的逢捺,有步驟谁鳍,有目標(biāo)的進(jìn)行品牌設(shè)計(jì)。


最近在做與品牌相關(guān)的UI工作,我的體會(huì)是:品牌貫穿了所有設(shè)計(jì)內(nèi)容倘潜,它是一套體系绷柒,只不過最后的落腳點(diǎn)不同而已。通過串聯(lián)這些落腳點(diǎn)涮因,形成品牌記憶废睦,最后把產(chǎn)品的調(diào)性體現(xiàn)出來。而對于品牌在UI中的落腳點(diǎn)來說养泡,可能會(huì)在圖標(biāo)嗜湃、動(dòng)效、配色澜掩、空頁面购披、加載狀態(tài)、圖案肩榕、輔助圖形刚陡、字體這些細(xì)節(jié)點(diǎn)上(這些點(diǎn)也可以作為后期項(xiàng)目復(fù)盤時(shí),自己總結(jié)推導(dǎo)的方向)点把。


今天這篇文章就是我在做項(xiàng)目時(shí)橘荠,導(dǎo)師發(fā)給我的一篇很有啟發(fā)性的品牌推導(dǎo)文章,純干貨郎逃,我看完覺得學(xué)到了很多,包括品牌的設(shè)計(jì)步驟挺份,如何決策褒翰,品牌風(fēng)格如何統(tǒng)一等等,看完后連項(xiàng)目總結(jié)都有思路了匀泊!所以決定分享給大家优训,相信一定也會(huì)對大家有所幫助!


文章的原作者是一位品牌專家各聘,看他的behance主頁就能知道揣非,頭條推薦,專題刊登無數(shù)躲因,而且基本上都是品牌類的早敬。本篇文章發(fā)布于2015年,但即使現(xiàn)在看也是不過時(shí)的大脉,依然能成為總結(jié)文章的范本搞监。




看這篇文章之前,我覺得可以帶著這幾個(gè)問題镰矿,會(huì)有更好的效果:


1琐驴、如何總結(jié)創(chuàng)意思路?

2、如何做好設(shè)計(jì)一致性绝淡?

3宙刘、如何快速?zèng)Q策?

4牢酵、哪些重要的設(shè)計(jì)過程需要說明悬包?




這篇文章是關(guān)于我在2015年,為Azzurri公司創(chuàng)作的一套品牌插圖的思路總結(jié)茁帽。



? ?項(xiàng)目介紹? ?


這套作品是倫敦的代理公司MrB&Friends委托我為Azurri設(shè)計(jì)的一系列公司插圖玉罐。項(xiàng)目需求是結(jié)合公司品牌特征打造一個(gè)個(gè)性化的插畫風(fēng)格,并希望能創(chuàng)造出6個(gè)不同的概念場景插畫潘拨,來適應(yīng)不同場景下的需要吊输,提升整個(gè)公司的視覺形象。



為企業(yè)創(chuàng)作插畫的方法跟我平時(shí)做其他插畫項(xiàng)目時(shí)用到的方法有很多不同之處铁追。我會(huì)去發(fā)掘其中比較具有共通性的設(shè)計(jì)方法季蚂,首先都是要進(jìn)行風(fēng)格的探索,做出多種不同方向的嘗試琅束,然后把多種探索稿擺在一起扭屁,通過比較選擇出正確的方向,并在那個(gè)基礎(chǔ)上畫出最終的插圖涩禀。


(譯者注:做風(fēng)格探索的時(shí)候料滥,可以不用把畫面做到很細(xì)致,但是一定要有差異性艾船,要能達(dá)到一眼就能分辨出是不同的方案葵腹,這樣才能方便比較決策。)



? ?基本規(guī)范? ?


我們在前期會(huì)根據(jù)品牌需求屿岂,做一個(gè)基本概念定義践宴,目的是明確想傳達(dá)品牌風(fēng)格:“個(gè)性鮮明,溝通靈活爷怀,簡單扁平阻肩,并有科技感的現(xiàn)代美學(xué)”。




? ?風(fēng)格探索? ?


第一階段运授,我嘗試了三種不同方向的風(fēng)格探索烤惊。我會(huì)把這些嘗試的方案都放在一起進(jìn)行比較,有了對比才能使目標(biāo)變清晰徒坡。對比后撕氧,一些風(fēng)格會(huì)被舍棄掉,而另一些則會(huì)得到保留喇完,這使得我能夠很快做出合理的決策伦泥。



當(dāng)時(shí)做了以下三種風(fēng)格的探索




? ?風(fēng)格演變? ?


第二階段剥啤,在風(fēng)格探索的基礎(chǔ)上做出設(shè)計(jì)的組合風(fēng)格,這個(gè)階段的產(chǎn)出是可以作為圖形資源來使用的組件元素不脯。最開始定義的構(gòu)圖非常關(guān)鍵府怯,未來將是整個(gè)插畫工作的開始。




? ?元素設(shè)計(jì)???


項(xiàng)目的最終目標(biāo)是能以結(jié)構(gòu)靈活的插畫來達(dá)到畫面的表現(xiàn)力防楷。為了實(shí)現(xiàn)這一點(diǎn)牺丙,有必要打造一套組合的規(guī)則體系,既能夠進(jìn)行復(fù)雜的畫面組合复局,也能夠拆分開來使用其中的元素冲簿。因此,這套規(guī)則體系是以圖標(biāo)開始亿昏,以最小的組合形式來進(jìn)行構(gòu)建的峦剔。

這套元素建立了一個(gè)獨(dú)有的世界觀,能夠在不同層級(jí)上充當(dāng)品牌傳播的工具角钩。




? ?人物設(shè)計(jì)? ?




? ?插畫設(shè)計(jì)? ?



基于六家公司服務(wù)的領(lǐng)域吝沫,我設(shè)計(jì)了6張不同的概念插畫。畫面中的構(gòu)圖有非常豐富的細(xì)節(jié)递礼,以及大量的視覺隱喻符號(hào)惨险。


風(fēng)險(xiǎn)管理


客戶關(guān)系


業(yè)務(wù)一體化


業(yè)務(wù)靈活


高效生產(chǎn)


合法生產(chǎn)



? ?細(xì)節(jié)展示? ?


插圖中的每個(gè)部分都隱藏著一些傳達(dá)信息的小場景。沒有浪費(fèi)每一寸空間脊髓,當(dāng)然也沒有一處是隨意擺放的辫愉,每一個(gè)元素的添加都經(jīng)過了思考。另外将硝,最重要的是融入了人物和行為一屋,讓畫面有了生命力。




? ?顏色構(gòu)成? ?


每個(gè)插畫都是基于三種不同的顏色組合而成袋哼,這些顏色飽和度都很低,并且只僅僅用了公司的品牌色闸衫。根據(jù)具體的應(yīng)用場景涛贯,為插畫的視覺重量做了一些不同深淺的規(guī)范。




? ?實(shí)際應(yīng)用? ?


我們還為這個(gè)系統(tǒng)做了一套完整的使用手冊蔚出,而這套插圖在其中起到了關(guān)鍵性作用弟翘。以下是一些具體的應(yīng)用示例。



? ?感謝? ?





原文:https://www.behance.net/gallery/29426299/AZZURRI-Corporate-Illustration?fbclid=IwAR2caBMDnalvkF9go-hnDtOP6-bhtaVwHjCPkvyzhFQcYmMfqZTjNxIuIII

作者:M?uco Sos?

譯者:彩云Sky

關(guān)于不錯(cuò)研究室



不錯(cuò)研究室是由一群熱愛設(shè)計(jì)分享的設(shè)計(jì)師發(fā)起的神秘組織骄酗、以問題為導(dǎo)向的分享組織稀余,定期推薦不錯(cuò)的全球設(shè)計(jì)師進(jìn)行直播分享,原創(chuàng)干貨+精選轉(zhuǎn)載+微課報(bào)名趋翻,不錯(cuò)真的不錯(cuò)睛琳!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市师骗,隨后出現(xiàn)的幾起案子历等,更是在濱河造成了極大的恐慌,老刑警劉巖辟癌,帶你破解...
    沈念sama閱讀 219,589評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件寒屯,死亡現(xiàn)場離奇詭異,居然都是意外死亡黍少,警方通過查閱死者的電腦和手機(jī)寡夹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評(píng)論 3 396
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來厂置,“玉大人菩掏,你說我怎么就攤上這事∨┰ǎ” “怎么了患蹂?”我有些...
    開封第一講書人閱讀 165,933評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長砸紊。 經(jīng)常有香客問我传于,道長,這世上最難降的妖魔是什么醉顽? 我笑而不...
    開封第一講書人閱讀 58,976評(píng)論 1 295
  • 正文 為了忘掉前任沼溜,我火速辦了婚禮,結(jié)果婚禮上游添,老公的妹妹穿的比我還像新娘系草。我一直安慰自己,他們只是感情好唆涝,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,999評(píng)論 6 393
  • 文/花漫 我一把揭開白布找都。 她就那樣靜靜地躺著,像睡著了一般廊酣。 火紅的嫁衣襯著肌膚如雪能耻。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,775評(píng)論 1 307
  • 那天亡驰,我揣著相機(jī)與錄音晓猛,去河邊找鬼。 笑死凡辱,一個(gè)胖子當(dāng)著我的面吹牛戒职,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播透乾,決...
    沈念sama閱讀 40,474評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼洪燥,長吁一口氣:“原來是場噩夢啊……” “哼磕秤!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蚓曼,我...
    開封第一講書人閱讀 39,359評(píng)論 0 276
  • 序言:老撾萬榮一對情侶失蹤亲澡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后纫版,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體床绪,經(jīng)...
    沈念sama閱讀 45,854評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,007評(píng)論 3 338
  • 正文 我和宋清朗相戀三年其弊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了癞己。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,146評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡梭伐,死狀恐怖痹雅,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情糊识,我是刑警寧澤绩社,帶...
    沈念sama閱讀 35,826評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站赂苗,受9級(jí)特大地震影響愉耙,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜拌滋,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,484評(píng)論 3 331
  • 文/蒙蒙 一朴沿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧败砂,春花似錦赌渣、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,029評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至斜姥,卻和暖如春货岭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背疾渴。 一陣腳步聲響...
    開封第一講書人閱讀 33,153評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留屯仗,地道東北人搞坝。 一個(gè)月前我還...
    沈念sama閱讀 48,420評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像魁袜,于是被迫代替她去往敵國和親桩撮。 傳聞我的和親對象是個(gè)殘疾皇子敦第,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,107評(píng)論 2 356

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

  • 插畫在中國被人們俗稱為插圖融师。今天通行于國外市場的商業(yè)插畫包括出版物配圖右钾、卡通吉祥物、影視海報(bào)旱爆、游戲人物設(shè)定及...
    Evan_Zu閱讀 2,736評(píng)論 1 21
  • “你要搞清楚自己人生的劇本,不是你父母的續(xù)集房待,不是你子女的前傳邢羔,更不是你朋友的外篇。對待生命你不妨大膽冒險(xiǎn)一點(diǎn)桑孩,因...
    Emma丟閱讀 449評(píng)論 0 6
  • 今天同學(xué)們利用社護(hù)課給大家進(jìn)行了健康講座:如鼻炎拜鹤,痛風(fēng),高血壓洼怔,自閉癥等等署惯。大家制作了手抄報(bào),宣傳手冊镣隶,海報(bào)等等來...
    青島衛(wèi)校15護(hù)3閱讀 201評(píng)論 0 0
  • 我們知道极谊,無論是深度學(xué)習(xí)還是深度增強(qiáng)學(xué)習(xí),都是一種表示經(jīng)驗(yàn)的辦法安岂,都需要通過樣本獲取和表達(dá)經(jīng)驗(yàn)轻猖。但是,深度增強(qiáng)學(xué)習(xí)...
    呂鵬_hunhun閱讀 1,782評(píng)論 0 1
  • 近年來隨著人們生活水平的不斷提高域那,人們對生活的追求也愈發(fā)高雅精致咙边,于是新中式純實(shí)木茶桌開始流行起來。 新中式純實(shí)木...
    朽木傳奇閱讀 1,225評(píng)論 0 0