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

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

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

△ 分享大綱

本文主要介紹Brenttton大神在創意圖形設計過程中創作和優化的思路，希望大家根據這些思路，能去多練習多嘗試。

一、結構

我們先來看第一個大的部分——結構。

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

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

這種手法本質上講就是打破秩序，然后再創造更為合理的秩序。

大家常見的應該是字體設計中的拆分，將文字的筆畫打散重組。

前段時間在線答題大戰十分火熱，很多人應該都玩過，我當時正好趕上這個項目，專門負責主持人的動態背景設計。

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

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

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

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

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

整個過程如下：

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

2. 分割——對完整的形態進行切割。

△ 相關案例

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

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

4. 模擬——用一個物形或多個物形模擬另一種形態。

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

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

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

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

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

左側這張閃屏設計里面就是把風箏的主體替換成了包裹來實現置換的效果。

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

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

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

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

二、材質

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

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

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

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

三、比例

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

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

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

四、空間

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

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

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

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

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

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

異影圖形最大的優點就在于可以將事物不同時間狀態、因果關系、正反面還有現象與本質等不同的元素巧妙地結合在一起，就能在靜態畫面中很好地去講故事。

結語

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

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

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

歡迎關注作者微信公眾號：「SA九五二七」

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

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

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com