文字排版是一項流傳數世紀的技藝,自木制和金屬的活版印刷便開始,而且它不只歷史悠久,還很實用,大部分的人只要掌握一些實用的訣竅,就可以將之活用在諸如履歷表、電子報或名片等日常設計項目上。
1. 將要表達的訊息配上適當的感覺
用了兩種差不多的字型?或是你總是用最喜歡的那一種字型?以上都是沒有妥善選擇字型的情形。
每種字型都散發獨特的情感或個性,也許是友善、新潮、嚴肅或傻里傻氣,但大部分的字型并不是萬用的,所以你要判斷一個字型對你來說是怎么樣的感覺,還有它適不適合放在這個設計里面。方法之一就是列出你希望設計呈現哪些特質,如果能先確定內容更好,這樣就能直接挑選字型來配合建立好的內文調性。
字型設計師 Eben Sorkin 曾經說過:每種字體都有自己的聲音,這種聲音將影響我們閱讀文字的感受,也影響我們吸收和處理信息的過程。
它的力量強大,能讓任何形式的文字溝通更加有效且更有說服力。當文字符合字型的個性,大家閱讀起來會更快更容易;若兩者不合,文字就會變得混亂,拖慢讀者的速度。訪客讀起來越容易,就越容易找到他們要的內容并點擊購買或返回(或達成其它設計的目的)。
讓我們快速看幾個范例:
一個遵循「傳統配方」的護發產品,融合了復古和現代的字型。
主打回到本質的產品,包裝走極簡瑞士風設計美學和字型搭配。
傳達歷史和工藝精神的字型選擇,字型和整體事業的品牌形象相當搭配。
古典的襯線字體,看起來相當適合 1925 年就開幕的出版商的部落格,不過這個字型易讀、簡明而且平易近人,帶來一種現代感,而且更適合用在網頁上。
漢字是以假想邊框為基準來進行設計的,也就是我們所說的方塊字,在編排文章時,需要把假想邊框作均等排列,此種排列方式就非常符合方塊漢字的定義。
2. 配合讀者的心情
現在你已經替你的設計配了完美的字型,但有個小問題,并非所有人對同一種字型都有一樣的感覺,選擇了適合的字型后,你也要確定它適合你的觀眾。
可能有一群人覺得這字型很新潮,另一群就覺得它過時,因為我們看字型的方式受到文化連結的影響,而文化又和年齡及地區有相當大的關系,所以要對你的目標群眾有敏感度,如果你對選擇的字型有所遲疑,問問那個團體的人,征詢他們的意見,能讓你的文字排版效果更好。
如果你的觀眾范圍很廣,并非特定族群呢?那你可能就得選擇較為中性的字體,不強調鮮明特色而能融入其他對象。這種字型經常稱為「Workhorse」字體,通常是基本的襯線或無襯線字型,而且因為不引人注意而用途廣泛。
▲Google 字型中一些多用途字型。
最有用的多用途字型通常還會提供各種粗細和類型。
3. 讓字型的尺寸搭配設計內容
選擇和安排設計的字型時,閱讀難易度應該是首要考慮之一。字太小難以閱讀,字太大又很煩人,因此一般而言,印刷用段落文字應該落在 10 — 12 點之間,而網頁則是 15 — 20 之間,大部分的瀏覽器默認值是 16 點。
你可以用 Type Scale 這個免費工具來檢查 Google 字型庫的字型,各個尺寸在網頁上看起來如何。
▲Type Scale
若不是用在長文的字呢?你可以參酌設計本身,包括整個版面的大小或呈現方式,加上一點基本常識幫助判斷。一些像名片之類的小型項目或是長段文章會需要小一點的字,但這些字也要清晰易讀,而非充滿裝飾。
大型項目如海報,因為空間更多而且大家通常會從遠一點的距離觀看,就可以容納大字,若選擇相對小的字體,則有更多空間發揮創意和選擇更有型的文字。
我們再拿漢字排版舉例:
把假想邊框不留空隙地均勻排列,我們稱之為“滿排版”,橫排的文字內容如果做成滿排版,部分的文字會顯得凌亂,所以需要適當的調整字間距。
4. 安排層次
如果一個設計層次分得好,看起來就整齊,容易定位,可以更容易找到你要的信息。文字排版的層次對于像是電子報、雜志、書和其他傳統印刷物,及某些網站等文字很多的設計特別重要。
基本的層次設計,可以利用以下幾點:
- 用字的大小來依重要性排序信息。
- 用充足的空間來創造一個容易檢視的架構
- 把相關的對象分成一組
- 在適當的情況下,用標題、副標等清楚地分類
在中英文混合排版時,很多人會覺得英文較小,且與中文位置錯離,這時候需要加大英文的字號并調整其位置。比如下面這個排版方式:
5. 別忽略了留白和對齊方式
設計成也細節,敗也細節,其中留白和對齊影響很大,這兩者可以讓版面又擠又混亂,也可以帶來干凈和秩序。
讓我們一起來看看幾種常見的留白:
字距(Tracking):文字間距,又稱字間,這是在一段或一句文字中,每個文字的固定間距,調整這選項會讓整體文字看起來更擠或更松,縮小間距常用來節省空間,但太過緊密會讓文字難以閱讀,配合所選字型,找到適合的文字間距,是讓文章好讀的最佳方法之一。
行距(Leading):每行間距,這是行與行間的垂直距離,就像字距一樣,過多過少都會讓文字難以閱讀或格格不入。
若每行文字過多,閱讀時的視線就會被加大跨度移動,所以要限制每行的字數,報紙一般以16個字,單行本或者網頁以50個字左右為易于閱讀的行長。
邊界:這是設計周邊的空白空間,除非有特殊需求,不然通常你不會想讓內容看起來像要掉出頁面一樣,在頁面周圍大方地留點空間,讀起來會更舒服。
留白:用來指設計中所有空白、白色、空無一物的空間,如果你要放很多內容,留白看似很浪費,但要讓畫面平衡、有條理,這是不可或缺的。他讓觀眾的視線在畫面中移動,同時讓眼睛有地方可以休息。
至于對齊方式,「保持一致」是增進文字排版最好的方法,在同一設計中無意義地切換各種對齊方式(靠左、靠右、置中、分散),只會看起來很隨便。
比如,分欄也是表現對齊的一個很好的形式,若欄數過多,行長必然會隨之變短,使文章顯得零碎并增加閱讀難度。
一些小訣竅:
?少用兩端對齊。這幾乎每次都會產生一堆不規則的空間和隨機分布的大量空白,看起來很亂而且很難閱讀。
?在段落文字選擇一種對齊方式(通常是靠左),并保持一致。
6. 學會字距微調
有一種留白是大家常常忽略的:
字距微調(字間)。字句微調常和字距搞混,但兩者是不同的,字句微調是單指兩個文字間的距離。
字句微調通常是用來檢查文字排版是不是完美且專業的最后一個步驟,每種字型都有默認的字句微調,但有些文字組合起來間距就是不理想,尤其又大又顯眼的文字排版,比如說標題,最好多檢查一下有沒有哪兩字間隔過大或過小,必要的話再手動調整。
當然,有時我們可以文字組整體排列成矩形,從而讓整體更加整齊劃一,不會影響到版面的整體效果。
7. 限制你的字體、粗細和樣式數量
我們熱愛各種字型,但好東西太多也不好,一個設計用過多不同的字體看起來會混亂又不專業。
基本上,一份設計別用超過三種字體,如果是好的設計搭配對的內容,也是可以打破這項規則,制造電子、復古的效果,比如以下這份設計。
如果你剛開始混合使用字型,基本的襯線搭配無襯線字體,幾乎都能搭配,或者找一種有各種粗細和樣式的字體或字體系列來搭配,這樣你的文字排版看起來就互相呼應,同時還保留一些變化空間。
粗細和樣式很容易被濫用,這些樣式可以強調文字的重要性,在視覺上更突出,或是模擬說話語氣,但別在一段文章內用上一堆樣式,這樣會看起來強調得太用力,而且會讓讀者感到不禮貌。實際上,就算只用超過一種以上樣式的機會都不多。
在粗細運用上,最鮮明的表現就是標題和內文排版了。當二者距離比較貼近時,需要將一些文字進行加粗和加大字號處理,用以區分不同的內容。
8. 避免常見的「排版病」
設計程序當著我們完成很多了不起的事,但若不夠小心,有時候也讓人容易犯下一些顯而易見的錯誤。〈Thinking with Type〉 的作者 Ellen Lupton 在書的官方網站上,舉了幾個壞習慣作為例子: 不要為了填滿版面任意拉長文字,若你只拉長一個方向,會讓文字及間距嚴重變形,如果要重設大小,請固定長寬比例。
別用錯誤的引號。在英文字句中有的人會用直線引號代替逗號型引號,或者在中文使用英文引號,大部分的程序可以設定自動取代功能,或是打字的時候善用快捷鍵。
不要使用假斜體。如果字型本身沒有提供斜體,在設計程序里還是可以簡單地把它傾斜,做成斜體,但這種技術會讓字體變形,而且通常看起來很糟糕。真的斜體是另外設計來補充原本字型的不足,而且通常是比較好的選擇。
標點避頭尾處理。為了易于閱讀,中文排版時要避免標點符號出現在一行的開頭或末尾,要進行避頭尾處理。
9. 避免沖突的顏色或背景
文字排版很少獨立存在,它通常會和其他元素搭配,尤其是背景。文字和其他部分間有足夠的對比,可以讓文字更易讀,但有些小技巧可以幫忙調降一下對比:
顏色的沖突:如果要幫文字挑顏色,你可能會想要挑個能和其他元素搭配的顏色,包括背景,如果顏色太格格不入,像是很丑的彈出式廣告窗口,背景是紅色,字是鮮綠色,或者顏色太相近,像是白色的字搭淺色背景,眼睛負擔都很大,視覺效果很差。
試試用現有的色系組合,來創造和諧的畫面:
圖案或復雜的背景:一樣地,太復雜的背景也會讓字難以閱讀,而你應該不想觀眾找不到信息。
試試看把復雜的圖案放在邊框,或是不會干擾閱讀的地方:
特殊效果:透明、環繞,還有許多文字特效這些都很好玩,在某些情形下也很實用,不過也很容易用錯。我們有時候會陷入「這個設計很好看,但一點都不實用」的陷阱里。
試試在可以增進設計效果的時候才用特效,而不是看到特效就亂用。
總而言之,當你嘗試發揮創意的同時,記得保持文字排版的清晰易讀。
10.觀察與練習
增進文字排版技巧的最佳方式之一,就是觀察其他設計師的作品是如何運用文字排版,這需要不斷地練習并培養判斷的眼光。所以請時時注意優秀的文字排版,它可能是捷運告示,也有可能是雜貨的標簽。
所以現在就靠你自己了,請妥善利用這些訣竅增進你的文字排版技能吧!
往期精彩:涂鴉插畫風的CD唱片包裝設計,不僅滿足聽覺需求,也有視覺享受
插畫當道!可愛又有食欲的果醬包裝簡直太有賣點 了!
PS修圖必備六款濾鏡插件,精修/磨皮/摳圖/調色/光效/銳化
Photoshop徒手繪制“李白” 毛筆字,詳細圖文教學,簡單易上手
夢幻漸變加入不同材質,產品包裝效果更是美到爆炸!









官方小程序
關注官方微信
主站蜘蛛池模板:
黄毛片在线观看|
91精品国产综合久久国产大片|
国产一区二区免费在线|
夜夜嗨av禁果av粉嫩av懂色av|
日本一区二区在线电影|
free性欧美hd另类丰满
|
国产一区二区三区网站|
国产一区欧美一区|
日韩精品乱码久久久久久|
亚洲欧美视频一区二区|
国产日韩欧美精品一区二区|
午夜激情看片|
亚洲欧美色图在线|
日韩中文字幕亚洲精品欧美|
性色av色香蕉一区二区|
欧美日本三级少妇三级久久|
国产精品一区在线观看|
国产免费区|
99国产超薄丝袜足j在线观看|
一区二区在线国产|
国产欧美一二三区|
国产农村乱色xxxx|
亚洲国产欧美一区|
麻豆精品国产入口|
日韩久久电影|
亚洲欧洲一二三区|
狠狠色综合欧美激情|
在线国产91|
亚洲精品久久久久一区二区|
三级视频一区|
日韩精品中文字幕在线播放|
国产99网站|
99国产精品九九视频免费看|
国产精品久久免费视频在线|
欧美精品在线一区二区|
国产日韩欧美亚洲|
a级片一区|
国产欧美精品一区二区三区-老狼
国产精品一二三区视频网站
|
久久综合伊人77777麻豆|
国产欧美精品一区二区三区小说
|
欧美日韩国产专区|
99视频国产在线|
玖玖玖国产精品|
韩国女主播一区二区|
欧美日韩国产影院|
日本伦精品一区二区三区免费|
国产一区二区黄|
最新日韩一区|
99久久精品免费看国产交换|
伊人欧美一区|
日韩一级在线视频|
91精品国产91热久久久做人人
|
国产91精品一区|
国产一区日韩欧美|
91精品丝袜国产高跟在线|
国产二区精品视频|
99视频国产在线|
欧美日韩中文国产一区发布|
久久精品国产精品亚洲红杏|
欧美黄色片一区二区|
日韩av在线导航|
久久91精品国产91久久久|
久久91久久久久麻豆精品|
国产一级一区二区|
一区二区在线视频免费观看|
国产精品久久久久99|
一区二区在线精品|
91久久国语露脸精品国产高跟
|
99久久精品国|
午夜影院h|
国产有码aaaae毛片视频|
欧美日韩国产色综合一二三四|
国产91丝袜在线熟|
欧美激情精品久久久久久免费|
91久久国语露脸精品国产高跟|
亚洲欧美国产精品久久|
岛国黄色av|
国产午夜一区二区三区|
欧美67sexhd|
精品国产乱码久久久久久久久|
久久久精品欧美一区二区免费|
免费看片一区二区三区|
91精品久|
日韩欧美高清一区二区|
91精品夜夜|
欧美亚洲视频二区|
国产精品视频一区二区在线观看|
久久免费视频一区|
久久精品色欧美aⅴ一区二区|
91精品久久久久久综合五月天|
国产欧美精品一区二区三区小说|
国产精品一区二区在线观看|
欧美日韩激情一区|
免费观看又色又爽又刺激的视频|
久久夜靖品2区|
国产精品对白刺激在线观看|
国内少妇自拍视频一区|
狠狠色噜噜狠狠狠狠88|
亚洲欧美日韩一级|
日韩精品少妇一区二区在线看|
香蕉av一区二区|
天堂av一区二区三区|
欧美激情精品久久久久久免费|
国产二区精品视频|
中文字幕天天躁日日躁狠狠躁免费
|
午夜影院一区二区|
国产精品久久国产三级国电话系列|
国产一区二区国产|
国产超碰人人模人人爽人人添|
国产精品19乱码一区二区三区|
日韩午夜电影院|
公乱妇hd在线播放bd|
婷婷午夜影院|
久久网站精品|
亚洲乱在线|
xx性欧美hd|
99久久夜色精品国产网站|
亚洲国产一二区|
国产男女乱淫视频高清免费|
国产日韩欧美亚洲综合|
玖玖精品国产|
99久久婷婷国产精品综合|
久久国产激情视频|
国产精品入口麻豆九色|
精品久久久综合|
国产欧美三区|
93精品国产乱码久久久|
国产精品美乳在线观看|
日韩欧美一区二区在线视频|
国产精品欧美久久|
国产原创一区二区
|
欧美激情片一区二区|
亚洲视频精品一区|
91精品国产高清一二三四区|
日本xxxx护士高潮hd|
国产精品久久久久久久久久久久久久不卡
|
亚洲国产精品麻豆|
国产性猛交|
久久精品亚洲精品国产欧美|
狠狠色噜噜狠狠狠四色米奇|
自拍偷在线精品自拍偷写真图片|
草逼视频网站|
亚洲国产精品二区|
伊人久久婷婷色综合98网|
午夜影院黄色片|
国产一区二区视频在线|
国产伦精品一区二区三区四区|
国内精品久久久久久久星辰影视
|
中文字幕日韩一区二区|
欧美精品在线视频观看|
国产区二区|
国产91在线拍偷自揄拍|
日韩av一区二区在线播放|
亚洲久久在线|
亚洲国产精品一区在线观看|
欧美日韩综合一区|
欧美一区二区三区激情|
91麻豆精品国产91久久|
日韩中文字幕亚洲欧美|
视频二区狠狠色视频|
国产精品久久久区三区天天噜|
国产亚洲精品久久yy50|
91精品视频在线免费观看|
国产精品色在线网站
|
91一区在线|
国产第一区在线观看|
国产一区二区综合|
日本一区二区三区在线看|
国产精品日韩在线观看|
国产激情二区|
欧美黑人巨大久久久精品一区|
91精品视频在线免费观看|
国产一区三区四区|
亚洲欧美一区二区三区三高潮|
亚洲国产精品97久久无色|
鲁丝一区二区三区免费观看|
在线电影一区二区|
97视频一区|
久久99久久99精品免观看软件
|
国产91精品一区二区麻豆亚洲|
曰韩av在线|
国产精品欧美一区二区三区奶水
|
国产全肉乱妇杂乱视频在线观看|
综合久久国产九一剧情麻豆|
日韩精品一区在线视频|
国产v亚洲v日韩v欧美v片|
国产一区二区电影在线观看|
国产一区二区麻豆|
亚洲精品久久久久久动漫|
欧美一区二区三区免费电影|
中文字幕一区二区三区日韩精品|
国产精品亚洲精品一区二区三区|
国产一区精品在线观看|
午夜毛片影院|
精品三级一区二区|
亚日韩精品|
玖玖精品国产|
国产欧美一区二区精品婷|
日韩有码一区二区三区|
亚洲国产精品日本|
91亚洲欧美强伦三区麻豆|
久久乐国产精品|
性old老妇做受|
久久久综合香蕉尹人综合网|
国产一区二区午夜|
亚洲乱码av一区二区三区中文在线:
|
国产大学生呻吟对白精彩在线|
国产精品对白刺激在线观看|
国产精品亚洲二区|
一区二区在线精品|
99国产精品免费|
亚洲国产精品日本|
欧美精品粉嫩高潮一区二区|
日本免费电影一区二区三区|
狠狠色狠狠色综合久久第一次|
性色av香蕉一区二区|
99久久精品国产国产毛片小说|
999偷拍精品视频|
一区二区国产精品|
欧美系列一区|
成年人性生活免费看|
欧美二区在线视频|
午夜一区二区视频|
91丝袜国产在线播放|
视频二区一区国产精品天天|
国产在线一区二区视频|
久久久综合亚洲91久久98|
91亚洲精品国偷拍|
国产日韩欧美在线影视|
日韩无遮挡免费视频|
日本一区欧美|
亚洲欧美日韩在线看|
电影午夜精品一区二区三区|
香港三日三级少妇三级99|
а√天堂8资源中文在线|
国产一区影院|
日本一区二区在线观看视频|
鲁丝一区二区三区免费观看|
国产91综合一区在线观看|
亚洲欧洲日韩|
国产在线不卡一|
亚洲精品国产久|
大bbw大bbw巨大bbw看看|
视频国产一区二区|
99精品国产一区二区三区不卡|
国产精品美女久久久免费|