@飛屋睿UIdesign?：在設計里，點線面中的「面」，也許是我們最常使用的構成元素了。有時候我們也把面稱為“形”。形的豐富多樣，虛實變換就能讓你玩出各種不同風格的視覺效果。本篇主要介紹平面設計中面的風格及視覺感受，面的作用以及玩法。

往期回顧：

1. 《平面設計中如何用“點”提高視覺張力？》
2. 《實戰教程！聊聊平面構成中線的風格和玩法》

具體到電商設計的玩法，可以參見這篇：《設計基礎功！聊聊平面構成中的點線面（超多案例）》

一、面也是一種軌跡

當我們說點是線的移動軌跡的同時，其實面也是線的移動軌跡。面擁有二維成像的特征，只有長度、寬度等，沒有厚度。

直線的平行移動為方形，直線回旋移動成圓形，直線和弧線結合運動形成不規則形。

二維平面也可以產生出三維的視覺效果，是我們利用了光線和透視的原理，也就是玩了一場小把戲。下面這個人物，其實就是由許多直線形的面所構成的。利用色彩來模擬光照，我們就能獲得一種三維的立體效果。

二、感性與理性

用線封閉成形且填充后就能成為一塊面，這塊面會有一種充實感，讓你實際體會到它的存在。一塊面與另一塊面的區別就在于它的輪廓外形。

直線圍繞而成的形，如方形、三角形、平行四邊形等會給人一種踏實、平穩的感受，當然也會有城市建筑感。在這兩年，直線型的插畫設計非常流行，它提煉了事物的外形，獲得一種抽象的理性美感。

雖然是曲線形的面，但它必須為尺規數理所約束，也同樣擁有直線形的面所有的理性和秩序。比較常見的是圓形，它與直線形有機聯合，共同創造的形象，并非一絲不茍，而又充分演繹了這樣一種理性審美風。

就像曲線能表達出某種自由浪漫，曲線形也同樣適用于所有類似的題材，例如女性、兒童等柔和活潑的主題。

最后一類是不規則的形，它完全沒有曲直的規律，似乎只是偶然形成，比如水紋、火苗、大理石紋理等，天下沒有完全相同的兩片葉子，同樣解釋也就是所有自然所形成的偶然形都不完全相同，因此它即使形成了紋理，也是有機紋理，運用偶然形就能設計出自然生機。通常這類形像是以群集的方式出現，比如下圖中公雞的羽毛。

因此，我們可以這樣說，如果這個世界上的氛圍可以簡化為理性和感性，把它們設定為兩個極端，那么我們就有了這個認識。

設計時，你就能參考這個滑塊，根據設計的題材選用不同的形態來表現不同的氛圍。比如你的題材涉及到男性，那么你所考慮選用的形就靠左，女性題材則設計時就以曲線居多。左邊象征理性，右邊象征感性，這也和我們左右腦的分工是一致的。

但是，我的個人體驗就是純感性或純理性都不太理想，應該是相互雜糅在一起，有機結合，才能陰陽協調。

三、面與面

一個設計中往往只出現一個面的幾率很小，通常我們會運用多個面來創建圖形，而面與面之間會發生關系，概括起來，面與面會發生八種關系。

這八種關系并非單一發生，也有可能是組合在一起共同發生，形成錯綜復雜的關系，共同營造整個平面的設計氛圍。但是在實際操作中，如果面與面所發生關系過多，會讓觀眾產生視覺判斷的疲勞，從而放棄對設計的理解，因此我們要針對不同的目的進行關系編排。

也是利用面的關系，我們在矢量圖形中進行創作時，就能利用不同圖形間的關系進行編排創作。

四、虛實空間

除了面與面之間的關系，面與空間也有一定的關系，什么是空間呢？簡單說，就是你的焦點圖形外的背景。背景其實也是一塊面，只是它的視覺影響力稍弱，處于退后的位置。于是，我們把一個畫面簡單概括為正負形，也有的稱為前后景。背景其實是負形空間，正負形關系相互影響。

比如我曾經在文章《網頁設計中的極簡風格—無的力量》中提到，負空間其實也是設計的元素。現代的設計非常重視留白，是因為我們大量從正形的意義出發，最后導致正形占據壓倒性的關注，然而這并不利于焦點的突出。

比較有趣的關系是讓大家注意到負形，因此，我們可以利用正負形共同創作。例如下圖中就是背景融入到前景中的一種最為簡單的創作方式。

五、正負形插畫實例：不小心很容易玩壞一個妹子

正負形都參與了主動造型的設計看起來非常奇妙，我們要學的并不是這個結果，而是如何思考正負形。

從攝影照片里找出正負形的關系來創建構圖，非常重要的一個不可見的步驟是簡化視覺。將高光陰影的關系精簡到只剩下唯一線索。然后在軟件中用鋼筆工具勾畫出主要的輪廓形。這里是將原圖細節都模糊處理，全部提煉為扁平的形。采用曲線造型突出女性的柔和。

在AI中是用面的關系在組合你的圖像，前期一定要認真分析清楚面面關系。不思考就開工，你真的很容易玩壞一個妹子。

經過精煉后，你可以從正形中再考慮用哪一個形狀去“融合”負形。因為這張圖的負形其實很簡單，就是白色背景。因此，最后面對的問題就是，你的背景色與哪一個負形的色彩相同？只要兩個色塊相互接觸，其實就能發生融合的作用。

讓我們先用頭發試試。

看上去感覺整個畫面都是她的頭發，這時，如果頭發上沒有任何的裝飾，其實看上去略枯燥。因為你只是將頭發隱藏在背景中了，只剩下臉。

再換成膚色，讓脖子以下的部分融入負形。這里可以適當換一下配色。

這個模特的形象依然是非常清晰的，因為有陰影的參與，我們仍然仿佛可以看到她的脖子。腦補成功出一個完整的人像。

最后試試采用衣服的顏色。

衣服的粉色非常飽滿突出。整個畫面沖擊力較強。

一個簡單的矢量人像插畫采用了三種負形融入正形，色彩作為其融合的手段，在此發揮了非常大的作用。

但其實這幅插畫看上去仍然顯得呆板，因為太中規中矩，缺乏趣味性。這時，你也可以通過這樣的方式增加插畫的趣味性。

1、增加配飾

給衣服增加一些負形的花紋，再給一對耳環。看上去細節更豐富了。

2、重調構圖

稍微調整對象的大小并改變聚焦的位置，殘缺似乎更具有想象力。

好了，既然大家都有興趣繼續玩下去，還等什么？找張不錯的參考照片開始操作吧。

「飛屋同學的人氣教程」

1. 《AI教程！教你手把手繪制熱門的太空流星插畫》
2. 《PS新手教程！用蒙板繪制優雅趣味的花藝字體效果》
3. 《超實用！三種快速消除圖片噪點的小技巧》

原文地址：ifeiwu

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量150萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com