@飛屋睿UIdesign?：一直研究線條，就會發(fā)現(xiàn)，線條除了表現(xiàn)我們普通日常所見的圖標(biāo)化的個體以外，還可以表現(xiàn)更大更復(fù)雜的風(fēng)景。但是后者會有一定難度，如果線條比較粗的情況下，尤其無法更好去展示細(xì)節(jié)（比如要表現(xiàn)云朵或者空中漂浮的柳絮等）。當(dāng)時我有點(diǎn)卡在這個思路上沒有進(jìn)展。

過兩天，我突然憑空有了靈感，想到了「簡化」這一條路。嘗試用簡化的方法，雖然看起來粗糙，但又進(jìn)入到新的層面。我想我們不是要單單造景，而是要傳遞景色。因此，景色用線和色塊的組合，就這樣一步步展開。

靈感來源

于是我有了這一組作品大千之鏡，這一組作品就是基于粗線+景色的方式來創(chuàng)作，其中重點(diǎn)的表現(xiàn)是「色」（漸變組合）。

提示：

本操作注重設(shè)計思維的過程，不涉及到軟件的具體詳細(xì)操作，如果對軟件操作生疏的小伙伴，可以移步到這里看看這個簡單的快速上手AI的操作視頻。

△ 得到形狀的四種方法：拼、減、裁、畫

參考照片不等于臨摹照片

外景的繪制，需要非常概括化。由于這里我們的規(guī)劃是把景物畫在一個小圓矩形的框內(nèi)，其實(shí)空間是很有限的。因此線條的設(shè)置也就要趨于簡單。

簡化是一個非常重要的思路，你可以用照片開始研究。當(dāng)然，我在創(chuàng)作的時候，不止借鑒了一張照片，而是把多張照片進(jìn)行結(jié)合參考。

參考照片里的布局、構(gòu)圖、透視……然后提煉最基本的形狀。

如果有興趣你可以看下面這支視頻：

△ 靈感怎么來？參考照片的幾點(diǎn)技巧

構(gòu)建基礎(chǔ)線條

如果在細(xì)節(jié)并不累贅的情況下，簡化的圖案可以采用網(wǎng)格來幫助表達(dá)。當(dāng)然這取決于你的習(xí)慣。

STEP 01

打開AI，新建一個1600*1600px的文檔。在這個文檔中畫出一個圓角矩形，然后在這個圓角矩形當(dāng)中謀篇布局。首先用幾個線條把最大的基礎(chǔ)形勾勒出來。外框線條采用30px，而內(nèi)部的線條可以稍微減小，變?yōu)?5px，再細(xì)可以變?yōu)?0px。

線條的粗細(xì)設(shè)置原則就是讓其遵循一定的韻律感，比如都是5的倍數(shù)。

圖案猶如搭積木那樣建立起整個畫面。

STEP 02

繼續(xù)以搭積木的邏輯來填滿左邊建筑群的畫面。這時我們要學(xué)會跳出「技」的思維層面，這在我的授課經(jīng)驗(yàn)當(dāng)中也反復(fù)和學(xué)生強(qiáng)調(diào)：我們并不是在學(xué)會如何畫這個對象，比如這里我們在繪制小鎮(zhèn)風(fēng)景。我們學(xué)會的是背后的創(chuàng)作思維。

這里我引用一段豐子愷在《認(rèn)識繪畫》這本書里的原話：

「圖畫就同數(shù)學(xué)和體育一樣。人生不一定要畫蘋果、香蕉、花瓶、茶壺。原不過是借這種研究來訓(xùn)練人的眼睛，使眼睛正確而又敏感，真而又美?！?/p>

用在這里，就是通過畫小鎮(zhèn)、建筑的過程來訓(xùn)練自己對線條造型的能力。而這個能力表現(xiàn)出來就是既符合建筑的外形，又能讓它看起來美觀自然。

STEP 03

繼續(xù)往下，就是把我們的形狀再一次優(yōu)化。優(yōu)化形狀有兩個層面需要注意：

• 形狀銜接是否閉合
• 整體的形狀是否均勻

這是宏觀和微觀的兩個方向。然后再適當(dāng)調(diào)整增刪形狀。

STEP 04

增加細(xì)節(jié)一般來說是最后一步的框架工作。這時我們又要切換一個角度：剛開始我們把線的作用看作是建立輪廓，這時，需要拿線來當(dāng)作細(xì)節(jié)的描繪擔(dān)當(dāng)。比如下面用一個蘋果作例子，你就能理解了。線的兩個作用：勾勒和描繪，在這里就能體現(xiàn)出來。

因此這里增加的細(xì)節(jié)（窗戶、門、波浪、海鳥等）都是發(fā)揮線的描繪作用。

到這一步我們的輪廓線就完成了。這時可以將它們擴(kuò)展外觀。

在很多LOGO設(shè)計當(dāng)中，到這一步其實(shí)就可以告一段落了，因?yàn)榇蟛糠直馄斤L(fēng)格的LOGO都只需要一個輪廓，色彩可以是一個隨機(jī)的單色。

色彩框架

建立色彩框架，其實(shí)就是找到一種觀察色彩的角度。利用兩個色彩間的關(guān)系演化成一個色彩陣列。在下面這個視頻中，你可以了解更多關(guān)于色彩陣列。

△ 色彩陣列：給初學(xué)者的色彩框架圖

STEP 01

依據(jù)上面的理論，我獲得了這個色彩陣列。我們的色彩就從這里開始。主色確定為藍(lán)色（這從我們的照片里獲得了靈感），次色為粉色和薄荷綠。

STEP 02

當(dāng)然，色彩陣列的作用并不是要讓我們用上所有的色彩，仍然根據(jù)實(shí)際的情況去繁化簡。在關(guān)鍵的色彩上進(jìn)行不斷的嘗試，找到最好的組合。

運(yùn)用形狀生成器工具來進(jìn)行上色，把主色進(jìn)行分布。

STEP 03

繼續(xù)運(yùn)用上次色薄荷綠，這時大家要注意色彩的微妙變化，在單一色彩出現(xiàn)的時候，看起來一切都很完美，一旦加入了第二種顏色情況就開始變復(fù)雜了。

這也和我們平時生活是一樣的，一個人的時候什么都好，兩個人就會出現(xiàn)人際關(guān)系。復(fù)雜的讓人頭疼也讓人歡喜的關(guān)系，就帶來了更多的生機(jī)和起伏。

我們看到雖然我們運(yùn)用次色，但也在部分色塊上帶來了更多的色彩上的變化，這也是有了色彩陣列后可以輕易做到的。

STEP 04

第三種色彩是紅色，我們可以繼續(xù)運(yùn)用在圖形中。

STEP 05

主要的色彩控制在三種，剩下的色彩可以繼續(xù)在現(xiàn)有色彩基礎(chǔ)上再微調(diào)，比如調(diào)整色彩的明度或者飽和度來獲取更為細(xì)膩的變化。

注意在這里的白色的運(yùn)用。

光影漸變

由于有光，我們才得已看見不同的色彩。根據(jù)這個真理，如果要想獲得更為豐富的光感，漸變也是一個非常重要的上色要素。

STEP 1

在運(yùn)用漸變前，我的建議就是先做好平涂的工作。平涂是建立整體的色彩均衡，然后再根據(jù)光線的情況進(jìn)行微調(diào)。

而且對于漸變，我們需要加以克制，只需要選取其中一種色彩，然后在這個色彩比較窄的范圍內(nèi)進(jìn)行微調(diào)。比如在這里我們將紅色用上漸變，使紅色產(chǎn)生一些微妙的變化。

STEP 2

然后給建筑補(bǔ)上陰影，陰影的出現(xiàn)根據(jù)「美且真」的原則來安排。這里可能很多人會問什么是「美且真」原則，下面同樣是出自豐子愷的《認(rèn)識繪畫》的一段描述：

圖畫兼有欣賞與實(shí)用兩種效果。欣賞是美的，實(shí)用是真的，故圖畫練習(xí)必須兼顧「真」和「美」這兩個條件。具體地說：譬如描一瓶花，要仔細(xì)觀察花、葉、瓶的形狀、大小、方向、色彩，不使描錯。這是「真」方面的功夫。同時又須巧妙地配合，巧妙地布置，使它妥帖。這時「美」方面的功夫。

了解了這個原則，就在練習(xí)中去試探畫面這兩個要素的平衡。

陰影的制作需要注意的是三點(diǎn)：

• 找到光源
• 陰影顏色的配置
• 不必完全寫實(shí)

這三點(diǎn)可以通過下面這個視頻中詳細(xì)給大家演示：

△ 線條插畫中增加陰影的三步技法

完成后的效果如下：

點(diǎn)狀高光

創(chuàng)作最后一步，這里我們增加了一個小細(xì)節(jié)，也是突然想到的點(diǎn)睛之筆，給畫面增加點(diǎn)狀高光。

STEP 1

在平面構(gòu)成中，一個點(diǎn)可以是一個圓點(diǎn)，也可以是一個小方塊。在這個畫面當(dāng)中，我們就利用白色的小方塊來制造畫面的高光部分。

增加了點(diǎn)狀高光的畫面，就會讓畫面更加活潑。

最終效果：

后記：背后的思路

寫這篇文章我整理出了三段視頻，通過視頻也許會給初學(xué)者更多啟發(fā)。我之前一直糾結(jié)在是做視頻還是寫文章兩條路子，本來想文章+視頻是最好的方式，各取所需。但是后來操作過程發(fā)現(xiàn)兩條路沒辦法并行。只能在文章當(dāng)中，穿插更多我認(rèn)為值得展開的部分。

視頻作為文章的補(bǔ)充，而文章又作為視頻的補(bǔ)充。雖然現(xiàn)在大家都說沒時間看文字，視頻也更加直接，但是我始終覺得潛心學(xué)習(xí)的東西，用文字是更易于查詢和記錄的。視頻和文章都無法取代彼此。