我們都做過:花費大量時間仔細檢查短信或電子郵件,以試圖查明發件人的確切意圖。分析單詞背后的含義,或考慮哪個單詞更適合特定上下文是我們經常做的事情。但是,我們多久考慮一次文本在視覺上反映書面短語語氣的方式呢?在本指南中,我們將研究排版的強大功能。您將找到排版的定義、排版關鍵要素的概要,以及有關如何為您的網站設計或網站重新設計選擇合適的字體的提示。
什么是排版?
排版被定義為文字的視覺方面。這是以清晰易讀和美觀的方式排列文本的做法。除此之外,它還可用于散發出某種情緒或加強信息。為此,我們可以使用不同的字體和字體樣式,以及調整大小、字母和單詞之間的間距等等。
排版本質上是一種排列類型,用于使書面語言在顯示和閱讀時清晰易讀且具有吸引力。它的歷史可以追溯到希臘和羅馬的古代文明,那里的字母形式被刻在石頭、金屬和紙莎草紙上。
在中世紀時期,泥金裝飾手稿是用精心制作的字體制作的。然后在 15 世紀,印刷機的發明徹底改變了排版,使書籍更加廣泛地可用。
排版是關鍵的經典設計術語之一,是任何設計的重要組成部分。相同的詞可以傳達不同的感覺,具體取決于它們的設計方式。無論您是更新網頁設計、編寫兒童讀物還是創建LOGO,請考慮您的文案如何在視覺上設定品牌個性或核心信息的基調。
排版的主要元素
為了冒險進入排版的世界,您需要知道哪些變量可供使用。雖然排版術語列表很廣泛,但以下元素是您開始所需的元素:
字體和字樣
現在是時候消除對字體和字體定義的混淆了,因為它們之間存在明顯的差異。
字體是一系列字體的統稱,而字體是指該字體中的特定樣式,例如粗體、斜體或濃縮字體。請注意這篇博文是如何全部用一種字體編寫的,但包含多種字體。
易讀性
雖然有很多機會可以在排版方面發揮創意,但請記住,文本最終是用來閱讀的。除了選擇清晰易讀的字體外,還有其他因素需要注意。
記下文本的大小,以及字母和行之間的間距。此外,請確保文本和背景顏色之間有足夠的對比度。這也將有助于改善您網站的用戶體驗和可訪問性。
等級制度
作為設計的基本原則之一,層次結構在排版中是必不可少的。它可以用來區分副本的各個部分,幫助來訪者立即了解哪些信息最重要。層次結構是使用從大小(大或小)、寬度(粗或細)到元素放置(屏幕底部的文本似乎不如頂部折疊的文本重要)的任何值來實現的。
例如,報紙文章的標題通常比正文更大或更突出,使來訪者可以通過瀏覽標題來了解文章的要點。這也有助于形成清晰易懂的布局。
空白
空白,或者換句話說,“負空間”,僅指文本或圖像周圍的空白區域。在圖形元素之間添加適量的空間有助于避免混亂并確保清晰度。在文本周圍包含邊距或空白區域也會引起更多關注,并有助于區分信息的各個部分或塊。
對準
排版對齊是指頁面上的文本流設置。有四種基本設置:
向左齊平:文本沿左邊距對齊。
向右齊平:文本沿右邊距對齊。請注意,在從左到右閱讀的語言中,通常不建議使用 flush right,因為它違反了直觀。
兩端對齊:文本沿左邊距對齊,并自動調整間距,以便文本與左邊距和右邊距齊平。
居中:文本居中,這意味著它不與任何邊距對齊。這更適合于標題,而不是大量文本。由于邊緣呈鋸齒狀,來訪者每次都需要尋找下一行的開頭,因此很難閱讀長格式文本。
一致性
使用排版時,重要的是要與使用它的所有元素(包括字體、間距和對齊方式)保持一致,以便創建有凝聚力且具有專業外觀的設計。
上下文
在選擇要使用的排版時,了解它的用途和原因很重要。考慮目標受眾、內容類型及其分發方式。流派、語氣和媒介都應該被考慮在內。
網站的排版技巧
編寫網站內容是一回事,但決定如何最好地在您的網站上呈現它是另一回事。以下原則是專門為網站創建量身定制的,但也可以在其他環境中實施,例如海報或新聞通訊設計。以下是需要考慮的 6 個排版技巧:
01. 反映您的品牌形象
在為您的企業進行任何創意冒險之前,請確保您已經明確定義了您的品牌標識。你有趣且精力充沛嗎?或者您有更傳統的方法?
無論它是什么,都要尋找一種能表達您獨特個性的字體。為了為您的網站選擇最佳字體,請先收集一些您覺得合適的字體,然后在更好地了解自己正在尋找的內容后縮小范圍。
02. 在整個界面中保持一致
建立堅實的品牌形象的一部分涉及一致性。從您的網站配色方案到排版選擇,這都是必需的。在您網站上的各種副本中,從構成縮微副本的小段文本,到網站菜單上的標簽和主頁上的標題,一致性是關鍵。
通過在整個網站中使用相同的字體和字體來打造整體體驗。雖然您可以在同一個站點中合并最多兩個或三個字體(更多內容見下文),但在相同的上下文中使用相同的字體。例如,如果一頁上的標題以 40px 的 Helvetica Bold 書寫,請確保其他標題相同。為了讓您的生活更輕松,您可以自定義并保存文本主題,以便在整個網站中重復使用它們。
03. 使其易于閱讀
文本的存在是為了達到目的。當然,它可以是裝飾性的或添加到整體設計中,但無論您是為號召性用語按鈕制作排版還是選擇字體來設計LOGO,它都必須清晰易讀。沒有什么比不得不瞇著眼睛閱讀博客文章,或者因為誤解了上面寫的內容而點擊錯誤的按鈕更糟糕的了。
檢查您的副本是否足夠大,以便在桌面和移動設備上閱讀。您選擇的字體也應該在您選擇的字體大小下效果很好。某些字樣作為標題可能看起來很棒,但在較小尺寸下不太清晰。以下是一些鼓舞人心的網站排版示例。
04. 堅持使用兩種或三種字體
在創造力方面,設置限制可能是一種非常寶貴的做法。排版也是如此。由多種字體組成的網站可能會顯得凌亂且不連貫。相反,選擇不超過兩三種字體,并在每個頁面中一致地使用它們。
一個好的做法是選擇一種主要用于標題或標題的字體,另一種用于較長的文本塊,如描述和博客文章。如果您想添加一些多樣性,請使用第三種字體作為行動號召和其他縮微副本。
05. 探索字體配對
在為您的網站尋找最佳字體配對時,請將您的品牌標識放在決策的最前沿。在腦海中記下哪種字體將用于標題,哪種字體將用于長格式文本。后者應該特別干凈且易于閱讀(請參閱最容易閱讀的字體),而您可以選擇真正能體現您的品牌的字體,從而使標題更具表現力。
06. 選擇 Web 安全字體
為了確保您的網站在所有設備上顯示相同,請使用 Web 安全字體。由于每臺設備都有自己的內置字體集,因此,如果您的網站包含非 Web 安全字體,則文本可能會以與原始字體不同的字體顯示。不完全是你在你所有細致的設計工作之后想要的外觀。
排版和 UI/UX
排版在 UI(用戶界面)和 UX(用戶體驗)設計中都起著至關重要的作用。在 UI 設計中,它用于傳達信息、引導用戶完成界面以及建立產品的整體視覺風格。UI 設計中的良好排版通過使文本清晰易讀和可掃描來增強產品的可用性和可訪問性。
在 UX 設計中,排版會影響用戶對內容的感知和互動方式,以及他們找到和理解所需信息的難易程度。這會影響用戶如何處理品牌的語氣和個性,以及從其提供的信息中獲得的可信度和可信度。
總的來說,排版是 UI 和 UX 設計的一個重要方面,它可以通過使其更可用、更易于訪問和更具吸引力來對設計的成功產生重大影響。
排版常見問題
什么是排版與字體?
排版是排列字體的藝術和技術,使書面語言清晰易讀且具有視覺吸引力。它包括各種元素,如字體、行距和對齊方式。另一方面,字體是指字體的特定樣式、粗細和大小。字樣是具有一致設計的字體系列,而字體是該系列中的特定實例,表示字樣中的特定樣式和大小。
排版是一種設計嗎?
是的,排版是設計的一個基本方面。它涉及安排字體的藝術和技術,以增強書面語言的視覺和審美吸引力。有效的排版會考慮字體選擇、大小、間距和布局等因素,以傳達信息或喚起特定情緒。在平面設計、網頁設計和各種視覺傳達媒體中,排版在創建有凝聚力和影響力的設計方面起著至關重要的作用。
什么是排版與平面設計?
排版是圖形設計的一個子集,特別關注文字的排列和樣式。平面設計涵蓋更廣泛的范圍,包括使用圖像、顏色、布局和排版來創建視覺上引人注目和具有交流性的設計。排版是更廣泛的平面設計學科中的一個關鍵元素。
好的排版是如何定義的?
好的排版是由易讀性、可讀性和美學和諧來定義的。在整個設計中一致的字體選擇可以創造出有凝聚力的外觀,從而使設計更加有效和有吸引力。有效地使用層次結構來引導來訪者瀏覽信息,而有意識的對齊和平衡有助于提供視覺上令人愉悅和易于理解的閱讀體驗。