欧美中文字幕在线播放_人妻无码免费的_中文日韩欧美州_无码av中文系列久久免费

西文標(biāo)準(zhǔn)字形設(shè)計(jì)與間距

2019-04-24 2478 0

西文字形結(jié)構(gòu)雖然遠(yuǎn)比漢字簡(jiǎn)單,但正是因?yàn)楹?jiǎn)單,反而設(shè)計(jì)時(shí)使其達(dá)到協(xié)調(diào)卻變得復(fù)雜,牽一發(fā)而動(dòng)全身。輕易改變一個(gè)西文字形卻不影響 其辨識(shí)度是極其困難的,因此品牌標(biāo)準(zhǔn)字基本都是在已經(jīng)有的辨識(shí)度高的字形基礎(chǔ)上進(jìn)行調(diào)整設(shè)計(jì)的。


 


 


 

視錯(cuò)覺(jué)與視覺(jué)平衡


 

不同的字形因?yàn)楣P畫(huà)與結(jié)構(gòu)的不同,字面所占據(jù)的體積與形狀就產(chǎn)生了差異。字與字之間若要統(tǒng)一調(diào)性、消除差異,就必須進(jìn)行視覺(jué)上的調(diào)整,以消除視錯(cuò)覺(jué)的影響。

視錯(cuò)覺(jué)就是當(dāng)人觀察物體時(shí),大腦會(huì)形成一些錯(cuò)誤的判斷和感知,是觀察者在客觀因素干擾下或者自身的心理因素支配下,對(duì)圖形產(chǎn)生的與實(shí)際不相符的判斷。


 

下圖左側(cè)圖中,圓形外側(cè)的負(fù)空間很多,而方形則充滿了空間,因此圓形看起來(lái)相對(duì)小很多。右側(cè)圖中,將大小一致的藍(lán)色橫豎線進(jìn)行對(duì)比可以發(fā)現(xiàn),橫線更具擴(kuò)張感,因此看起來(lái)更粗。所以在字形設(shè)計(jì)中,表達(dá)橫豎線均衡,一般會(huì)將橫線相應(yīng)調(diào)整得略細(xì)。



 


 


 

當(dāng) E 與 H 調(diào)整成等寬后,可以明顯看出 E 看起來(lái)更寬,這是因?yàn)槲覀兊拈喿x順序和字母排列都是橫向的,因此對(duì)橫筆形成了線的引導(dǎo)性,最終導(dǎo)致了橫向線條更長(zhǎng)的視錯(cuò)覺(jué)。F、L、E 這種單側(cè)開(kāi)放的字母就會(huì)引發(fā)這種視錯(cuò)覺(jué);而像 Z、T 這種字母雖然有橫筆向側(cè)邊延展,但是兩側(cè)都有,所以形成了平衡和互相抵消的效果,因此不需要進(jìn)行相關(guān)調(diào)整。


 


 

以字體Helvetica Neue 為例,下面的黑字是把每個(gè)字母的字寬機(jī)械地調(diào)整為等寬,我們會(huì)明顯看到 E 看上去很寬,C、A、M、W 則看上去很瘦,字母看上去寬度不一,極其不協(xié)調(diào)。字形的寬度必須考慮到它的內(nèi)部及兩側(cè)形成的負(fù)空間。因此,要做到視覺(jué)平衡,就必須對(duì)字形結(jié)構(gòu)與筆畫(huà)進(jìn)行相應(yīng)的調(diào)整,這樣才能讓不同字母之間形成融洽、和諧的關(guān)系。


 


 

下面來(lái)看看 W 和 M。如果沒(méi)有進(jìn)行研究,很多設(shè)計(jì)師大概會(huì)同左側(cè)一樣設(shè)計(jì),將矩形直接組合在一起。這樣設(shè)計(jì)的話,我們會(huì)發(fā)現(xiàn)組合后,形狀交錯(cuò)的地方看起來(lái)會(huì)特別厚,而且在等寬的情況下,M下側(cè)的字懷部分比F狹小了很多,形成了嚴(yán)重的失衡。最右側(cè)是調(diào)校均衡的 M,在藍(lán)色的 M 圖例中可以看到,筆畫(huà)相交處進(jìn)行了錯(cuò)開(kāi)處理,使其變薄。這樣M的字懷也變得均勻合理,相交處也變得厚薄適中了。

如果仔細(xì)放大查看我們常用的經(jīng)典襯線體,就會(huì)發(fā)現(xiàn)像V、W、X、Y這些具有交叉筆畫(huà)的字母,還會(huì)對(duì)距離筆畫(huà)交叉部位近的地方進(jìn)行逐漸收窄的處理,以達(dá)到筆畫(huà)粗細(xì)在視覺(jué)上的均勻和諧。


 


 

X 的筆畫(huà)交錯(cuò)處同樣也會(huì)形成視錯(cuò)覺(jué),可以看到黑色 X 的紅色箭頭處有膨脹感,也就是藍(lán)色 X 的紅線側(cè)有擴(kuò)張的錯(cuò)覺(jué)。右側(cè)調(diào)校后視覺(jué)均衡,對(duì)紅線處進(jìn)行了逐漸向內(nèi)收窄的處理 ,使交錯(cuò)處擴(kuò)張的視錯(cuò)覺(jué)得到矯正。
 


 


 


 


 

常規(guī)字型的這種交錯(cuò)處都會(huì)進(jìn)行收窄處理,以得到視覺(jué)上的均衡。


 


 


 


 


負(fù)空間與字間距
 

 


 

我們知道了西文字形的字寬需要以其字面的負(fù)空間與其他字進(jìn)行均衡為考量,那么字間距該如何把控呢?這個(gè)問(wèn)題,在我早年學(xué)習(xí)西文字形的時(shí)候,給我?guī)?lái)了極大的困惑。
 

與方塊漢字不同,如果一股腦兒使用等間距的話,西文會(huì)立馬顯現(xiàn)出非常突兀的視覺(jué)上間距失調(diào)的問(wèn)題。因?yàn)橄啾雀咏叫屋喞闹形淖中?,西文字母的形狀外輪廓的差異懸殊且字寬都不盡相同,字間距更是不能刻板地使用一個(gè)尺寸的距離去處理。


 


負(fù)空間:字寬與字間距的關(guān)鍵

《老子》有云:“埏埴以為器,當(dāng)其無(wú),有器之用。”意思是揉和陶土制作器皿,因?yàn)橛辛似骶咧锌盏牡胤?,才有器皿的作用。用這句話來(lái)概況字形設(shè)計(jì)的核心關(guān)鍵,再適合不過(guò),西文字形的字寬、內(nèi)部空間以及間距控制問(wèn)題的癥結(jié)就在“當(dāng)其無(wú)”的負(fù)空間(白空間)中。
 


 

以flickr的標(biāo)志的標(biāo)準(zhǔn)字為例,將其進(jìn)行相等間距處理后,從第一排右側(cè)中可以看到字間距看起來(lái)時(shí)松時(shí)緊。我們看第二排是對(duì)其進(jìn)行了字間距把控,這種把控就是對(duì)字懷,也就是互相之間形成負(fù)空間的考量。


 


 


 


 


 


 

西文的字間距對(duì)于字形設(shè)計(jì)來(lái)說(shuō)是尤為關(guān)鍵的,不協(xié)調(diào)的間距,讓文字閱讀起來(lái)因?yàn)楣?jié)奏混亂而讓人感到十分吃力,大大影響到可讀性和美感。

拉丁字母大小寫(xiě),如果對(duì)外形進(jìn)行籠統(tǒng)的分類(lèi),可以大致分類(lèi)為方形、圓形、三角形這三種。我們以這三種與方形的間距為基準(zhǔn),得出上圖的間距由大到小排列,可以看到三角形比圓形的側(cè)邊空間更大,因此需要更近的間距安排。字母結(jié)構(gòu)實(shí)際情況更加復(fù)雜,很多字母是非對(duì)稱(chēng)結(jié)構(gòu),因此兩側(cè)的間距計(jì)算是不同的;況且字懷形狀也不同,同樣影響間距大小。


 


 


 

字間距的關(guān)鍵:字形之間的藍(lán)色空間與字形內(nèi)的紅色空間的平衡。

對(duì)字間距的影響最大兩點(diǎn):①字母的側(cè)邊形成的負(fù)空間形狀。②字形左右開(kāi)放結(jié)構(gòu)中負(fù)空間的影響。下圖可以看到字形中有左右側(cè)開(kāi)放結(jié)構(gòu)的字母對(duì)字間距的影響(上下側(cè)開(kāi)放的部分,則被視為內(nèi)部空間如圖中的K、n)。


 


 

以大寫(xiě)字母為例,字母一側(cè)的側(cè)邊類(lèi)型可以分成方形、圓形、三角形。它們又可以細(xì)化成下圖的六種形式,并進(jìn)行字間距由大到小的排列分類(lèi)。
 

第一種的字母單側(cè)接觸面是封閉的,間距空間相對(duì)是最大的。第二種是下側(cè)或上側(cè)(也適用于小寫(xiě)字母 m、n、h)擁有圓角邊緣的字母 ,因?yàn)殚g距間出現(xiàn)了這樣的小缺口,因此間距比第一種方形的絕對(duì)垂直邊緣的字母間距略小一點(diǎn)。第三種的以D、B為典型,它們都屬于圓形側(cè)邊類(lèi)型,但具體的距離還要視字形實(shí)際占用的空間進(jìn)行微調(diào)。第四種的是三角形側(cè)邊類(lèi)型,是間距中最小的類(lèi)型,因?yàn)閭?cè)邊形成的負(fù)空間最大,所以間距要更緊一些。


 


 

通過(guò)此圖可以大致理解間距的關(guān)系,接下來(lái)看字的正負(fù)空間對(duì)間距的影響。


 


 

下圖為三種形狀的側(cè)邊開(kāi)放空間對(duì)視覺(jué)間距引導(dǎo)的示意圖。
 


 


 


 

擁有三角形側(cè)邊類(lèi)型的大寫(xiě)字母,如T、V、A、W,有時(shí)候會(huì)與小寫(xiě)字母形成更復(fù)雜的關(guān)系,因?yàn)樗鼈冇幸粋?cè)或兩側(cè)的開(kāi)放式空間,因此與一些小寫(xiě)字母的字間距甚至是負(fù)值,小寫(xiě)字母會(huì)進(jìn)入它們的內(nèi)部。以下圖為例,注意紅色箭頭處及T下方開(kāi)放空間的處理,以進(jìn)行視覺(jué)上的均衡。


 


 


 

在設(shè)計(jì)間距的時(shí)候通常以側(cè)邊類(lèi)型為方形的字母為基準(zhǔn),設(shè)置一個(gè)所需的間距值,然后以此為基準(zhǔn)去調(diào)校其他字形間距。下圖示例中可以看到,H、 M、N這種兩邊的側(cè)邊類(lèi)型都是方形的字間距是一樣的。E、D都是右側(cè)開(kāi)放邊緣,紅色的開(kāi)放字白部分都對(duì)間距起到了消減的影響。


 


 

值得一提的是,不少小寫(xiě)字母都擁有升部(b、d、k、h 等 )和降部(g、j、 p、q 等 )。以下圖為例,雖然 k 的左側(cè)和 m 一樣屬于方形側(cè)邊結(jié)構(gòu),但是 k 的升部加強(qiáng)了其厚重感,因此間距需要微調(diào)得更大一些。

字形設(shè)計(jì)與間距其實(shí)是一個(gè)非常精深的課題,這里只能拋磚引玉,做個(gè)基本的介紹和發(fā)散。


 


 

——
 


 


 


 


20
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦