什麼是印刷術,以及擴展印刷設計? 為了使用最基本的解釋,印刷術是設計和使用字體作為通信手段。 許多人認為印刷術已經開始與古騰堡和可移動類型的發展,但排版比這更進一步。 這個設計分支實際上源於手寫字母。 印刷術包含了我們今天在各種網頁上看到的從書法到數字類型的一切。 排版藝術還包括創作新字體的字體設計師,然後將其轉換為其他設計可用於其作品的字體文件,從印刷作品到上述網站。 與那些作品不同的是,排版的基礎知識為他們所有。
排版元素
字體和字體:如果您曾經向在作品中使用印刷術的設計講過話,您可能已經聽過術語“字體”和/或“字體”。 許多人交替使用這兩個術語,但實際上這兩個項目之間有一些差異。
“字體”是術語賦予字體家族 (如Helvetica Regular,Helvetica Italic,Helvetica Black和Helvetica Bold )。 所有不同版本的Helvetica都構成了完整的字體。
“字體”是指當某人僅提及該家族中的一種體重或風格時使用的術語(如Helvetica Bold)。 所以很多字體都是由許多單獨的字體組成的,所有這些字體都是相似和相關的,但在某些方面有所不同。 某些字體可能只包含單一字體,而其他字體可能包含組成字體的字體的許多變體。
這聽起來有點混亂嗎? 如果是這樣,不要擔心。 事實上,如果有人不是印刷術專家,他們可能會使用術語“字體”,而不管這些術語中的哪一個是真正意義上的 - 甚至許多專業設計師可以交替使用這兩個術語。 除非你正在與一個純粹的設計師談論這個工藝的機制,否則你可能很安全地使用你喜歡的這兩個術語中的任何一個。 話雖如此,如果你明白這個區別,並且能夠正確地使用正確的術語,那永遠不是一件壞事!
字體分類:有時稱為“通用字體系列” ,這些是基於大量通用分類的大型字體分類,不同字體屬於不同字體。 在Web頁面上 ,您可能會看到六種類型的字體分類:
- 襯線
- 無襯線字體
- 等寬
- 草書
- 幻想
- 腳本
還有一些其他字體分類是這些分支的分支。 例如,“平板襯線”字體與襯線類似,但它們都以可識別的設計為特徵,在字形上使用厚厚的襯線。
今天的一個網站,serif和sans-serif是使用的兩種最常見的字體分類。
字體解剖學:每種字體都由不同的元素組成,這些元素將其與其他字體區分開來。 除非您特別打算進入字體設計並尋找創造全新字體,否則網頁設計師通常不需要知道字體解剖的細節。 如果您有興趣了解更多關於這些字體和字體的基礎知識,可以在About.com桌面出版網站上找到關於字體解剖的很棒的文章。
在基本的層面上,你應該知道的字體解剖要素包括:
- Cap和x-height:這是字體中大寫字母的高度和字母x的高度。 它會告訴你最大的字母將會有多高,以及大多數小寫字母的大小。 字體的大小基於這兩個特徵。
- 墮落者和上升者:這些是在x高度線之下和之上的字母部分。 這些通常指的是小寫字母。 例如,字母“b”有一個上升(從字母“上”的那一段),而字母“p”有一個下降(從字母向下“下”的部分)。
信件周圍的距離
可以在影響排版的字母之間和周圍進行一些調整。 數字字體的創建具有很多這些特性,並且在網站上,我們改變字體的這些方面的能力有限。 這通常是一件好事,因為字體顯示的默認方式通常是可取的。
- 字距 - 單個字母之間的水平空間
- 跟踪 - 字母組之間的空間
- 領先 - 類型行之間的垂直空間(在網站中稱為行高)
- 度量 - 文本行的長度
- 對齊 - 可視化地將文本置於左側,右側,居中或對齊
- 連字 - 字母靠近在一起,使他們的解剖結合起來,基本上將一個字母流入另一個字母
更多的排版元素
印刷術不僅僅是使用的字體和它們周圍的空白。 為任何設計創建良好的印刷系統時,還應注意一些其他事項:
連字:連字是在行尾添加連字符( - )以幫助防止可讀性問題或使理由更好。 雖然通常在印刷文檔中找到,但大多數網頁設計師忽略連字符並且不會在工作中使用它,因為它不是由Web瀏覽器自動處理的。
抹布:一段文字的不平整的垂直邊緣被稱為抹布。 在註意排版的時候,你應該整體看看你的文本塊,以確保抹布不影響設計。 如果碎布過於鋸齒或不均勻,可能會影響文本塊的可讀性並使其分散注意力。 這是由瀏覽器自動處理的,如何在一行之間敲擊類型。
寡婦和孤兒:在一列的最後一個單詞是一個寡婦,如果它在一個新列的頂部,它是一個孤兒。 寡婦和孤兒看起來不好,可能很難閱讀。
讓您的文本行在網絡瀏覽器中完美顯示是一個令人憂心忡忡的建議,特別是當您有一個響應式網站和不同屏幕尺寸的不同顯示屏時。您的目標應該是查看不同大小的網站以嘗試創建最佳外觀可能的,同時接受在某些情況下你的內容將有窗戶,孤兒或其他不太理想的顯示。 你的目標應該是最大限度地減少類型設計的這些方面,同時在你無法為每個屏幕尺寸和顯示達到完美的事實上也是現實的。
檢查你的排版的步驟
- 仔細選擇字體,查看類型的解剖結構以及它的類型 。
- 如果使用佔位符文本構建設計,在設計中看到真實文本之前不要批准最終設計。
- 注意排版的小細節 。
- 看看每個文本塊,好像它裡面沒有文字。 文本在頁面上形成了什麼樣的形狀? 確保這些形狀可以傳遞整個頁面設計。
Jennifer Krynin的原創文章。 17/5/17由Jeremy Girard編輯