我知道最近最火的話題莫過于微信7.0的改版了,打開微信“看一看”,里面關(guān)于這次更新的文章幾乎都刷屏了,看到很多自媒體為了蹭熱點而寫的分析文章,都分析出花了,我就不去湊這個熱鬧了。
今天的文章主要介紹了一種品牌創(chuàng)意思路,方便大家做項目時進行合理的,有步驟,有目標的進行品牌設(shè)計。
最近在做與品牌相關(guān)的UI工作,我的體會是:品牌貫穿了所有設(shè)計內(nèi)容,它是一套體系,只不過最后的落腳點不同而已。通過串聯(lián)這些落腳點,形成品牌記憶,最后把產(chǎn)品的調(diào)性體現(xiàn)出來。而對于品牌在UI中的落腳點來說,可能會在圖標、動效、配色、空頁面、加載狀態(tài)、圖案、輔助圖形、字體這些細節(jié)點上(這些點也可以作為后期項目復(fù)盤時,自己總結(jié)推導(dǎo)的方向)。
今天這篇文章就是我在做項目時,導(dǎo)師發(fā)給我的一篇很有啟發(fā)性的品牌推導(dǎo)文章,純干貨,我看完覺得學(xué)到了很多,包括品牌的設(shè)計步驟,如何決策,品牌風(fēng)格如何統(tǒng)一等等,看完后連項目總結(jié)都有思路了!所以決定分享給大家,相信一定也會對大家有所幫助!
文章的原作者是一位品牌專家,看他的behance主頁就能知道,頭條推薦,專題刊登無數(shù),而且基本上都是品牌類的。本篇文章發(fā)布于2015年,但即使現(xiàn)在看也是不過時的,依然能成為總結(jié)文章的范本。
看這篇文章之前,我覺得可以帶著這幾個問題,會有更好的效果:
1、如何總結(jié)創(chuàng)意思路?
2、如何做好設(shè)計一致性?
3、如何快速決策?
4、哪些重要的設(shè)計過程需要說明?
這篇文章是關(guān)于我在2015年,為Azzurri公司創(chuàng)作的一套品牌插圖的思路總結(jié)。
項目介紹
這套作品是倫敦的代理公司MrB&Friends委托我為Azurri設(shè)計的一系列公司插圖。項目需求是結(jié)合公司品牌特征打造一個個性化的插畫風(fēng)格,并希望能創(chuàng)造出6個不同的概念場景插畫,來適應(yīng)不同場景下的需要,提升整個公司的視覺形象。
為企業(yè)創(chuàng)作插畫的方法跟我平時做其他插畫項目時用到的方法有很多不同之處。我會去發(fā)掘其中比較具有共通性的設(shè)計方法,首先都是要進行風(fēng)格的探索,做出多種不同方向的嘗試,然后把多種探索稿擺在一起,通過比較選擇出正確的方向,并在那個基礎(chǔ)上畫出最終的插圖。
(譯者注:做風(fēng)格探索的時候,可以不用把畫面做到很細致,但是一定要有差異性,要能達到一眼就能分辨出是不同的方案,這樣才能方便比較決策。)
基本規(guī)范
我們在前期會根據(jù)品牌需求,做一個基本概念定義,目的是明確想傳達品牌風(fēng)格:“個性鮮明,溝通靈活,簡單扁平,并有科技感的現(xiàn)代美學(xué)”。
風(fēng)格探索
第一階段,我嘗試了三種不同方向的風(fēng)格探索。我會把這些嘗試的方案都放在一起進行比較,有了對比才能使目標變清晰。對比后,一些風(fēng)格會被舍棄掉,而另一些則會得到保留,這使得我能夠很快做出合理的決策。
當時做了以下三種風(fēng)格的探索:
風(fēng)格演變
第二階段,在風(fēng)格探索的基礎(chǔ)上做出設(shè)計的組合風(fēng)格,這個階段的產(chǎn)出是可以作為圖形資源來使用的組件元素。最開始定義的構(gòu)圖非常關(guān)鍵,未來將是整個插畫工作的開始。
元素設(shè)計
項目的最終目標是能以結(jié)構(gòu)靈活的插畫來達到畫面的表現(xiàn)力。為了實現(xiàn)這一點,有必要打造一套組合的規(guī)則體系,既能夠進行復(fù)雜的畫面組合,也能夠拆分開來使用其中的元素。因此,這套規(guī)則體系是以圖標開始,以最小的組合形式來進行構(gòu)建的。
這套元素建立了一個獨有的世界觀,能夠在不同層級上充當品牌傳播的工具。
人物設(shè)計
插畫設(shè)計
基于六家公司服務(wù)的領(lǐng)域,我設(shè)計了6張不同的概念插畫。畫面中的構(gòu)圖有非常豐富的細節(jié),以及大量的視覺隱喻符號。
風(fēng)險管理
客戶關(guān)系
業(yè)務(wù)一體化
業(yè)務(wù)靈活
高效生產(chǎn)
合法生產(chǎn)
細節(jié)展示
插圖中的每個部分都隱藏著一些傳達信息的小場景。沒有浪費每一寸空間,當然也沒有一處是隨意擺放的,每一個元素的添加都經(jīng)過了思考。另外,最重要的是融入了人物和行為,讓畫面有了生命力。
顏色構(gòu)成
每個插畫都是基于三種不同的顏色組合而成,這些顏色飽和度都很低,并且只僅僅用了公司的品牌色。根據(jù)具體的應(yīng)用場景,為插畫的視覺重量做了一些不同深淺的規(guī)范。
實際應(yīng)用
我們還為這個系統(tǒng)做了一套完整的使用手冊,而這套插圖在其中起到了關(guān)鍵性作用。以下是一些具體的應(yīng)用示例。
感謝
原文:https://www.behance.net/gallery/29426299/AZZURRI-Corporate-Illustration?fbclid=IwAR2caBMDnalvkF9go-hnDtOP6-bhtaVwHjCPkvyzhFQcYmMfqZTjNxIuIII
作者:M?uco Sos?
譯者:彩云Sky
全站高品質(zhì)素材免費下載!