本文由百圖記特邀嘉賓-Brenttton大神為大家分享「?階創(chuàng)意圖形中的?套路」。

Brenttton大神站酷主頁：http://brenton.zcool.com.cn/

追波主頁：https://dribbble.com/Breton-cn

△ 分享大綱

本文主要介紹Brenttton大神在創(chuàng)意圖形設(shè)計過程中創(chuàng)作和優(yōu)化的思路，希望大家根據(jù)這些思路，能去多練習(xí)多嘗試。

一、結(jié)構(gòu)

我們先來看第一個大的部分——結(jié)構(gòu)。

1. 打散重組——拆解原形，重新組裝。

例如這兩張圖，是現(xiàn)在平臺上很常見的一些產(chǎn)品包裝盒展示手法，它將完整的UI頁面進行拆分。然后分解出控件圖標(biāo)字體等元素，又重新排版組合。比直接把一張頁面干巴巴擺上去好很多。

這種手法本質(zhì)上講就是打破秩序，然后再創(chuàng)造更為合理的秩序。

大家常見的應(yīng)該是字體設(shè)計中的拆分，將文字的筆畫打散重組。

前段時間在線答題大戰(zhàn)十分火熱，很多人應(yīng)該都玩過，我當(dāng)時正好趕上這個項目，專門負責(zé)主持人的動態(tài)背景設(shè)計。

當(dāng)時有一期主題是詩詞漢字專場，因為今年是狗年，所以就用到了狗字。但如果說直接把狗字、狗年大吉、狗年旺旺……這些文字直接放上去未免俗套。

然后在打算重組形式的啟發(fā)下，把這個狗字的筆畫進行拆分并且做了三維化處理，增強它的立體感和縱深感；顏色上，采用經(jīng)典的紅黃搭配突出喜慶和大氣的感覺；最后背景加了一層淡淡的甲骨文符號，增強整體的文化底蘊。

再給大家看一個工作案例，是一個商業(yè)化合作的直播禮物設(shè)計，間接用到了打散的形式。

需求方一開始給到一束花的素材，要求不能亂加其他無關(guān)的元素，不能做三維化的處理，要盡可能地還原素材本身。那我的任務(wù)，就是把這個素材做成一個價值1314元人民幣的禮物動畫。

通常我們做禮物價格越高，越需要打造很強的氛圍感、場景感。于是我只能對其強行拆分和打散，營造熱烈的氛圍。

整個過程如下：

• 復(fù)制出兩個主體放到后面作遠景，并模糊處理，突出主體的同時增強氛圍。
• 拆分主體的一部分出來放到畫面兩個角落作前景，進一步強化氛圍，讓畫面更飽滿。
• 最后給主體加blingbling光效，背景層加萬能粒子特效。

2. 分割——對完整的形態(tài)進行切割。

△ 相關(guān)案例

3. 穿透——用一種物形去穿透另一種物形。

個人感覺穿透是比較小眾的一個套路，大家僅作參考即可。

4. 模擬——用一個物形或多個物形模擬另一種形態(tài)。

模擬手法在設(shè)計中用到的比較多，像QQ瀏覽器的開屏設(shè)計，用鴿子聚集模擬出字母Q的外形。QQ音樂用文字堆疊模擬QQ音樂的logo。

我平臺上的一些作品，經(jīng)常會用到這種手法。用動物、山水去模擬字母的形態(tài)。

5. 拼置——將兩個物形各取一部分拼合成一個新形象。同理于植物的嫁接。

拼置這個手法比較常見，像這兩張海報里面都是同樣的套路。左側(cè)電影海報將埃菲爾鐵塔和手槍結(jié)合起來，巧妙地闡述了故事發(fā)?生的題材和地點；右側(cè)的是一家文具廠商的廣告，將鉛筆和各種生活中的實際物體結(jié)合起來，體現(xiàn)出鉛筆栩栩如生的繪制，色彩還原度高。

6. 置換——物形中的某一部分被其他完整的物形所替代。

左側(cè)這張閃屏設(shè)計里面就是把風(fēng)箏的主體替換成了包裹來實現(xiàn)置換的效果。

右側(cè)這張是把具體部分替換成了了一個甜甜圈，寓意也很明顯，就是你垃圾食品吃多了，你也會變成垃圾。

此處有一點要注意，置換手法和拼制手法很容易混淆，看起來好像都是把兩個物品拼到一塊兒，但從形式上來說，兩者還是有明顯區(qū)別的。大家可以通過這兩個案例看出，置換手法中被替換的部分的通常是保持完整的；而拼置的物體彼此都是有缺損的。當(dāng)然大家不必太拘泥于這些條條框框，實際運用中可以靈活處理。

7. 共生——幾個物形共用一些部分或輪廓線，相互借用，相互襯托。

這里面有一種特殊的共生，也是平常最多用到的，即正負形，常見于各種logo設(shè)計。

二、材質(zhì)

1. 材質(zhì)異化——改變物形的材質(zhì)/肌理，塑造新形象，賦予新的意義。

隨著C4D的興起，3D材質(zhì)的添加和肌理的改變非常簡單。

2. 擬人化——給無生命的物體添加肢體或表情，使其靈動有趣。

這個手法網(wǎng)上的現(xiàn)有資料都沒有提到，但我們在設(shè)計中經(jīng)常用到，也是非常容易出效果的一種手法，很有趣味性，特別是那種萌表情的添加特別容易喚起人的情緒反應(yīng)。我將它總結(jié)到材質(zhì)這塊，就是把物體的無生命材質(zhì)替換成有生命力的材質(zhì)。

三、比例

1. 夸張縮放——對人們主觀經(jīng)驗上熟悉的事物進行尺度體量上的夸張變化。

UC瀏覽器這張開屏就是把手夸張地放大到足以囊括整個宇宙和星球，從而帶給人震撼的視覺體驗。

一定是夸張的縮放而不是微弱的改變，必須要達到一定的量變，從而形成質(zhì)變的觀感。簡而言之，就是對比越強烈效果越好。

四、空間

1. 開啟——將一個物形局部/整體開啟，顯露出藏在其中的另一個物形或空間。

開啟的部分往往是打開新世界的一個入口，可以是一扇門，或一扇窗。

這是給百萬贏家項目做的一個主持人動態(tài)背景板，其中也是用到了開啟的手法。當(dāng)時這期的主題是記憶大師。那和記憶最直接相關(guān)的就是大腦了，首先直接借用了了我之前的奇幻星球作品風(fēng)格，打造了一個外太空的奇幻記憶大師星球。然后用開啟的這種手法，讓他大腦內(nèi)部的空間呈現(xiàn)出來，并添加閃電的形式，去表現(xiàn)大腦在記憶時那種高速運轉(zhuǎn)的狀態(tài)。

2. 矛盾空間——在?維空間中呈現(xiàn)三維空間中不可能存在或難以再現(xiàn)的想象空間。

大家比較熟悉的應(yīng)該就是曾經(jīng)風(fēng)靡一時的游戲——紀(jì)念碑谷，其中就是用到矛盾空間的手法。這種手法本質(zhì)上就是利用人的視覺關(guān)注中心，它有一定的局限性，對同一物體在不同的視覺區(qū)域，它采用不同的透視角度進行不同的空間界定，從而營造出這種空間扭曲的錯覺效果。

3. 異影——主要以影子作為想象的著眼點，具體表現(xiàn)形式有投影/倒影/鏡像。

異影圖形最大的優(yōu)點就在于可以將事物不同時間狀態(tài)、因果關(guān)系、正反面還有現(xiàn)象與本質(zhì)等不同的元素巧妙地結(jié)合在一起，就能在靜態(tài)畫面中很好地去講故事。

結(jié)語

• 這些套路不只是適用于圖形設(shè)計，目前所有視覺領(lǐng)域的創(chuàng)意設(shè)計都和這些套路脫不了干系。創(chuàng)意的核心就是想象，聯(lián)想，我們要做的就是找到事物的特征部分，然后去改造其可塑部分。今后大家再去看優(yōu)秀作品的時候就要有意識地分析該作品有何亮點，用到了哪一種套路或是套路的變種，看看自己能不能舉一反三想出更好的套路。這樣不斷地去刻意練習(xí)，那大神之路指日可待。
• 任何行業(yè)任何領(lǐng)域發(fā)展到最后都是術(shù)與道的結(jié)合。套路、技法之類雖說是術(shù)的層面，但我們也不能忽視，必須勤加練習(xí)，日益精進。當(dāng)然要想上升到道的層面，必須跳脫出術(shù)的框架，養(yǎng)成積極樂觀的心態(tài)，真正的熱愛生活，熱愛工作，才有可能發(fā)現(xiàn)更多美的事物，做出有思想有靈魂的作品。

「繪制吸睛的插畫，來看這些教程」

• 《超實用！多色彩漸變插畫的核心技巧總結(jié)》
• 《描邊風(fēng)設(shè)計中，最容易犯的8種問題分析》
• 《看著高大上的2.5D插畫，輕松5步就可以做出來！》

歡迎關(guān)注作者微信公眾號：「SA九五二七」

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導(dǎo)航：國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航，設(shè)計師必備： http://hao.uisdc.com