亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 平面設計 > 正文

10 個能幫你增進文字排版的訣竅和密技分享

2024-09-03 19:30:15
字體:
來源:轉載
供稿:網友

今天為大家分享10 個能幫你增進文字排版的訣竅和密技,是由資深視覺設計師 Janie Kliever 在 Design School 發表的一篇文章,雖然介紹的是英文字型,不過還是相當實用,讓我們一起來看看吧!

文字排版(Typography)不只是從下拉選單選擇字型和點數而已,文字排版是一項流傳數世紀的技藝,自木制和金屬的活版印刷便開始,而且它不只歷史悠久,還很實用,大部分的人只要掌握一些實用的訣竅,就可以將之活用在諸如履歷表、電子報或名片等日常設計項目上。

1. 將要表達的訊息配上適當的感覺

用了兩種差不多的字型?或是你總是用最喜歡的那一種字型?以上都是沒有妥善選擇字型的情形。

font-personalities-768x576

每種字型都散發獨特的情感或個性,也許是友善、新潮、嚴肅或傻里傻氣,但大部分的字型并不是萬用的,所以你要判斷一個字型對你來說是怎么樣的感覺,還有它適不適合放在這個設計里面。方法之一就是列出你希望設計呈現哪些特質,如果能先確定內容更好,這樣就能直接挑選字型來配合建立好的內文調性。

字型設計師 Eben Sorkin 曾經說過:每種字體都有自己的聲音,這種聲音將影響我們閱讀文字的感受,也影響我們吸收和處理信息的過程。

它的力量強大,能讓任何形式的文字溝通更加有效且更有說服力。當文字符合字型的個性,大家閱讀起來會更快更容易;若兩者不合,文字就會變得混亂,拖慢讀者的速度。訪客讀起來越容易,就越容易找到他們要的內容并點擊購買或返回(或達成其它設計的目的)。

讓我們快速看幾個范例:

一個遵循「傳統配方」的護發產品,融合了復古和現代的字型。

1a-768x513

(Design by Device Creative Collaborative)

主打回到本質的產品,包裝走極簡瑞士風設計美學和字型搭配。

1b-768x576

(Design by Salih Kucukaga)

傳達歷史和工藝精神的字型選擇,字型和整體事業的品牌形象相當搭配。

1c-768x1643

(Mike Casebolt and Sergey Grigoryan)

古典的襯線字體,看起來相當適合 1925 年就開幕的出版商的部落格,不過這個字型易讀、簡明而且平易近人,帶來一種現代感,而且更適合用在網頁上。

1d-768x663

(Random House Books)

2. 配合讀者的心情

現在你已經替你的設計配了完美的字型,但有個小問題,并非所有人對同一種字型都有一樣的感覺,選擇了適合的字型后,你也要確定它適合你的觀眾。

可能有一群人覺得這字型很新潮,另一群就覺得它過時,因為我們看字型的方式受到文化連結的影響,而文化又和年齡及地區有相當大的關系,所以要對你的目標群眾有敏感度,如果你對選擇的字型有所遲疑,問問那個團體的人,征詢他們的意見,能讓你的文字排版效果更好。

210-768x510

33-768x512

(Designs by Peetie Design and Kelly Schmidt)

如果你的觀眾范圍很廣,并非特定族群呢?那你可能就得選擇較為中性的字體,不強調鮮明特色而能融入其他對象。這種字型經常稱為「Workhorse」字體,通常是基本的襯線或無襯線字型,而且因為不引人注意而用途廣泛。



workhorse-typefaces-768x359

▲Google 字型中一些多用途字型。

最有用的多用途字型通常還會提供各種粗細和類型。

3. 讓字型的尺寸搭配設計內容

選擇和安排設計的字型時,閱讀難易度應該是首要考慮之一。字太小難以閱讀,字太大又很煩人,因此一般而言,印刷用段落文字應該落在 10 — 12 點之間,而網頁則是 15 — 20 之間,大部分的瀏覽器默認值是 16 點。

你可以用 Type Scale 這個免費工具來檢查 Google 字型庫的字型,各個尺寸在網頁上看起來如何。

web-fonts-768x385

▲Type Scale

若不是用在長文的字呢?你可以參酌設計本身,包括整個版面的大小或呈現方式,加上一點基本常識幫助判斷。一些像名片之類的小型項目或是長段文章會需要小一點的字,但這些字也要清晰易讀,而非充滿裝飾。

42-768x480

大型項目如海報,因為空間更多而且大家通常會從遠一點的距離觀看,就可以容納大字,若選擇相對小的字體,則有更多空間發揮創意和選擇更有型的文字。

51-768x1152

 4. 安排層次

如果一個設計層次分得好,看起來就整齊,容易定位,可以更容易找到你要的信息。文字排版的層次對于像是電子報、雜志、書和其他傳統印刷物,及某些網站等文字很多的設計特別重要。

typographic-hierarchy-768x409

基本的層次設計,可以利用以下幾點:

用字的大小來依重要性排序信息。用充足的空間來創造一個容易檢視的架構把相關的對象分成一組在適當的情況下,用標題、副標等清楚地分類

typographic-hierarchy-2-768x1117

注:這個是特別關鍵的一點,想具體學習的同學可參見:

    《設計易容術!如何設計一張高品位高水準的海報?》《設計易容術!如何設計一張高品位高水準的海報(二)》《設計易容術!如何設計一張高品位高水準的海報?(三)》

    5. 別忽略了留白和對齊方式

設計成也細節,敗也細節,其中留白和對齊影響很大,這兩者可以讓版面又擠又混亂,也可以帶來干凈和秩序。

讓我們一起來看看幾種常見的留白:

字距(Tracking):文字間距,又稱字間,這是在一段或一句文字中,每個文字的固定間距,調整這選項會讓整體文字看起來更擠或更松,縮小間距常用來節省空間,但太過緊密會讓文字難以閱讀,配合所選字型,找到適合的文字間距,是讓文章好讀的最佳方法之一。

6-768x577

行距(Leading):每行間距,這是行與行間的垂直距離,就像字距一樣,過多過少都會讓文字難以閱讀或格格不入。

7-768x577

邊界:這是設計周邊的空白空間,除非有特殊需求,不然通常你不會想讓內容看起來像要掉出頁面一樣,在頁面周圍大方地留點空間,讀起來會更舒服。

留白:用來指設計中所有空白、白色、空無一物的空間,如果你要放很多內容,留白看似很浪費,但要讓畫面平衡、有條理,這是不可或缺的。他讓觀眾的視線在畫面中移動,同時讓眼睛有地方可以休息。

white-space-768x576

至于對齊方式,「保持一致」是增進文字排版最好的方法,在同一設計中無意義地切換各種對齊方式(靠左、靠右、置中、分散),只會看起來很隨便。

8-768x577

一些小訣竅:

少用兩端對齊。這幾乎每次都會產生一堆不規則的空間和隨機分布的大量空白,看起來很亂而且很難閱讀。在段落文字選擇一種對齊方式(通常是靠左),并保持一致。

alignment-768x576

(Design by Bryan Kidd)

6. 學會字距微調

有一種留白是大家常常忽略的:字距微調(字間)。字句微調常和字距搞混,但兩者是不同的,字句微調是單指兩個文字間的距離。

9-768x577

字句微調通常是用來檢查文字排版是不是完美且專業的最后一個步驟,每種字型都有默認的字句微調,但有些文字組合起來間距就是不理想,尤其又大又顯眼的文字排版,比如說標題,最好多檢查一下有沒有哪兩字間隔過大或過小,必要的話再手動調整。

7. 限制你的字體、粗細和樣式數量

我們熱愛各種字型,但好東西太多也不好,一個設計用過多不同的字體看起來會混亂又不專業。

10-768x577


基本上,一份設計別用超過三種字體,如果是好的設計搭配對的內容,也是可以打破這項規則,制造電子、復古的效果,比如以下這份設計。

111-768x577

如果你剛開始混合使用字型,基本的襯線搭配無襯線字體,幾乎都能搭配,或者找一種有各種粗細和樣式的字體或字體系列來搭配,這樣你的文字排版看起來就互相呼應,同時還保留一些變化空間。

12-768x432

▲免費字體系列 Alegreya Sans

粗細和樣式很容易被濫用,這些樣式可以強調文字的重要性,在視覺上更突出,或是模擬說話語氣,但別在一段文章內用上一堆樣式,這樣會看起來強調得太用力,而且會讓讀者感到不禮貌。實際上,就算只用超過一種以上樣式的機會都不多。

8. 避免常見的「排版病」

設計程序當著我們完成很多了不起的事,但若不夠小心,有時候也讓人容易犯下一些顯而易見的錯誤。〈Thinking with Type〉 的作者 Ellen Lupton 在書的官方網站上,舉了幾個壞習慣作為例子: 不要為了填滿版面任意拉長文字,若你只拉長一個方向,會讓文字及間距嚴重變形,如果要重設大小,請固定長寬比例。

13-768x531

別用錯誤的引號。在英文字句中有的人會用直線引號代替逗號型引號,或者在中文使用英文引號,大部分的程序可以設定自動取代功能,或是打字的時候善用快捷鍵。

141-768x413

不要使用假斜體。如果字型本身沒有提供斜體,在設計程序里還是可以簡單地把它傾斜,做成斜體,但這種技術會讓字體變形,而且通常看起來很糟糕。真的斜體是另外設計來補充原本字型的不足,而且通常是比較好的選擇。

這兒的知識點可以參考:《專業干貨!想強調重點該用粗體、下劃線還是斜體?》

15-768x384 9. 避免沖突的顏色或背景

文字排版很少獨立存在,它通常會和其他元素搭配,尤其是背景。文字和其他部分間有足夠的對比,可以讓文字更易讀,但有些小技巧可以幫忙調降一下對比:

顏色的沖突:如果要幫文字挑顏色,你可能會想要挑個能和其他元素搭配的顏色,包括背景,如果顏色太格格不入,像是很丑的彈出式廣告窗口,背景是紅色,字是鮮綠色,或者顏色太相近,像是白色的字搭淺色背景,眼睛負擔都很大,視覺效果很差。

試試用現有的色系組合,來創造和諧的畫面:

162-768x576

圖案或復雜的背景:一樣地,太復雜的背景也會讓字難以閱讀,而你應該不想觀眾找不到信息。

試試看把復雜的圖案放在邊框,或是不會干擾閱讀的地方:

17-768x628

(Design by Szende Brassai / Adline)

特殊效果:透明、環繞,還有許多文字特效這些都很好玩,在某些情形下也很實用,不過也很容易用錯。我們有時候會陷入「這個設計很好看,但一點都不實用」的陷阱里。

試試在可以增進設計效果的時候才用特效,而不是看到特效就亂用。

182-768x647

(Design by David M. Smith)

總而言之,當你嘗試發揮創意的同時,記得保持文字排版的清晰易讀。

10.觀察與練習

增進文字排版技巧的最佳方式之一,就是觀察其他設計師的作品是如何運用文字排版,這需要不斷地練習并培養判斷的眼光。所以請時時注意優秀的文字排版,它可能是捷運告示,也有可能是雜貨的標簽。

所以現在就靠你自己了,請妥善利用這些訣竅增進你的文字排版技能吧!

以上就是10 個能幫你增進文字排版的訣竅和密技分享,希望這篇教程能對大家有所幫助!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲综合色激情五月| 欧美日韩国产限制| 欧美激情精品久久久久久大尺度| 国产成人精品久久久| 精品激情国产视频| 日韩电影中文字幕| 毛片精品免费在线观看| 国产精品盗摄久久久| 色综合色综合久久综合频道88| 久久久免费精品视频| 欧美日韩亚洲视频| 91精品在线播放| 97精品国产97久久久久久免费| 久久精品亚洲精品| 欧美高清videos高潮hd| 国内精品久久久久久中文字幕| 欧美日韩xxxxx| 91久久精品国产91性色| 欧美激情一级欧美精品| 成人黄色免费网站在线观看| 国产精品一区久久久| 日韩在线观看精品| 久久久精品电影| 美女性感视频久久久| 亚洲国产精品字幕| 中文字幕日本欧美| 久久久久久久久久久av| 欧美亚洲视频在线看网址| 亚洲成人激情在线观看| 51精品国产黑色丝袜高跟鞋| 国产成+人+综合+亚洲欧美丁香花| 日本欧美在线视频| 久久人人97超碰精品888| 97久久伊人激情网| 欧美在线亚洲在线| 成人做爰www免费看视频网站| 亚洲欧美日韩直播| 在线精品播放av| 国产精品第3页| 欧美成人黄色小视频| 91在线观看免费高清| www.色综合| 亚洲日本欧美日韩高观看| 2019中文字幕在线观看| 欧美精品第一页在线播放| 国产精品a久久久久久| 97在线免费视频| 亚洲欧美国产精品va在线观看| 色婷婷亚洲mv天堂mv在影片| 成人免费福利在线| 91久久久久久久久久久| 成人免费在线视频网站| 日韩精品福利网站| 国产精品高清网站| 欧美日韩亚洲一区二区三区| 色婷婷av一区二区三区在线观看| 国产精品老女人精品视频| 在线看日韩av| 欧美激情在线播放| 91精品国产九九九久久久亚洲| 欧美贵妇videos办公室| 91亚洲一区精品| 久久久久久高潮国产精品视| 日韩精品在线观看网站| 久久香蕉国产线看观看网| 国产成人精品免高潮费视频| 97**国产露脸精品国产| 国产剧情日韩欧美| 最近2019中文字幕在线高清| 国产男女猛烈无遮挡91| 91国内揄拍国内精品对白| 久久99视频精品| 麻豆国产精品va在线观看不卡| 国产日韩在线看片| 亚洲国产另类久久精品| 国产精品青草久久久久福利99| 国产精品视频自拍| 亚洲国产精品高清久久久| 欧美日韩中文字幕综合视频| 欧美在线一级视频| 正在播放亚洲1区| 亚洲成在人线av| 97成人精品区在线播放| 精品久久久久久国产91| 7m第一福利500精品视频| 久久中文字幕国产| 久久久亚洲精选| 亚洲色图欧美制服丝袜另类第一页| 亚洲日本欧美中文幕| 亚洲视频在线观看免费| 欧美亚州一区二区三区| 一本一本久久a久久精品综合小说| 国产一区二区三区久久精品| 国产精品视频大全| www.日韩av.com| 国产91热爆ts人妖在线| 日韩国产高清视频在线| 91美女高潮出水| 午夜精品国产精品大乳美女| 亚洲欧美另类人妖| 欧美精品久久久久久久久| 亚洲午夜未满十八勿入免费观看全集| 久久久久久久久国产| 欧美视频在线观看免费网址| 亚洲午夜女主播在线直播| 成人性生交大片免费观看嘿嘿视频| 68精品国产免费久久久久久婷婷| 91精品免费视频| 日韩精品中文字幕在线| 亚洲精品一区二区在线| 亚洲国产97在线精品一区| 伦伦影院午夜日韩欧美限制| 欧美一级大片视频| 91系列在线观看| 久久99精品久久久久久琪琪| xxxx欧美18另类的高清| 亚洲美女视频网站| 色综合亚洲精品激情狠狠| 4p变态网欧美系列| 欧美黄色三级网站| 6080yy精品一区二区三区| 亚洲国产精品久久久久秋霞蜜臀| 久久精品视频亚洲| 色爱av美腿丝袜综合粉嫩av| 久久在线观看视频| 精品综合久久久久久97| 久久久精品免费| 欧美视频一二三| 亚洲欧美一区二区精品久久久| 久久香蕉精品香蕉| 国内免费精品永久在线视频| 精品毛片网大全| 成人动漫网站在线观看| 国产精品91在线| 国产在线日韩在线| 大胆欧美人体视频| 国产精品免费一区二区三区都可以| 92国产精品视频| 国产精品一二三视频| 久久久中文字幕| 欧美日韩亚洲视频| 久久久之久亚州精品露出| 性金发美女69hd大尺寸| 亚洲成色777777在线观看影院| 97视频在线观看亚洲| 国产女同一区二区| 精品国产乱码久久久久久婷婷| 久久99精品国产99久久6尤物| 欧美大奶子在线| 欧美性xxxx| 日韩欧美精品网址| 欧美精品日韩www.p站| 色综合久久悠悠| 国产美女主播一区| 97精品久久久中文字幕免费| 亚洲影视九九影院在线观看| 亚洲最大在线视频| 国产在线精品自拍| 国产欧美一区二区白浆黑人| 91精品国产高清久久久久久91| 欧美电影免费观看高清| 精品在线欧美视频| 久久久久国产精品免费| 91免费精品视频|