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

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

分享文章：畫參考線設(shè)計(jì)這么久你告我是錯(cuò)的？字體設(shè)計(jì)中的幾何錯(cuò)視
當(dāng)前URL：http://www.muchs.cn/news43/162243.html

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

廣告

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