2022-6-25 純純
視覺空間、字體性格、顏色情緒三個大方面來談一下我對視覺知識的部分理解！目錄如下
空間感：空間感( sense of space)是指藝術形象通過一定手法引起的類似現實空間的審美感受。藝術家通過特定的瞬間造型和空間深度的追求，使人聯想到其活動、生活的環境空間。在繪畫、攝攝影藝術中，形象存在于二維平面中，但通過構圖、透視、線條走向、光影和色彩處理，使人感受到空間的整體性、立體性。
而在我理解總結，空間感其實就是運用各種手法，打造出畫面的空間縱深感，讓二維的畫面變成三維，從而提升畫面的品質、細節、沖擊力。
我們以人物海報為例對比幾張圖，直觀感受一下：
無空間感：
有空間感：
我們直觀的可以看到，都是人物海報，下面的兩張明顯更有品質感。有空間感的圖，畫面會更高級。
那是因為空間感會讓你的畫面更有層次，更靈動和富有場景感。這就是空間感的有點。
空間感，其實就是打造畫面縱深，讓元素之間形成前后關系，那有哪些方法來打造畫面縱深呢？我們總結了5個方法來分享給大家：
1.3.1 構圖
富有極強透視線的構圖能很直觀地表現出空間感。
比如
這類
這類擁有很強透視的構圖，不用做別的，光構圖就能體現出很強的空間感了。
實際運用中，我們還可以利用標題文案排列出這種透視構圖來打造空間感：
1.3.2 虛實
虛實分為：
1.輪廓虛實
2.顏色虛實
輪廓虛實：兩個相同的元素，輪廓模糊的在空間上會感覺處于輪廓實的元素后方。
這是兩個元素，放到一起就會感覺上是在同一個平面上的。沒有虛實關系。
如果把其中一個圓的輪廓虛化：
是不是就會感覺出右邊的會在左邊的前面，拉出了前后的空間感。這就是我們的輪廓虛實了。
顏色虛實：越貼近背景色的顏色，在空間上會感覺處于后方。
還是這兩個元素，如果把其中的一個顏色調成和背景貼近：
兩相比較，顏色更實的飛碟，會處于顏色較淺的飛碟前面。
1.3.3 大小
越大元素會感覺越近，越小的元素感覺越遠。
在實際操作中我們一般可以利用不同元素來制作這個效果。
比如這是一堆元素，如果大小都差不多，就會感覺是平鋪在一起的，沒有空間關系。
如果調整它們的大小， 重新擺放，通過近大遠小的原理，就可以很輕易地打造出元素之間的前后關系，從而營造出空間感了。
大小對比空間再其他畫面中的應用：
1.3.4 明暗對比
除了虛實、大小之外，明暗也能對比出前后關系，從而營造空間感。
通過紋理層次的明暗對比，一明一暗的對比，也能拉出前后關系。從而營造空間感。
1.3.5 穿插
利用元素相互穿插產生的前后關系，也能營造出空間感。
這是1個元素和兩個圓的平鋪，沒有交集。
如果我給他們穿插重疊在一起：
那就能產生元素之后的疊壓前后關系，從而也能營造空間感。
利用在海報中：
以上這五種方式就是我們今天分享給大家的方法啦，
在視覺海報的打造中，基本都不是只靠其中一種方法去打造空間感，而是3種，甚至5種一起運用，可以讓塑造的空間感的更有層次細節和沖擊力。
比如：輪廓虛實+顏色虛實+大小，或者：穿插+大小+明暗。
大家一定要靈活運用，自由組合，以畫面最優效果為目標去做，不要局限在某一個框架里。
字體也有字體的性格，不同的字體會呈現出不同的字體性格特征，比如高矮胖瘦、敏捷、邪惡、可愛、優雅文藝等等等等。通過精準地對字體的結構，筆畫粗細，細節調整，字體效果等的處理表現字體的差異化，使字體的性格調性，與畫面內容相匹配。
2.2.1 力量感、沉穩
特點：橫細豎粗/留白少/重心偏下/轉折筆直
2.2.2 可愛
特點：圓潤/不規則/擴張
2.2.3 優雅
弧度/纖細/重心偏高
2.2.4 活力
特點：傾斜/筆畫延伸/筆畫干脆，轉折彎曲很少
字體還有各種各樣的性格，比如魔幻、哥特、血腥、恐怖等等。
我們在做項目的時候，字體的感覺就一定要抓得準，符合整個畫面的調性：
比如這種歐式哥特的畫風， 字體就可以加一下哥特元素，點綴點玫瑰、藤條。
剛硬科技的畫風，字體筆畫就可以粗一些，添加點科技感和幾何圖形，營造超前科技的感覺：
植物自然的風格筆畫就可以柔和一些，帶有弧度，把一些畫面元素圖形化點綴在上面：
2.3.1 字型特點的提取
具體實操怎么做的呢？我們今天就給大家分享一個案例，看看是怎么操作的：
這是一張視覺，我們要給他做一個主標題，這個主標題的字型特點應該如何從圖里提取呢？
我們要提煉出三個點出來才能知道如何去做：
1.風格
我們先分析這張圖，它的一個風格是有點魔幻+復古，神話傳說加西域古代的一種史詩感。
我們可以找一些神話類史詩的類似的參考看看：
特征：
1.復古
2.重心高.
3.不用那么特別復古可用襯線體變形
2.特征
這個我們可以從人物身上去提取，人物有盔甲，我們可以把盔甲的特征提取出來：
3.配色
顏色也不是亂選的，一定要和圖能呼應關聯起來，那顏色怎么選呢？其實畫面里已經幫我們選好了配色。我們觀察一下畫面：
整體偏冷調，墨綠色居多。，對比色有紅色和黃色。
那我們為了突出字體，又能和畫面呼應，那黃色就是再好不過的選擇了。
那到這我們的設計目標就比較明確了：
2.3.2 字型設計
1.基礎字型：
雖然是往復古了去做，但也不是真做成甲骨文，還是結合一下使用場景，和識別度。參考中也有部分是使用宋體去變形的，所以我們可以先選一個宋體的字體出來當做基礎字型。
為了保證識別度，我們可以只做部分復古。
這里我挑靈下面“火”字，因為這個字處在中間，比較顯目。
2.調整重心
參考復古類型的字體重心都會往上偏移，讓字體稍顯長一些。
3.加入特征
（1）鋒銳：默認字體上有很多圓潤的地方，我們都改成尖銳的感覺。
把每一個筆畫都改掉：
（2）彎曲的尖角：
圖形提煉：
加入到字體當中：
字型到這里就完成啦。
（3）字體轉折的厚度：
字型完成了，字體轉折的厚度我可以再字體效果上去做。在筆畫中間加一個層次，以明暗分隔開，以實現盔甲上這種轉折的厚度：
全部加上，看下完成效果：
結合到畫面中看下：
效果還是很不錯的，整體風格也比較統一。
這一塊就是關于字體性格的內容，我們繼續往下看！
接下來我們來說下關于顏色情緒的問題！
配色感覺不對？顏色臟？配色不高級？
這些問題一直困擾著我們。應該怎么配色呢？其實顏色也是有規律可循的，這篇文章就是帶給大家一些顏色方面的啟發，讓你了解配色的底層邏輯，從而更明確快捷地配出想要的顏色。
認識色彩飽和度的情緒：
因為不同的配色會帶給觀者不同的情緒感受，只有在先了解不同顏色特性的基礎上才能為我們的配色指明方向。我們做出的畫面想要傳遞什么感覺，這種感覺對應什么顏色？
只有搞懂了邏輯，在之后的工作中，才能為我們的配色方案指明方向，而不會一開始就被難住。
如果我想配一個積極熱鬧活潑的畫面，顏色怎么配呢？ 如果想配一個溫柔恬靜小清新的畫面顏色又該如何選擇呢？他們都有什么特點，為什么會這樣？往下看
3.1.1 積極活力
我們先來看幾組圖片
用吸管工具提取一下它們的顏色觀察
我們可以看到這類海報視覺上都能給人一種熱鬧、動感、活力的feel。
通過顏色提取，再觀察它們選色的位置，可以發現它們的的配色的純度和飽和度都非常高。
這是為什么呢？接下來我們降低飽和度看看會發生什么：
可以很明顯的感受到畫面中已經失去了那種動感、熱鬧和活力的感覺了，整體更趨于平穩和安靜。
所以，高飽和度的配色會帶給觀者活力，動感，熱鬧的情緒。常常應用于一些電商、運動品牌的視覺項目中，用來渲染or打造年輕、活力、熱鬧、動感等氛圍。
3.1.2 溫柔平靜
我們再來看一組:
這一類圖片就會給人一種文藝小清新的feel，這類配色和熱鬧、運動的感覺完全不同。
都是低飽和度高明度的顏色。所以，低飽和度的顏色會給人傳達平和、放松、舒適的心情。
3.1.3 輕松休閑
這一類的圖片就給人以中正休閑的感覺。飽和度都趨于中性，不過高，也不會過低。
其實原理就是在取色器里，
我們看同一張圖片，給我們的感覺：
高飽和度配色給人感覺沖擊力很強，具有活力，對比非常強烈。
中飽和度畫面就弱了一級，視覺沖擊力沒那么強。畫面會放松一些，適合傳遞休閑的感覺。
使用低飽和度的顏色時，我們看到畫面更冷靜了，有些高級灰的感覺。
在以往的實際工作當中，我也是先用飽和度來定畫面的大情緒基調，只有大的感覺對了，后面才不會出大問題。比如像一些戰斗、pk、熱血類的banner，都用高飽和顏色:
我們可以來吸取他們的顏色看看：
基本都是靠右邊的顏色。
而像我在做下面這種類型的banner時，就會使用到中飽和度的顏色，給人一種輕松休閑的感覺：
我們再看下他們的色域：
都是趨于中間的位置。
最后一種低飽和的顏色，像下面這種作品，就有一種文藝、清新的感覺：
再來看看他們的顏色色域
都是比較靠左的顏色。
用飽和度來定畫面的大基調，還是非常好用的，可以說是屢試不爽，大家可以好好理解并且用起來！
總結：
高純度，高飽和度的顏色，會讓人感覺激動、積極、動感、醒目、記憶深刻等特點感官，常常應用于一些電商、運動品牌的視覺項目中，用來襯托年輕、活力、熱鬧、動感等氛圍。
中飽和度的顏色飽和度和純度都適中，顯得中正平和，又不會有低飽和度那樣的“平緩“，想要視覺年輕一些，但又不想飽和度那么的強烈，可以嘗試選擇中度的顏色。
低飽和度的顏色，會給人平和，舒適的感受，常常會結合大量無彩色一起使用，讓畫面傳遞出簡約，自然，小清新文藝的感覺。
作者：菜心工作室 來源：站酷
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
