平面構成之顏面存在感

2022-06-23 分類：網站建設

前言

我們說顏值，其實也是在說我們這張臉面。我們說面子，也是在說顏面。在設計里，面，也許是我們最常使用的構成元素了。有時候我們也把面稱為“形”。形的豐富多樣，虛實變換就能讓你玩出各種不同風格的視覺效果。它是設計的顏值擔當嗎？好像也不能這么講。

一、面也是一種軌跡

當我們說點是線的移動軌跡的同時，其實面也是線的移動軌跡。面擁有二維成像的特征，只有長度、寬度等，沒有厚度。
直線的平行移動為方形，直線回旋移動成圓形，直線和弧線結合運動形成不規則形。
二維平面也可以產生出三維的視覺效果，是我們利用了光線和透視的原理，也就是玩了一場小把戲。下面這個人物，其實就是由許多直線形的面所構成的。利用色彩來模擬光照，我們就能獲得一種三維的立體效果。

二、感性與理性

用線封閉成形且填充后就能成為一塊面，這塊面會有一種充實感，讓你實際體會到它的存在。一塊面與另一塊面的區別就在于它的輪廓外形。
直線圍繞而成的形，如方形、三角形、平行四邊形等會給人一種踏實、平穩的感受，當然也會有城市建筑感。在這兩年，直線型的插畫設計非常流行，它提煉了事物的外形，獲得一種抽象的理性美感。
高端網站建設

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

成都網站建設

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

最后一類是不規則的形，它完全沒有曲直的規律，似乎只是偶然形成，比如水紋、火苗、大理石紋理等，天下沒有完全相同的兩片葉子，同樣解釋也就是所有自然所形成的偶然形都不完全相同，因此它即使形成了紋理，也是有機紋理，運用偶然形就能設計出自然生機。通常這類形像是以群集的方式出現。
因此，我們可以這樣說，如果這個世界上的氛圍可以簡化為理性和感性，把它們設定為兩個極端，那么我們就有了這個認識。

設計時，你就能參考這個滑塊，根據設計的題材選用不同的形態來表現不同的氛圍。比如你的題材涉及到男性，那么你所考慮選用的形就靠左，女性題材則設計時就以曲線居多。左邊象征理性，右邊象征感性，這也和我們左右腦的分工是一致的。
但是，我的個人體驗就是純感性或純理性都不太理想，應該是相互雜糅在一起，有機結合，才能陰陽協調。

三、面與面

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

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

四、虛實空間

除了面與面之間的關系，面與空間也有一定的關系，什么是空間呢？簡單說，就是你的焦點圖形外的背景。背景其實也是一塊面，只是它的視覺影響力稍弱，處于退后的位置。于是，我們把一個畫面簡單概括為正負形，也有的稱為前后景。背景其實是負形空間，正負形關系相互影響。
比如我曾經在文章《網頁設計中的極簡風格—無的力量》中提到，負空間其實也是設計的元素。現代的設計非常重視留白，是因為我們大量從正形的意義出發，最后導致正形占據壓倒性的關注，然而這并不利于焦點的突出。
比較有趣的關系是讓大家注意到負形，因此，我們可以利用正負形共同創作。例如下圖中就是背景融入到前景中的一種最為簡單的創作方式。

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

正負形都參與了主動造型的設計看起來非常奇妙，我們要學的并不是這個結果，而是如何思考正負形。
從攝影照片里找出正負形的關系來創建構圖，非常重要的一個不可見的步驟是簡化視覺。將高光陰影的關系精簡到只剩下唯一線索。然后在軟件中用鋼筆工具勾畫出主要的輪廓形。這里是將原圖細節都模糊處理，全部提煉為扁平的形。采用曲線造型突出女性的柔和。
在AI中是用面的關系在組合你的圖像，前期一定要認真分析清楚面面關系。不思考就開工，你真的很容易玩壞一個妹子。

經過精煉后，你可以從正形中再考慮用哪一個形狀去“融合”負形。因為這張圖的負形其實很簡單，就是白色背景。因此，最后面對的問題就是，你的背景色與哪一個負形的色彩相同？只要兩個色塊相互接觸，其實就能發生融合的作用。
讓我們先用頭發試試。
看上去感覺整個畫面都是她的頭發，這時，如果頭發上沒有任何的裝飾，其實看上去略枯燥。因為你只是將頭發隱藏在背景中了，只剩下臉。
再換成膚色，讓脖子以下的部分融入負形。這里可以適當換一下配色。
這個模特的形象依然是非常清晰的，因為有陰影的參與，我們仍然仿佛可以看到她的脖子。腦補成功出一個完整的人像。
最后試試采用衣服的顏色。
衣服的粉色非常飽滿突出。整個畫面沖擊力較強。

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