UI 中的排版：初學者指南
原文地址：http://t.cn/RQCWCTL
原文作者：Tubik Studio
人們一直在閱讀，不僅是書籍或雜誌，還有互聯網上的各種信息，街頭廣告、公共交通工具或店外廣告。然而，只有少數讀者可能知道，當我們輕鬆地閱讀一份舒適輕鬆的複印件時，設計師在這背後花費了多少時間和精力。文字排列和字體的美學外觀是設計師的首要任務，為了創造有效的用戶界面和清晰的用戶體驗，設計師還要學習印刷術科學的基礎。今天的文章涵蓋了每一位專業設計師應該理解和應用的排版基本要點。
什麼是排版？
印刷術不僅僅是一種設計技術。加拿大的一位印刷人 Robert Bringhurst 在他的著作「印刷風格的元素 」（The Elements of Typographic Style）中將印刷術定義為賦予人類語言持久的視覺形式。另外，排版將語言轉化為裝飾性的視覺元素。
印刷術比設計或互聯網本身具有更長的歷史。大約在 11-12 世紀，人們發明了可移動式系統。「古騰堡聖經」是第一本可移動金屬印刷的大型書籍，標誌著西方印刷書籍的開始。古騰堡聖經中使用的類型現在被稱為 Textualis（Textura）和 Schwabacher。
如今，它不僅僅是大規模的複製印刷，印刷術通常被定義為字體風格、外觀和結構的藝術科學，旨在向讀者提供美觀和易讀的拷貝。不久之前，這只是一個辦公室工作人員進行編輯的專門學科，但現在此學科應用於不同領域，在設計中發揮重要作用。
排版在設計中的作用
你能想到一個沒有複製元素的設計例子嗎？這很困難，對吧？不過，僅僅在界面中出現複製對於有效的用戶界面和正面的用戶體驗來說是不夠的。複製和外觀應該是好的，否則可能會破壞設計。有些設計師忽略了印刷術的研究，因為他們覺得太難理解了不值得花太多時間，不過，讓我們看看為什麼排版是有效設計的重要組成部分。
人們已經習慣以文本形式接收大部分信息，設計者需要使這個過程變得簡單和高效。排版的基本知識可以幫助理解字體視覺呈現的特點及其對用戶感知的影響。
有效的文字信息是強大的設計的關鍵。其有效性不僅取決於其內容，而且還取決於，字體大小，寬度，顏色和文本結構。設計師可以通過選擇適當的字體和排版方式來傳遞特定的心情或信息。這種排版幫助設計與人溝通。數字產品的視覺效果和可複製性對用戶體驗有很大的影響。現在數字產品的用戶體驗如果不好，用戶很容易找到更好的選擇，所以即使字體非常清晰，也很難使人們選擇這個產品。
另外，糟糕的版式嚴重影響了用戶的第一印象，因為即使用戶不閱讀拷貝，也會對其進行掃描。如果字體看起來不合適就可能不想了解您的報價或使用您的產品。
基本的排版元素
要學習印刷術，您首先需要了解其解剖學和印刷術建築所需的過程。
字體和字體樣式
如今，許多設計師使用術語「字體」和「字體樣式」作為同義詞，但這不太正確。字體是一種設計的風格類型，其中包括各種尺寸和大量的字元。另一方面，字體通常以一種特定的字體，大小和重量引入的文本字元的圖形表示。換句話說，字體就像一個家庭，字體樣式是它的一部分。這兩個是設計師和印刷人員為了創造具有可讀性和一定美學的排版而改變和轉換的。
平均線和基線
通常情況下，同類型字元放置在一條直線上，可以創建一個整潔的視覺呈現。輔助設計者的主要工具是平均線和基線。第一個標註字體的頂部和底部。當然，設計師完成工作之後，兩者是不可見的。
字元測量（尺寸，重量和高度）
為了分離不同類型的信息並突出重點，設計師應用不同重量和大小的字體。字體重量是厚度字元的一種度量。尺寸通常以英寸，毫米或像素來衡量。字元的高度也被稱為「x 高度」，因為一個尺寸的每個字元的主體基於字母「x」。這種方法使他們均勻。通過改變這些參數可以容易地分離同類型元素，例如標題，副標題和正文副本。
上升和下降
上面的字母是字母「b」或「d」中字母的一部分。下行與上行相反。這是一個在「q」或「g」中延伸到基線以下的部分。
白色的空間
白色空間也被稱為負空間，是設計構圖中元素之間的區域。讀者通常不會意識到這個空間的巨大作用，但是設計師對此非常關注。如果空白不平衡，將難以閱讀。這就是為什麼負面空間和其他任何印刷元素一樣重要的原因。
對準
創建有效的排版並不是那麼容易，它包括許多過程。例如，對齊是放置和證明文本的行為。在這個階段，設計師的目標是將隨機放置的文本片段轉換成一個統一的組合。
跟蹤
跟蹤的過程涉及調整形成字和文本塊的一組類型字元的空間。設計師為所有字母設置適當的間距，使文字見的感覺通風和愉快閱讀。有效的跟蹤可以使單詞中的字母易於閱讀。
字距
字距有點類似跟蹤，但他們不一樣。跟蹤是指字體的所有字元之間的間距，而字距是調整兩個字元之間的間距的過程。當設計師決定改變兩個特定字母之間的間距以使其感覺更自然時，通常應用於個別情況。
行間距
行間距是在稿件基線之間的一種間距，適當的行間距可以幫助讀者輕鬆地從一個文本行到另一個文本行，並使得大段文本清晰可辨。在設計上，標準的行距是120％的字體大小，實際情況還是會根據字體的特點而有所不同。
印刷層次結構
作為任何其他設計元素，排版應該是結構化的。印刷層次結構是一個系統，首先通過修改字體與字體間的組合，以最好的方式為用戶的感知設計內容。它的目的是為了創造最應該注意的最有意義和最顯著的複製元素與普通文本信息之間的對比。對比度是通過調整印刷術元素，包括字體，字體，大小和顏色以及對齊來創建的。
印刷層次結構與用戶界面設計中使用的常見類型的複製內容一起呈現。它們是標題，副標題，正文，號召性用語，標題和其他內容。這些複製元素在設計中創建了不同的層次：主要，次要和第三層。
複製內容的主要級別包括頭條中的最大類型。它致力於吸引用戶對產品的關注。二級包含複製元素，可以很容易地閱讀。這些是副標題和標題，允許用戶快速瀏覽內容。印刷術的三級文本包括正文和其他信息。經常以小字體呈現，應該足夠可讀。排版層協助用戶逐步學習複製內容，不費力氣地在數字產品中讀取內容。
TAG:KnownsecFED |