在標誌設計中涉及到西文標準字間距如何把握,
這個問題曾經困擾我多年。
一切答案都在這篇教程中。
西文字形結構雖然遠比漢字簡單,但正是因為簡單,反而設計時使其達到協調卻變得複雜,牽一發而動全身。 輕易改變一個西文字形卻不影響其辨識度是極其困難的,因此品牌標準字基本都是在已經有的辨識度高的字形基礎上進行調整設計的。
視錯覺與視覺平衡
不同的字形因為筆劃與結構的不同,字面所佔據的體積與形狀就產生了差異。字與字之間若要統一調性、消除差異,就必須進行視覺上的調整,以消除視錯覺的影響。
視錯覺就是當人觀察物體時,大腦會形成一些錯誤的判斷和感知,是觀察者在客觀因素干擾下或者自身的心理因素支配下,對圖形產生的與實際不相符的判斷。
下圖左側圖中,圓形外側的負空間很多,而方形則充滿了空間,因此圓形看起來相對小很多。右側圖中,將大小一致的藍色橫豎線進行對比可以發現,橫線更具擴張感,因此看起來更粗。所以在字形設計中,表達橫豎線均衡,一般會將橫線相應調整得略細。
當E與H調整成等寬後,可以明顯看出E看起來更寬,這是因為我們的閱讀順序和字母排列都是橫向的,因此對橫筆形成了線的引導性,最終導致了橫向線條更長的視錯覺。 F、L、E這種單側開放的字母就會引發這種視錯覺;而像Z、T這種字母雖然有橫筆向側邊延展,但是兩側都有,所以形成了平衡和互相抵消的效果,因此不需要進行相關調整。
以字體HelveticaNeue為例,下面的黑字是把每個字母的字寬機械地調整為等寬,我們會明顯看到E看上去很寬,C、A、M、W則看上去很瘦,字母看上去寬度不一,極其不協調。字形的寬度必須考慮到它的內部及兩側形成的負空間。因此,要做到視覺平衡,就必須對字形結構與筆劃進行相應的調整,這樣才能讓不同字母之間形成融洽、和諧的關係。
下面來看看W和M。如果沒有進行研究,很多設計師大概會同左側一樣設計,將矩形直接組合在一起。這樣設計的話,我們會發現組合後,形狀交錯的地方看起來會特別厚,而且在等寬的情況下,M下側的字懷部分比F狹小了很多,形成了嚴重的失衡。最右側是調校均衡的M,在藍色的M圖例中可以看到,筆劃相交處進行了錯開處理,使其變薄。這樣M的字懷也變得均勻合理,相交處也變得厚薄適中了。
如果仔細放大查看我們常用的經典襯線體,就會發現像V、W、X、Y這些具有交叉筆劃的字母,還會對距離筆劃交叉部位近的地方進行逐漸收窄的處理,以達到筆劃粗細在視覺上的均勻和諧。
X的筆劃交錯處同樣也會形成視錯覺,可以看到黑色X的紅色箭頭處有膨脹感,也就是藍色X的紅線側有擴張的錯覺。 右側調校後視覺均衡,對紅線處進行了逐漸向內收窄的處理>
常規字型的這種交錯處都會進行收窄處理,以得到視覺上的均衡。
負空間與字間距
我們知道了西文字形的字寬需要以其字面的負空間與其他字進行均衡為考量,那麼字間距該如何把控呢?這個問題,在我早年學習西文字形的時候,給我帶來了極大的困惑。
與方塊漢字不同,如果一股腦兒使用等間距的話,西文會立馬顯現出非常突兀的視覺上間距失調的問題。 因為相比更接近方形輪廓的中文字形,西文字母的形狀外輪廓的差異懸殊且字寬都不盡相同,字間距更是不能刻板地使用一個尺寸的距離去處理。
負空間:字寬與字間距的關鍵
《老子》有云:“埏埴以為器,當其無,有器之用。”意思是揉和陶土製作器皿,因為有了器具中空的地方,才有器皿的作用。用這句話來概況字形設計的核心關鍵,再適合不過,西文字形的字寬、內部空間以及間距控制問題的癥結就在“當其無”的負空間(白空間)中。
以flickr的標誌的標準字為例,將其進行相等間距處理後,從第一排右側中可以看到字間距看起來時鬆時緊。我們看第二排是對其進行了字間距把控,這種把控就是對字懷,也就是互相之間形成負空間的考量。
西文的字間距對於字形設計來說是尤為關鍵的,不協調的間距,讓文字閱讀起來因為節奏混亂而讓人感到十分吃力,大大影響到可讀性和美感。
拉丁字母大小寫,如果對外形進行籠統的分類,可以大致分類為方形、圓形、三角形這三種。我們以這三種與方形的間距為基準,得出上圖的間距由大到小排列,可以看到三角形比圓形的側邊空間更大,因此需要更近的間距安排。字母結構實際情況更加複雜,很多字母是非對稱結構,因此兩側的間距計算是不同的;況且字懷形狀也不同,同樣影響間距大小。
字間距的關鍵:字形之間的藍色空間與字形內的紅色空間的平衡。
對字間距的影響最大兩點:①字母的側邊形成的負空間形狀。 ②字形左右開放結構中負空間的影響。下圖可以看到字形中有左右側開放結構的字母對字間距的影響(上下側開放的部分,則被視為內部空間如圖中的K、n)。
以大寫字母為例,字母一側的側邊類型可以分成方形、圓形、三角形。 它們又可以細化成下圖的六種形式,並進行字間距由大到小的排列分類。
第一種的字母單側接觸面是封閉的,間距空間相對是最大的。第二種是下側或上側(也適用於小寫字母m、n、h)擁有圓角邊緣的字母,因為間距間出現了這樣的小缺口,因此間距比第一種方形的絕對垂直邊緣的字母間距略小一點。第三種的以D、B為典型,它們都屬於圓形側邊類型,但具體的距離還要視字形實際佔用的空間進行微調。第四種的是三角形側邊類型,是間距中最小的類型,因為側邊形成的負空間最大,所以間距要更緊一些。
通過此圖可以大致理解間距的關係,接下來看字的正負空間對間距的影響。
下圖為三種形狀的側邊開放空間對視覺間距引導的示意圖。
擁有三角形側邊類型的大寫字母,如T、V、A、W,有時候會與小寫字母形成更複雜的關係,因為它們有一側或兩側的開放式空間,因此與一些小寫字母的字間距甚至是負值,小寫字母會進入它們的內部。以下圖為例,注意紅色箭頭處及T下方開放空間的處理,以進行視覺上的均衡。
在設計間距的時候通常以側邊類型為方形的字母為基準,設置一個所需的間距值,然後以此為基準去調校其他字形間距。下圖示例中可以看到,H、M、N這種兩邊的側邊類型都是方形的字間距是一樣的。 E、D都是右側開放邊緣,紅色的開放字白部分都對間距起到了消減的影響。
值得一提的是,不少小寫字母都擁有升部(b、d、k、h等)和降部(g、j、p、q等)。以下圖為例,雖然k的左側和m一樣屬於方形側邊結構,但是k的升部加強了其厚重感,因此間距需要微調得更大一些。
字形設計與間距其實是一個非常精深的課題,這裡只能拋磚引玉,做個基本的介紹和發散。
以上內容選自我的新書《品牌設計法則》,京東、噹噹網均有銷售
☆推薦閱讀 ☆
《LOGO設計怎麼能不懂這些規律》
《設計書單丨讀書讓你的人生多一種可能》
《我想吹爆的台灣設計師——王志弘》
-end-
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/Word%20Spacing%20Mysteries%20in%20English%20Typeface%20Design.html
评论列表(196条)
测试