如圖所示，正常情況下人眼對所看到事物的呈現(xiàn)，當(dāng)人眼直視正前方的時候，只有中間位置的是最清楚的，而兩邊則是相對模糊的，同時也比較容易產(chǎn)生視錯覺，而視錯覺的原因除來自客觀刺激本身特點的影響外，還有觀察者生理上和心理上的原因。在設(shè)計中最常見的就是視覺方面的錯覺，而錯視覺對版式，字體的大小，間距等等都會有影響；
左邊中間的線段與右邊中間的線段是等長的，但看起來左邊中間的線段比右邊的要長，也稱為繆勒—萊依爾（Müller Lyer）錯覺。其原理是因為兩邊符號的方向變化，當(dāng)兩個符號的方向發(fā)生變化時，其視覺也會隨之發(fā)生變化；
垂直線與水平線是等長的，但看起來垂直線比水平線長，也稱為菲克（Fick）錯覺；從視覺角度來講時因為人眼的視覺中心點在豎線中間的位置，而橫豎鏈接處容易給人一種一分為二的錯覺，故在視覺感知上會認(rèn)為豎比橫線長；
中間的兩個圓面積相等，但看起來左邊中間的圓大于右邊中間的圓；稱為艾賓浩（Ebbinghaus）錯覺。其原理是因為有不當(dāng)?shù)膮⒄諏?dǎo)致視覺感覺偏差，中心圓雖然是相同的大小，但由于外圍參照物的對比，使得人眼在感知的時候發(fā)生了錯覺；
在字體設(shè)計中，人們對信息的閱讀順序一般可以分為以上三種感知，在設(shè)計時針對文字通常要考慮到這些習(xí)慣性的閱讀感知，進(jìn)而對畫面中的元素進(jìn)行調(diào)整，避免視錯覺的產(chǎn)生，以達(dá)到舒適閱讀的效果；
在相同大小的兩個縱向矩形中，按照視覺先左后右的觀看順序，當(dāng)我們第一眼看到左邊的矩形時會感覺比右邊的要窄一些，這是因為人眼的第一感知通常要比最后的感知速度快當(dāng)兩個矩形放在一起時會有對比的心里，在視覺上會感覺左邊的比右邊的小一些，但實際上兩個是相同大小的；
當(dāng)兩個大小的矩形橫豎排列在一起時，橫向的要比縱向的在視覺感知上面略寬一些，通常情況下橫向的會給人一種厚重的感覺，而縱向的則是要偏瘦長一些，這也是心里感知的一種感知，最有特點的宋體就是經(jīng)過這點的視覺調(diào)整，才有了較為舒適的橫細(xì)豎粗的鮮明特點；
把圓和三角形進(jìn)行放大處理，規(guī)避掉圓和三角邊緣的虛化空間，使其實際視覺面積與矩形大小保持一致，這種方式就是運(yùn)用設(shè)計中的視錯覺來營造相同大小的圖形；
版式中的視覺差除了圖形與圖形之間，還存在于圖形與之間，尤其是與宋體之間的視錯覺最為嚴(yán)重；如上面案例所示，右邊的線條與宋體在執(zhí)行系統(tǒng)左對齊之后，通過觀察會現(xiàn)，宋體字撇的視覺延伸與矩形之間，在視覺上看起來是沒有對齊的，存在一定的視覺誤差；
針對視錯覺這一現(xiàn)象，我們需要從人眼感知的角度出發(fā)，對其進(jìn)行適當(dāng)?shù)囊曈X修正，左邊幾何圖形則是以矩形為基礎(chǔ)，把圓和三角向左邊移動，而右邊案例則是把矩形向右移動，規(guī)避字體視覺延伸的誤差；
人們在閱讀的時候，尤其是看書的時候通常會有兩種模式；一種是字閱讀，另一種是行閱讀；字閱讀相對比較偏向在舒適悠閑的環(huán)境下進(jìn)行閱讀，而行閱讀則是比較適合緊張快節(jié)奏的閱讀行為，對文字而言，閱讀的快慢均受字間距的影響，舒適的間距可以使用戶看起來更加的輕松；案例如下；
快緊慢寬
如圖所示；除了宋體和黑體字體類型差別的影響之外，還有就是間距的問題；左邊則是常規(guī)的字庫默認(rèn)的間距，而這個間距也不是唯一的標(biāo)準(zhǔn)，而是字體設(shè)計師在設(shè)計時所設(shè)的，不同類型的字體間距也不一樣；在正常間距的情況下，比較適合行閱讀；而右邊的則是在常規(guī)的基礎(chǔ)上放大了200，字與字之間的的空隙較大，給人喘息的機(jī)會，比較適合字閱讀的方式；
不管是行閱讀還是字閱讀，行距同樣也需要設(shè)計，可以根據(jù)不同的閱讀方式設(shè)定相應(yīng)大小的；左邊為自動的行距，而右邊則是設(shè)置成30pt的行距，對于人眼閱讀的舒適性而言，右邊則是比較好的；
在文字中最常見的視錯覺就是中文和數(shù)字混合使用時，通常情況下中文都要比數(shù)字略大一些，當(dāng)進(jìn)行編排時需要注意調(diào)整數(shù)字或者文字的大小和重心，而有些字體在數(shù)字方面即使是默認(rèn)的間距也會略大一些；在中文和數(shù)字的混合使用中，由于中文是以方塊為基礎(chǔ)的，而數(shù)字的字符均為細(xì)長，不適合用方塊的標(biāo)準(zhǔn)去做，通常會以英文的標(biāo)準(zhǔn)開發(fā)，所以數(shù)字通常都會比中文要小一些，但視覺重心是不變的；在設(shè)計中也是通常會被忽略的細(xì)節(jié)之一；
以常用的蘋方黑體為例，在使用默認(rèn)常規(guī)的間距情況下，數(shù)字1和0之間的間距過大，這個時候如果需要使用默認(rèn)的間距時，則需要調(diào)整1和0之間的間距；而2和0之間的間距則屬于正常，但整體感覺也會過于松散，當(dāng)把間距進(jìn)行縮小－50的時候，相對來說在視覺上則要比默認(rèn)的間距更加舒適一些其原因主要是因為中文以田字格為設(shè)計基礎(chǔ)的原因?qū)е拢谑褂脮r一定要注意調(diào)整，以達(dá)到視覺平衡的效果，避免軟件默認(rèn)的常規(guī)而忽略了人眼的視錯覺，進(jìn)而影響人眼閱讀的舒適度；
如上圖所示：以蘋方字體為例，在正常的輸入中文和數(shù)字之后，數(shù)字以重心線為基礎(chǔ)，上下的邊距則要比中文的小一些，有點萎縮的感覺，看上起不太舒服；而經(jīng)過調(diào)整之后的一組字，則是增加了視錯覺，并以視錯覺的方式呈現(xiàn)出來，在視覺上看著是一樣大小，其實數(shù)字要則要比中文大了一些，而且也略粗了一些；需要注意的就是在調(diào)整的時候，一定要
按照重心線調(diào)整，切記要與上下邊距對齊；
如案例所示，在電商中或者金融行業(yè)中經(jīng)常會遇到文字和金額的組合，左邊的文字和數(shù)字都是字庫默認(rèn)的間距，由于字體的原因整體看上去間距稍微有點大，而數(shù)字也比文字要小一些，然后利用視錯覺進(jìn)行調(diào)整;
可以直接選中單獨的數(shù)字進(jìn)行放大，但切忌放大之后數(shù)字的視覺中心會向上，這個時候需要向下調(diào)整－2px已達(dá)到視覺的平衡；另外也可以重新建立文本框調(diào)整到合適的大小即可；
調(diào)整之后的效果；
調(diào)整之后的文字信息看上去更加的緊湊，而數(shù)字與中文在視覺上的大小也基本保持一致，但實際上整體的間距是縮小了一些，數(shù)字也放大了一些，以重心線為基礎(chǔ)，頂部與中文是一致的，底部則要比中文高一些，整體看過去更加的舒適，由于是廣告投放圖，可以是觀者更加快速的了解信息，給觀者一種緊迫感；調(diào)整的方法不限，可根據(jù)自己的習(xí)慣進(jìn)行操作；
在字體設(shè)計中最常見的就是筆畫的粗細(xì)問題，如中文宋體類型的字體就是最經(jīng)典的案例，橫豎同存的字體中，人眼通常會感覺橫筆較粗，故在宋體類型的字體中規(guī)避了視錯覺的問題，所以現(xiàn)在的字體設(shè)計通常會把橫細(xì)豎粗當(dāng)作專業(yè)術(shù)語來講，與人眼的第一感知則是相反感覺；
如圖所示；當(dāng)我們把橫細(xì)豎粗的特點換成橫粗豎細(xì)的形式之后，從案例中可以看出，視覺較重的橫筆感覺更加粗壯；
經(jīng)過兩個案例對比可以看出，右邊則是橫細(xì)豎粗的宋體特點，在弱化視覺較粗的橫之后效果更加的舒適；當(dāng)然這種方式也不是固定的，需要根據(jù)不同的結(jié)構(gòu)進(jìn)行細(xì)微的調(diào)整；
在字體設(shè)計中使用相同粗細(xì)的筆畫營造粗壯有力的感覺時，橫筆往往會感覺更加的厚重，而豎筆則會顯得細(xì)一些，為了規(guī)避這種筆畫的視錯覺則需要把橫筆做相應(yīng)的調(diào)整；
把橫筆相應(yīng)的縮小4px或者6px，減小橫筆的視覺厚重感，使其在視覺上與橫筆保持一致，這樣看起來會讓字體更加舒適；
最終對比圖
還有一種情況就是，當(dāng)點遇見橫，或者是進(jìn)行創(chuàng)意的設(shè)計時也需要注意點與橫的視錯覺。
如圖所示；案例中的六和藝字點的部首，與創(chuàng)字橫筆的頂部也是存在一定的視錯覺現(xiàn)象，創(chuàng)字要比其他兩個字的頂部高出1-2px左右；
版式中的考究
新建一個畫布，以幾何圖形為主視覺，表現(xiàn)視覺基因裂變的演講公開課，考慮到視覺的裂變比較適合用抽象的幾何元素，然后對幾何主體進(jìn)一步刻畫；
先對幾何圖形之行顏色疊加，選取相應(yīng)的顏色，然后再對幾何圖形添加多層內(nèi)陰影效果，需要注意里面的雜色和等高線的調(diào)整；
調(diào)整出最重想要的效果之后，接下來就是開始加文案信息來豐富畫面的視覺效果以及所要傳達(dá)的信息；
為了表現(xiàn)出較強(qiáng)的視覺感，文字選擇了一款日文字體與畫面氣質(zhì)較為吻合，在正常的編排下，文字與幾何圖形存在一定的視錯覺，以及文字間距也不是太理想，進(jìn)一步調(diào)整；
通過對比可以看出，右邊把文字的間距拉大了一些，并且把字體向下移動規(guī)避與幾何圖形的視錯覺， 把字間距和行間距調(diào)整基本一致的效果，增加文字之間的空隙，使版面更加的舒適，信息傳達(dá)更加有效；當(dāng)然這也不是固定的，具體調(diào)整與否則要根據(jù)具體案例而定；
最重效果圖
總結(jié)：不管是在版式設(shè)計中，還是字體設(shè)計中視錯覺都是經(jīng)常存在的，規(guī)避視錯覺可以讓設(shè)計的品質(zhì)和成熟度更上一層，這是高端的玩法；
聲明：本文章來自互聯(lián)網(wǎng)分享如涉及到版權(quán)問題請聯(lián)系客服處理謝謝！
聯(lián)系客服
