畫參考線設計這么久你告我是錯的？字體設計中的幾何錯視

漢字是由筆畫、部首和漢字三個層次構成的，而平面設計又講究點線面構成，我們就從點線面的維度來解析視錯覺在漢字中的應用。古人教導我們“耳聽為虛，眼見為實”，真的是這樣嗎？并不盡然，在企業(yè)網(wǎng)站建設平面設計中尤其是字體設計中，眼見到的并不一定真實，因為有視錯覺在作祟！
一、視錯覺是怎么產(chǎn)生的？
我們看到的事物，其實并不是事物原原本本的樣子，而是基于經(jīng)驗或參照進而形成的判斷和感知。說白了就是事物本身是客觀的，但我們眼里的事物卻是主觀的。視錯原理就是指，觀察者在客觀因素干擾下或者自身的心理因素支配下，對圖形產(chǎn)生的與客觀事實不相符的錯誤視覺感知。
在設計中這種現(xiàn)象很常見，比如說，同樣大小的圓，被較小的圓圍繞后看起來大，而被較大的圓圍繞后看起來就顯小。這就是為什么設計師畫參考線、打方格忙活半天，嚴格規(guī)整設計后，發(fā)現(xiàn)設計出來的視覺效果反而不理想。因為你是按照幾何方法設計的，當然在視覺上有偏差啦！
無論是平面設計還是字體設計，我們的作品都是給人看的，也就是要滿足視覺上的要求，所以嚴格按幾何方法設計實在卻并不實用。尤其是字體設計，因為漢字是橫豎撇捺折等等構成的，都是線條和點，甚至是塊面的復雜構成，很容易產(chǎn)生視錯現(xiàn)象，這就要求設計字體時，在幾何造型手法的基礎上，充分考慮到視覺效果。
二、視錯覺在字體設計中的應用
設計字體你可以有自己的freestyle，但基本的設計原理都不懂那什么style都白搭，so，視錯覺在字體設計中的應用趕緊學起來！
如你所知，漢字是由筆畫、部首和漢字三個層次構成的，而平面設計又講究的是點線面構成，所以，小夢就從點線面的維度來解析視錯覺在漢字這三個層次中的應用。
壹——點的視錯處理。數(shù)學老師教導我們，沒有長、寬、厚只有位置的幾何圖形就是點，但平面設計中的點和此不同，是有面積的，點放大就成了面，實的是點，虛的也可能存在點。
1.字體重心處理
幾何中心就是典型的虛點，或者稱為假想點，因為漢字是方塊字，幾何中心就是其對角線的交點。但在方塊面積中我們的視覺中心點往往不在幾何中心，而在幾何中心略偏左上的位置。沒錯，視覺中心就是漢字重心，我們常說的字體重心其實就是對漢字幾何中心的視錯處理。因為重心是漢字的視覺中心，同樣高矮的漢字，重心偏上的字看起來會更高些。
2.密集點畫處理
一個漢字中如果有很多點，看起來就會顯得比較零碎和分散，這就要恰當處理這些點畫的布局和造型。在視覺上，如果點是這樣分布的，就會產(chǎn)生視錯覺現(xiàn)象：
所以，單獨那個點的位置要特殊處理，如“消”“淡”“沙”等字，點畫處理不好很容易讓字看起來散架。
貳——線的視錯處理，漢字是方寸之間的藝術，橫豎撇捺的筆畫自然很多，而線條也是很容易產(chǎn)生視錯的，所以掌握線條視錯現(xiàn)象在字體設計中的應用很有必要。
1.橫豎粗細處理
不是有意傷害胖友們，但事實上就是這樣，同樣身高的兩個人，胖子看起來矮，而瘦子看起來高。橫豎筆畫也有同樣的視錯現(xiàn)象，所以很多字體都會進行橫細豎粗的處理，從而到達視覺上的平衡。同樣的，當遇到多橫或多豎排列的筆畫時，要恰當處理粗細和長短，橫的粗細和豎的長短不要都等同。否則多橫的字會看起來很寬，而多豎的字會看起來很高。
2.橫豎相接處理
兩條長度相等的橫豎線，丁字相接后，豎線看起來會比橫線長，交接點越往邊緣移動，二者的長度看起來越接近。所以處理橫豎相接的筆畫時，豎向的筆畫注意不要太長，而橫向的筆畫則可以適當減短，還可以改變垂足的位置或是加粗豎變細橫。
3.橫豎分割處理
這種場景有種菜刀剁大蔥的既視感，就是多條豎線被貫穿的橫線分割后，豎線之間的間隔距離看起來會變大。也就是說，處理這種橫豎分割的情形需要根據(jù)視覺習慣減小豎線之間的間隔距離。
4.橫畫長短處理
橫畫的長短除了受到本身長度的影響，還會受到兩端折線的影響，兩端折線向外傾斜程度越大橫線看起來就越長。所以，在處理橫畫起落有襯線的情況時，橫畫的長短可以根據(jù)視覺感知適當調(diào)整，而不是機械的弄成等長了事。當橫畫是梯形狀，幾個排列時上面的橫畫看起來會比下面的長，要注意調(diào)整。你不會想到，其實橫畫的長短還會受到周圍橫畫的影響，周圍筆畫長會顯得中間的筆畫短，而周圍的筆畫短則顯得中間筆畫長。排列或包圍影響視覺感受，這其實是很容易產(chǎn)生視錯覺的一種現(xiàn)象。
5.豎畫長短處理
類似的，如果豎線與兩條斜線相接，這兩條斜線形成的夾角越大，豎線就看起來越短，反之則越長。和相接的兩條斜線夾角的微妙關系，二者是相互影響的。
6.斜線相交處理
身正不怕影子斜？圖樣圖森破，影子斜了身子也會歪！就像一條斜線和豎線相交，豎線越寬，斜線的錯位感就越強，看起來就不像一條連貫的斜線了。那怎么辦？遇到這種情況當然是“將錯就錯”了，就是設計時你處理成錯位的，看起來就連貫了撒，當然，也可以調(diào)整相接的筆畫來處理。
叁——面的視錯處理
如果說點、線的視錯是針對字體內(nèi)部筆畫的處理，那面的視錯覺就是針對漢字整體和漢字與漢字之間進行結(jié)構的調(diào)整和把控。小夢之前在漢字的形體結(jié)構和造型以及中宮的相關內(nèi)容中講解過，為了讓字看起來整體協(xié)調(diào)，設計字時通常會根據(jù)漢字的外形輪廓，把字歸納為幾種幾何圖形然后有針對性的調(diào)整，這其實就是針對漢字在面維度上的視錯覺處理。
因為大多數(shù)漢字是方塊外形，我們就以方形作參考來探討下這些特殊外形輪廓字的視錯覺處理。
1.正方形
你可能不知道，正方形本身就是有視錯覺的，高度略矮的矩形看起來才更像正方形。這就是為什么字體設計中明明橫豎的筆畫等長，字卻看起來不是正方形的原因。除此之外，同樣大小的兩個正方形如果其中一個中還嵌套有正方形，那么這個正方形就會看起來比較小。
其實，只要是正方形中有東西填充，看起來就會比空的正方形小，方框中的空白區(qū)域越少，整體就看起來越小。所以在處理如“日、囚、國、圈”等字時，內(nèi)白少的外框盡量稍微擴大以彌補視覺上的不協(xié)調(diào)。是不是感覺自己知識豐富的像本教科書？別驕傲，正方形的視錯覺還有一點，和圓形、三角形以及菱形比起來，正方形看起來是面積大的，所以，遇到包圍結(jié)構尤其是全包圍結(jié)構的字，外邊框要適當收縮，減少膨脹之感。
2.圓形
圓的特點是沒有棱角，四周封閉，視覺上給人以旋轉(zhuǎn)、運動和收縮的審美趣味。和正方形類似，直徑相等的兩個圓，同心圓看起來比單個圓看起來小。另外，如上文多說，同樣大小的圓被不同大小的圓環(huán)繞后，也會產(chǎn)生視錯，被大圓包圍后看起來小而被小圓包圍后看起來大。你瞧瞧，這圓頭圓腦講究還真多！因為直徑和正方形邊長相等的圓，圓形看起來會顯得拘謹，收縮感更強。所以，這類字在設計中要伸縮邊角的筆畫，打破視覺上的收縮和拘謹。最后還要特別注意圓形類字中橫豎筆畫的處理，避免撇捺點筆畫過多出現(xiàn)松垮和散架之感。
3.三角形
一看到“三角形”腦子里就立馬蹦出“具有穩(wěn)定性”幾個字，誰還不是九年義務教育畢業(yè)咋滴！因為三角形類的字面積集中在下半部分重心偏下和頂角尖銳的心理感受，視覺上就會有很強烈的下墜感。設計中要把此類字的底邊筆畫提高從而使重心上移，同時頂部筆畫做頂格甚至破格處理，造成向上的視覺延伸感，避免下墜造成的不適感。機智如你，如果遇到倒三角類的漢字，處理手法那必須是和以上手法相反處理，要不然倒三角的字就像脫手的氫氣球，眼看著就要飛走啦~
4.菱形
眼睛賊溜的你一定已經(jīng)發(fā)現(xiàn)，在正方形、圓形、三角形和菱形這幾類字中，面積大的是正方形，而菱形是面積最小的！同時在視覺上，菱形收縮感強、四角尖銳很容易產(chǎn)生飄忽的趕腳。你想的沒錯！從這里就不難明白，要想保持一種字體字面大小一致，菱形類字就需要擴大視覺面積，設計中我們通常會采用橫向破格的手法來處理。這樣重心下移，橫向上產(chǎn)生視覺延伸感，既擴大了視覺感知也避免了菱形的不穩(wěn)定之感，左瞅右瞅沒貓餅！看到這里是不是感覺自己掌握了設計字體的真理？從點線面的維度恰當處理漢字在三個層次上的視錯覺現(xiàn)象，你設計的字就能讓眼睛懷孕啦！人從來都是挑剔的動物，只有滿足視覺上的完滿享受才能帶來心理上的愉悅感，字體設計作為一門視覺藝術，只有恰當處理設計中的視錯覺形象，設計出來的字才能給人美的享受！
本文來自成都品牌網(wǎng)站建設網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)
標簽：企業(yè)網(wǎng)站建設

分享文章：畫參考線設計這么久你告我是錯的？字體設計中的幾何錯視
當前URL：http://www.bm7419.com/news43/162243.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、域名注冊、品牌網(wǎng)站制作、網(wǎng)頁設計公司、商城網(wǎng)站、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)