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

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

名稱欄目：畫參考線設(shè)計這么久你告我是錯的？字體設(shè)計中的幾何錯視
文章地址：http://muchs.cn/news/162243.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、外貿(mào)建站、App設(shè)計、App開發(fā)、移動網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站

廣告

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