為什麼你精心設計的作品客戶不滿意？可能是視錯原理搗的鬼

古人教導我們「耳聽為虛，眼見為實」，真的是這樣嗎？並不盡然，在平面設計中尤其是字體設計中，眼見到的並不一定真實，因為有視錯覺在作祟！

一、視錯覺是怎麼產生的？

我們看到的事物，其實並不是事物原原本本的樣子，而是基於經驗或參照進而形成的判斷和感知。說白了就是事物本身是客觀的，但我們眼裡的事物卻是主觀的。

視錯原理就是指，觀察者在客觀因素干擾下或者自身的心理因素支配下，對圖形產生的與客觀事實不相符的錯誤視覺感知。

在設計中這種現象很常見，比如說，同樣大小的圓，被較小的圓圍繞後看起來大，而被較大的圓圍繞後看起來就顯小。

這就是為什麼設計師畫參考線、打方格忙活半天，嚴格規整設計後，發現設計出來的視覺效果反而不理想。因為你是按照幾何方法設計的，當然在視覺上有偏差啦！

無論是平面設計還是字體設計，我們的作品都是給人看的，也就是要滿足視覺上的要求，所以嚴格按幾何方法設計實在卻並不實用。

尤其是字體設計，因為漢字是橫豎撇捺折等等構成的，都是線條和點，甚至是塊面的複雜構成，很容易產生視錯現象，這就要求設計字體時，在幾何造型手法的基礎上，充分考慮到視覺效果。

二、視錯覺在字體設計中的應用

設計字體你可以有自己的freestyle，但基本的設計原理都不懂那什麼style都白搭，so，視錯覺在字體設計中的應用趕緊學起來！

如你所知，漢字是由筆畫、部首和漢字三個層次構成的，而平面設計又講究的是點線面構成，所以，小夢就從點線面的維度來解析視錯覺在漢字這三個層次中的應用。

壹——點的視錯處理

數學老師教導我們，沒有長、寬、厚只有位置的幾何圖形就是點，但平面設計中的點和此不同，是有面積的，點放大就成了面，實的是點，虛的也可能存在點。

1.字體重心處理

幾何中心就是典型的虛點，或者稱為假想點，因為漢字是方塊字，幾何中心就是其對角線的交點。但在方塊面積中我們的視覺中心點往往不在幾何中心，而在幾何中心略偏左上的位置。

沒錯，視覺中心就是漢字重心，我們常說的字體重心其實就是對漢字幾何中心的視錯處理。因為重心是漢字的視覺中心，同樣高矮的漢字，重心偏上的字看起來會更高些。

2.密集點畫處理

一個漢字中如果有很多點，看起來就會顯得比較零碎和分散，這就要恰當處理這些點畫的布局和造型。在視覺上，如果點是這樣分布的，就會產生視錯覺現象：

所以，單獨那個點的位置要特殊處理，如「消」「淡」「沙」等字，點畫處理不好很容易讓字看起來散架。

貳——線的視錯處理

漢字是方寸之間的藝術，橫豎撇捺的筆畫自然很多，而線條也是很容易產生視錯的，所以掌握線條視錯現象在字體設計中的應用很有必要。

1.橫豎粗細處理

不是有意傷害胖友們，但事實上就是這樣，同樣身高的兩個人，胖子看起來矮，而瘦子看起來高。橫豎筆畫也有同樣的視錯現象，所以很多字體都會進行橫細豎粗的處理，從而到達視覺上的平衡。

同樣的，當遇到多橫或多豎排列的筆畫時，要恰當處理粗細和長短，橫的粗細和豎的長短不要都等同。否則多橫的字會看起來很寬，而多豎的字會看起來很高。

2.橫豎相接處理

兩條長度相等的橫豎線，丁字相接後，豎線看起來會比橫線長，交接點越往邊緣移動，二者的長度看起來越接近。

所以處理橫豎相接的筆畫時，豎向的筆畫注意不要太長，而橫向的筆畫則可以適當減短，還可以改變垂足的位置或是加粗豎變細橫。

3.橫豎分割處理

這種場景有種菜刀剁大蔥的既視感，就是多條豎線被貫穿的橫線分割後，豎線之間的間隔距離看起來會變大。

也就是說，處理這種橫豎分割的情形需要根據視覺習慣減小豎線之間的間隔距離。

4.橫畫長短處理

橫畫的長短除了受到本身長度的影響，還會受到兩端折線的影響，兩端折線向外傾斜程度越大橫線看起來就越長。

所以，在處理橫畫起落有襯線的情況時，橫畫的長短可以根據視覺感知適當調整，而不是機械的弄成等長了事。

當橫畫是梯形狀，幾個排列時上面的橫畫看起來會比下面的長，要注意調整。

你不會想到，其實橫畫的長短還會受到周圍橫畫的影響，周圍筆畫長會顯得中間的筆畫短，而周圍的筆畫短則顯得中間筆畫長。

排列或包圍影響視覺感受，這其實是很容易產生視錯覺的一種現象。

5.豎畫長短處理

類似的，如果豎線與兩條斜線相接，這兩條斜線形成的夾角越大，豎線就看起來越短，反之則越長。

說白了就是字體設計中遇到這種情況，要注意豎畫和相接的兩條斜線夾角的微妙關係，二者是相互影響的。

6.斜線相交處理

身正不怕影子斜？圖樣圖森破，影子斜了身子也會歪！就像一條斜線和豎線相交，豎線越寬，斜線的錯位感就越強，看起來就不像一條連貫的斜線了。

那怎麼辦？遇到這種情況當然是「將錯就錯」了，就是設計時你處理成錯位的，看起來就連貫了撒，當然，也可以調整相接的筆畫來處理。

叄——面的視錯處理

如果說點、線的視錯是針對字體內部筆畫的處理，那面的視錯覺就是針對漢字整體和漢字與漢字之間進行結構的調整和把控。

小夢（微X：sigmamedia）之前在漢字的形體結構和造型以及中宮的相關內容中講解過，為了讓字看起來整體協調，設計字時通常會根據漢字的外形輪廓，把字歸納為幾種幾何圖形然後有針對性的調整，這其實就是針對漢字在面維度上的視錯覺處理。

因為大多數漢字是方塊外形，我們就以方形作參考來探討下這些特殊外形輪廓字的視錯覺處理。

1.正方形

你可能不知道，正方形本身就是有視錯覺的，高度略矮的矩形看起來才更像正方形。這就是為什麼字體設計中明明橫豎的筆畫等長，字卻看起來不是正方形的原因。

除此之外，同樣大小的兩個正方形如果其中一個中還嵌套有正方形，那麼這個正方形就會看起來比較小。

其實，只要是正方形中有東西填充，看起來就會比空的正方形小，方框中的空白區域越少，整體就看起來越小。所以在處理如「日、囚、國、圈」等字時，內白少的外框盡量稍微擴大以彌補視覺上的不協調。

是不是感覺自己知識豐富的像本教科書？別驕傲，正方形的視錯覺還有一點，和圓形、三角形以及菱形比起來，正方形看起來是面積最大的，所以，遇到包圍結構尤其是全包圍結構的字，外邊框要適當收縮，減少膨脹之感。

2.圓形

圓的特點是沒有稜角，四周封閉，視覺上給人以旋轉、運動和收縮的審美趣味。和正方形類似，直徑相等的兩個圓，同心圓看起來比單個圓看起來小。

另外，如上文多說，同樣大小的圓被不同大小的圓環繞後，也會產生視錯，被大圓包圍後看起來小而被小圓包圍後看起來大。

你瞧瞧，這圓頭圓腦講究還真多！因為直徑和正方形邊長相等的圓，圓形看起來會顯得拘謹，收縮感更強。所以，這類字在設計中要伸縮邊角的筆畫，打破視覺上的收縮和拘謹。

最後還要特別注意圓形類字中橫豎筆畫的處理，避免撇捺點筆畫過多出現松垮和散架之感。

3.三角形

一看到「三角形」腦子裡就立馬蹦出「具有穩定性」幾個字，誰還不是九年義務教育畢業咋滴！因為三角形類的字面積集中在下半部分重心偏下和頂角尖銳的心理感受，視覺上就會有很強烈的下墜感。

設計中要把此類字的底邊筆畫提高從而使重心上移，同時頂部筆畫做頂格甚至破格處理，造成向上的視覺延伸感，避免下墜造成的不適感。

機智如你，如果遇到倒三角類的漢字，處理手法那必須是和以上手法相反處理，要不然倒三角的字就像脫手的氫氣球，眼看著就要飛走啦~

4.菱形

眼睛賊溜的你一定已經發現，在正方形、圓形、三角形和菱形這幾類字中，面積最大的是正方形，而菱形是面積最小的！同時在視覺上，菱形收縮感強、四角尖銳很容易產生飄忽的趕腳。

你想的沒錯！從這裡就不難明白，要想保持一種字體字面大小一致，菱形類字就需要擴大視覺面積，設計中我們通常會採用橫向破格的手法來處理。

這樣重心下移，橫向上產生視覺延伸感，既擴大了視覺感知也避免了菱形的不穩定之感，左瞅右瞅沒貓餅！

看到這裡是不是感覺自己掌握了設計字體的真理？從點線面的維度恰當處理漢字在三個層次上的視錯覺現象，你設計的字就能讓眼睛懷孕啦！

人從來都是挑剔的動物，只有滿足視覺上的完滿享受才能帶來心理上的愉悅感，字體設計作為一門視覺藝術，只有恰當處理設計中的視錯覺形象，設計出來的字才能給人美的享受！

（微X：sigmamedia）

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！