選擇與設(shè)計(jì)相符的字體、展現(xiàn)視覺(jué)的層次感、襯線體與非襯線體一起使用、避免字體沖突、避免使用相似的字體進(jìn)行組合、限制你所使用的字體數(shù)量…這篇譯文總結(jié)了運(yùn)用好字體的設(shè)計(jì)原則,都是基礎(chǔ)但不可忽視的,適合新手學(xué)習(xí)或重溫。
01. 選擇與設(shè)計(jì)相符的字體
許多字體有著簡(jiǎn)便,開(kāi)朗,正式,雅致等不同于其他氛圍(英: Mood)或個(gè)性(英: personality)。制定設(shè)計(jì)字體的氛圍,就需要優(yōu)先確認(rèn)。
例如圓圓滾滾的字體,用在孩子生日宴會(huì)的邀請(qǐng)函上就非常合適,而公司的簡(jiǎn)報(bào)上就很不合適。
因?yàn)槿耸怯卸喾N多樣各不相同的(例如內(nèi)向(英: Introverted)或者外向(英: Extroverted)等),因此才會(huì)有魅力。有著強(qiáng)烈的個(gè)性的字體,可以將他與簡(jiǎn)單的字體相組合以保持平衡。
在下面的這個(gè)項(xiàng)目中,有特色的手繪風(fēng)格字體,與無(wú)襯線字體相結(jié)合,沒(méi)有妨礙主字體的同時(shí),下面的小字也保證了其可讀性。
當(dāng)決定兩個(gè)或以上的字體時(shí),說(shuō)不定就有一種玩聯(lián)想游戲(英: Guessing Game)的感覺(jué)。大部分情況我們都是靠著自己的直覺(jué)來(lái)決定的,這其實(shí)沒(méi)關(guān)系。
無(wú)論是網(wǎng)頁(yè),雜志,商店用的海報(bào),還是產(chǎn)品包裝,什么樣的字體組合好,什么樣的不好,我們都是從聯(lián)想字體開(kāi)始的。
02. 展現(xiàn)視覺(jué)的層次感
很久之前發(fā)行的報(bào)紙或雜志,對(duì)展現(xiàn)字體組合的層次感有著非常好的示范作用。標(biāo)題,副標(biāo)題,正文,解說(shuō)辭等要素都是靠著字體的組合,來(lái)將視覺(jué)劃分開(kāi)的。
字體的尺寸(英: Size)粗細(xì)(英; Boldness),文字間距(包含了行距(英: Leading)和字間距(英: Kerning))的調(diào)整,都可以引導(dǎo)視線,將它們集中在你所希望的特定部分。
層級(jí)(英: Hierarchy),就是在標(biāo)題正文布局以外,你可以作成各種各樣的的類(lèi)型的設(shè)計(jì)。在給項(xiàng)目選擇字體的時(shí)候,不妨想一想,你希望一開(kāi)始就給用戶(hù)看到什么地方。
另一點(diǎn),決定什么樣的信息才是重要的。什么是最先躍入眼簾的(公司名字的標(biāo)題,特別優(yōu)惠等),然后決定什么內(nèi)容是不重要的。然后,我們?cè)賮?lái)決定字體的大小樣式和組合。通常,
重要的內(nèi)容都是用大字號(hào),粗體來(lái)表示的。
03.仔細(xì)想想是不是該用
你需要知道什么樣的環(huán)境,什么樣的用途用什么樣的字體,什么樣的字體使用了會(huì)更加舒適。在實(shí)際表示的尺寸上,清晰易讀是十分重要的,就算是特別小的文字也有必要保證易讀。在下面這個(gè)案例中,不論是記載著小文字還是大文字的地方,文字間都留有特定的空間,在強(qiáng)調(diào)的同事保證了其易讀性。
然后,字體的尺寸會(huì)影響閱讀。在一開(kāi)始選擇字體的時(shí)候,你就需要考慮他的設(shè)計(jì)性和可讀性是否相匹配。(規(guī)則1說(shuō)明,考慮文字的個(gè)性。)
文字選擇的過(guò)程中,標(biāo)題使用的字體(英: display typefaces),選擇有特點(diǎn)的字體還是中規(guī)中矩(英: Neutral)的字體,是非常重要的工作。在下面這個(gè)雜志的版面設(shè)計(jì)中,標(biāo)題使用了兩種字體,正文使用了無(wú)襯線字體。
字體可以從具有歷史性的背景或體裁中選擇。你可以簡(jiǎn)單的研究一下字體的歷史背景,以及,這個(gè)字體是在什么時(shí)候被創(chuàng)造的。或者說(shuō),知道了這個(gè)字體是在什么時(shí)代被利用的,你可以了解他是否與你的設(shè)計(jì)相匹配。
04. 襯線體與非襯線體一起使用
如果沒(méi)有時(shí)間了,需要你馬上決定兩種字體。在那個(gè)時(shí)候,我們可以選擇一部分文字使用襯線體(英: Serif),而另一部分文字我們可以是用非襯線體(英: Sans Serif)。這樣的組合大體上往往很不錯(cuò),尤其是兩種字體大小不一樣的時(shí)候是最適合的。
另外補(bǔ)充重要的一點(diǎn),現(xiàn)在世界上的排字藝術(shù)(英:typography)中,關(guān)于襯線體和非襯線體哪一個(gè)更容易閱讀有著很大的分歧。大量的文字和文章表明,襯線體的字體可以有效的轉(zhuǎn)移視線,提高閱讀速度,尤其在印刷品中效果非常明顯。
相反的非襯線字體有著簡(jiǎn)單的風(fēng)格,在網(wǎng)上或者銀幕上表現(xiàn)效果都很好,能讓畫(huà)面感覺(jué)變得更清晰。
05. 要有對(duì)比意識(shí)
另一個(gè)使用襯線體和非襯線體組合在一起的理由是,具有對(duì)比性。這種對(duì)比有很多關(guān)聯(lián)性包含在里面,我們需要仔細(xì)考慮這之中的字體的層次感,相互之間的互補(bǔ)性等等。
對(duì)比,可以通過(guò)字體的種類(lèi),大小,字體,文字間距,顏色等各種各樣的方式來(lái)實(shí)現(xiàn)。下面這個(gè)樣本案例,就是利用了粗體字與細(xì)體字相互組合而成的。這兩種幾乎180度大轉(zhuǎn)變的風(fēng)格,卻很好的組合在了一起。
因?yàn)槊總€(gè)字體都是不同的(英: Difference),所以各種字體都有著各種各樣的意義。另外,大膽的使用了粉紅色,讓他比標(biāo)題還要大兩倍的字號(hào),也不能錯(cuò)過(guò),他很好的將非常細(xì)的字給強(qiáng)調(diào)了。
06. 避免字體沖突
在組合字體的時(shí)候,對(duì)比(英: Contrast)是非常重要的,同時(shí)也要避免它們相互沖突(英: Conflict)。不同的字體并不意味著他們可以很好匹配組合。一般來(lái)說(shuō),幾個(gè)風(fēng)格相似的字體,相同的比例,小字的高度(通常被稱(chēng)為x-height)非常的統(tǒng)一等都是值得注意的地方。這樣就算他們的外觀不同,設(shè)計(jì)從整體來(lái)說(shuō)都是非常統(tǒng)一的。
來(lái)看看下面這組字體組合吧。因?yàn)槭且r線體和非襯線體,所以風(fēng)格上是非常不同的。上面的字體非常圓潤(rùn),字間距的設(shè)定都留有余地,而下面的字體偏細(xì)長(zhǎng),風(fēng)格更加擁擠,我們可以看到對(duì)比非常的大。像頭發(fā)一樣細(xì)的襯線體與非常細(xì)的非襯線體,在強(qiáng)調(diào)他們的對(duì)比時(shí)應(yīng)當(dāng)更加注意。
07. 避免使用相似的字體進(jìn)行組合
這在第五條介紹對(duì)比時(shí)也提到了,太過(guò)相似的字體組合也會(huì)成為問(wèn)題。因?yàn)闆](méi)有太大的區(qū)別,所以在制造層次感的時(shí)候就成了第一個(gè)問(wèn)題。還有字體與字體之間的差異性,選擇它的目的,以及他看起來(lái)就像是選錯(cuò)了的。
但是,也沒(méi)有必要選擇完全不一樣的字體。比較字體的重量,外形是非常重要的,字體過(guò)于相似,特別是使用相同尺寸的時(shí)候,會(huì)讓用戶(hù)混亂,讓整體內(nèi)容都變得模糊。
選擇兩種字體并列,然后讓我們一點(diǎn)點(diǎn)慢慢的進(jìn)行分析。如果字體的外觀上基本相同,由于選擇的字體種類(lèi)有著非常好的對(duì)比,這也是設(shè)計(jì)的很好的一個(gè)預(yù)兆。
08.使用同一個(gè)系列的字體
使用同一個(gè)系列的字體,一直都是一個(gè)非常穩(wěn)妥的辦法。我們可以在一個(gè)系列中找到各種各樣的字體(不同的重量,樣式,大小文字等),來(lái)充分的表達(dá)我們的設(shè)計(jì)項(xiàng)目。
相同系列的字體進(jìn)行組合,利用不同的大小,樣式,重量(Light、Regular、Bold等),注意表現(xiàn)出他們的對(duì)比。
利用歐文斜體字或Extended版本等字體系列,可以給你的設(shè)計(jì)創(chuàng)造出無(wú)限的可能。
如果項(xiàng)目中規(guī)定只能使用一種字體,他的優(yōu)點(diǎn)就是能讓設(shè)計(jì)變得更加有效率??s短了去尋找能完美組合的字體的時(shí)間。
09. 限制你所使用的字體數(shù)量
一般一個(gè)項(xiàng)目所使用的字體數(shù)量是兩到三個(gè),當(dāng)然你也不必死守這這句話不放。如果你參加過(guò)雜志編輯工作,你也許能從中得到更多的經(jīng)驗(yàn),其實(shí)并沒(méi)有什么硬性規(guī)定的。
但是什么樣的設(shè)計(jì)要素,選擇什么樣的字體才是合適的,需要大量的設(shè)計(jì)項(xiàng)目來(lái)進(jìn)行練習(xí)。選擇什么樣的字體,因?yàn)槊總€(gè)設(shè)計(jì)項(xiàng)目的不同,便會(huì)有不同的見(jiàn)解。如果你使用了大量的字體,而當(dāng)別人一定要追根究底問(wèn)你為什么使用這么多時(shí),你完全可以不回答他。
10. 勤加練習(xí)
最后,我想這是一個(gè)好心的建議而不是規(guī)則。用你所知道的字體組合不斷的聯(lián)系吧。通過(guò)不斷地努力與錯(cuò)誤,最終你會(huì)得到屬于你的創(chuàng)新能力??赡苡型昝赖淖煮w組合,但并沒(méi)有完美做出他們的公式。
無(wú)懼風(fēng)險(xiǎn),相信自己,迎接更多的挑戰(zhàn)?;蛘吣阌信c規(guī)則不同的見(jiàn)解,但自己的字體組合感覺(jué)又不是很好,想想究竟是哪里錯(cuò)了,從失敗中獲得經(jīng)驗(yàn)是非常有必要的。這次介紹的只是一些排版的基礎(chǔ),也希望你們能有更好的作品設(shè)計(jì)出來(lái)。一起來(lái)感受設(shè)計(jì)的樂(lè)趣吧~
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
當(dāng)前標(biāo)題:10個(gè)幫你運(yùn)用好字體組合的設(shè)計(jì)原則
轉(zhuǎn)載來(lái)于:http://www.rwnh.cn/news3/309103.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、手機(jī)網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷(xiāo)推廣、網(wǎng)站制作、定制網(wǎng)站、App開(kāi)發(fā)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)