排版設計上的(de)小建議(yì)

作者：龍 時(shí)間：2018-08-01 浏覽：

排版是設計師同用(yòng)戶溝通(tōng)的(de)一種方式。在數字産品設計當中，界面的(de)視覺和(hé)可(kě)讀性對(duì)于用(yòng)戶體驗的(de)影(yǐng)響是極爲巨大(dà)的(de)。曾經有一位著名的(de)平面設計師曾經說過：“排版設計不僅僅是可(kě)見的(de)，而且是可(kě)被聽(tīng)見的(de)。你創建出一個(gè)宏大(dà)的(de)場(chǎng)景，那麽演員(yuán)就可(kě)以在此登場(chǎng)表演了(le)。”排版能夠呈現情緒、營造氛圍、傳遞精神，所以優秀的(de)排版能夠爲設計發聲。今天的(de)文章(zhāng)爲你提供一些排版設計上的(de)小建議(yì)，雖不複雜(zá)，但是也(yě)需要你仔細揣摩，才能用(yòng)好。

層次讓排版發揮作用(yòng)

想要創建出能被用(yòng)戶感知到的(de)、令人(rén)愉悅的(de)設計，設計作品應該擁有良好的(de)組織結構和(hé)清晰的(de)導航模式。而設計師可(kě)以通(tōng)過建立視覺層次結構來(lái)明(míng)确整體的(de)結構，視覺元素在這(zhè)個(gè)框架下(xià)被組織起來(lái)，用(yòng)戶則可(kě)以更爲清楚地感知其中的(de)内容。

視覺層次可(kě)以被分(fēn)爲不同的(de)部分(fēn)，其中隻與文本元素相關的(de)部分(fēn)被稱爲排版層次。排版層次是通(tōng)過将文本内容劃分(fēn)爲标題、副标題、正文等不同的(de)類型，從而讓文本各司其職，具備良好的(de)層次。不同的(de)文本類型使用(yòng)不同的(de)大(dà)小、字體、色彩來(lái)顯示，從而區(qū)分(fēn)出彼此。

清晰的(de)層次結構讓文本具備良好的(de)可(kě)讀性。此外，文本中的(de)關鍵部分(fēn)還(hái)能高(gāo)亮顯示，從而吸引用(yòng)戶的(de)注意力，甚至關聯到特定的(de)交互和(hé)操作上去。

兼顧到上下(xià)文場(chǎng)景和(hé)用(yòng)戶

當你在爲特定部分(fēn)的(de)文本選取字體的(de)時(shí)候，需要考慮它所處的(de)環境，所在部分(fēn)的(de)特征。每種字體都有其特定的(de)功能、适合的(de)場(chǎng)景和(hé)情緒，有的(de)友好，有的(de)有趣，有的(de)嚴肅，有的(de)看起來(lái)很商業，所以字體和(hé)情緒要保持一緻。

在你選取字體之前，要清楚産品這(zhè)個(gè)部分(fēn)的(de)特征，了(le)解客戶的(de)目标，以及目标受衆的(de)需求和(hé)偏好。字體的(de)視覺效果會直接影(yǐng)響用(yòng)戶從你的(de)産品中所獲得(de)的(de)第一印象。如果這(zhè)種字體不符合産品當前内容的(de)情緒，會在用(yòng)戶那邊産生誤會的(de)。如果是一個(gè)相對(duì)嚴肅的(de)商業網站，在其中采用(yòng)有趣或者拙稚的(de)字體，用(yòng)戶會對(duì)這(zhè)個(gè)企業和(hé)服務産生質疑。如果是針對(duì)青少年或者年輕人(rén)，太過于正式、沉悶的(de)字體，則會讓頁面看起來(lái)很無聊。

深入關注移動端的(de)排版

設計師常常會試圖使用(yòng)實驗性的(de)布局，來(lái)讓設計看起來(lái)更加原創。但是這(zhè)樣非常規的(de)排版布局遷移到移動端設備上，就不一定具備良好的(de)可(kě)用(yòng)性了(le)。移動端屏幕太小，難以适配過于獨特的(de)設計，這(zhè)種限制會使得(de)設計師難以兼顧到功能和(hé)視覺。設計師需要特别注意移動端排版布局的(de)細節，從字體尺寸到間距和(hé)縮進，這(zhè)些細節對(duì)于整體效果的(de)影(yǐng)響是非常明(míng)顯的(de)。

與桌面端的(de)設計相比，移動端的(de)排版更難以達到良好的(de)識别率。在小屏幕上，字體首先要控制到一個(gè)相對(duì)較大(dà)的(de)尺寸，這(zhè)樣不會因爲難以識别而造成混亂。但是太大(dà)的(de)字體又會讓設計看起來(lái)不夠優雅。同時(shí)，設計師還(hái)要特别注意内容的(de)對(duì)比度，因爲移動端設備周遭的(de)環境常常會特别的(de)複雜(zá)，如果對(duì)比度不夠好，用(yòng)戶閱讀困難，對(duì)視力的(de)損害就不可(kě)避免了(le)。

此外，設計師還(hái)需要考慮排版布局的(de)功能性。如果文本中存在可(kě)點擊的(de)内容，設計師需要确保它們能夠且易于被點擊到，還(hái)不能誤觸其他(tā)的(de)地方。

通(tōng)盤考慮移動端排版的(de)全部細節，設計師才能爲用(yòng)戶帶來(lái)有價值的(de)産品。

極簡主義的(de)設計不是沒有道理(lǐ)的(de)

在不久前，許多(duō)設計師還(hái)會在一套設計當中使用(yòng)大(dà)量的(de)不同的(de)字體與樣式，這(zhè)樣的(de)設計之下(xià)，排版布局中充斥著(zhe)大(dà)量令人(rén)分(fēn)心的(de)細節，難以營造一緻的(de)、合理(lǐ)的(de)情緒和(hé)氛圍。

經驗豐富的(de)設計師，通(tōng)常會在整個(gè)排版布局中，沿用(yòng)2到3種字體，确保了(le)文本元素之間的(de)對(duì)比度，還(hái)節省了(le)設計成本，确保了(le)整體的(de)平衡，以及信息傳遞的(de)準确性。在字體樣式上，設計師也(yě)會對(duì)粗體、斜體這(zhè)樣的(de)效果保持克制，對(duì)真正重要的(de)部分(fēn)進行強調，避免混亂。

除此之外，文案内容也(yě)需要足夠的(de)簡明(míng)，不要讓無效信息幹擾用(yòng)戶。

呼吸感很重要

字母之間的(de)間距，行間距和(hé)字間距，是可(kě)讀性的(de)主要影(yǐng)響因素。調整間距和(hé)留白，是排版設計中的(de)重要環節，也(yě)是控制整個(gè)布局呼吸感的(de)關鍵。

缺乏留白，或者間距控制不好，最終會影(yǐng)響内容的(de)可(kě)讀性：字母難以辨析，單詞看不清楚，視覺上不夠舒适，每行和(hé)每個(gè)段落看起來(lái)不夠舒服，都會影(yǐng)響整體的(de)統一性和(hé)内容的(de)閱讀體驗。有密有疏，疏密有緻，才有呼吸感。

像科學家一樣排版，像藝術家一樣定制

排版是一個(gè)涉及到許多(duō)規則和(hé)條例的(de)複雜(zá)學科，隻有充分(fēn)掌握了(le)這(zhè)些規則，才能作出足夠幹淨、整饬的(de)排版。但是這(zhè)還(hái)不夠。客戶總是需要一定的(de)原創性，希望你能通(tōng)過排版布局傳遞去情感，而這(zhè)些是排版規則無法幫你實現的(de)。

作爲設計師，你的(de)靈魂中是應該有藝術的(de)特質。想象力和(hé)對(duì)沒的(de)感知，能夠爲你的(de)設計賦予原創性和(hé)獨特性。在嚴格的(de)規則和(hé)獨特的(de)構思之間，找到平衡點，你會發現自己的(de)能力已經超出了(le)你的(de)客戶和(hé)你自己的(de)意料。

彩色排版需要深思熟慮

有人(rén)認爲，成熟的(de)排版設計中沒有色彩的(de)位置，但是也(yě)有人(rén)認爲色彩是視覺設計的(de)必需品，哪怕是傳統的(de)排版設計，也(yě)必須具備。不過，在實際排版設計當中，色彩的(de)出場(chǎng)比例并不低，所以這(zhè)種情況不應忽略。

色彩在排版設計當中，不僅可(kě)以強化(huà)視覺，而且能夠爲UI增加情感因素，吸引用(yòng)戶的(de)注意力，強化(huà)趣味感。不過，用(yòng)色本沒問題，但是色彩一定要控制好。色彩多(duō)而混亂的(de)失敗案例多(duō)不勝數，在排版中用(yòng)色一定要深思熟慮。下(xià)面是排版設計中用(yòng)色的(de)一些技巧：

• 構成對(duì)比。在排版中用(yòng)色很容易造成混亂，讓内容難以辨認。主要控制好文本和(hé)背景之間的(de)對(duì)比度。
• 不要使用(yòng)太多(duō)色彩。太多(duō)顔色很容易讓整個(gè)UI變得(de)更加混亂。
• 讓配色協調。配色是設計的(de)基本功，善用(yòng)色輪和(hé)成熟的(de)配色方案。
• 小心使用(yòng)特效。文本上盡量少用(yòng)特效，絕大(dà)多(duō)數情況下(xià)，特效并不會讓文本的(de)視覺效果更好。

了(le)解排版的(de)基礎知識

也(yě)許這(zhè)麽說有點直白，但是确實有很多(duō)設計師壓根不了(le)解排版設計的(de)基本知識。他(tā)們大(dà)多(duō)依靠各種工具中自帶的(de)排版工具來(lái)做(zuò)排版布局，他(tā)們隻需要在選取自己的(de)時(shí)候調動自己的(de)審美(měi)知識就可(kě)以，而排版個(gè)諸多(duō)規則他(tā)們并不确知，隻是基于經驗，似是而非地“有所了(le)解”而已。

不了(le)解排版知識，設計師是無法發揮出排版的(de)真正潛力的(de)，這(zhè)也(yě)是爲什(shén)麽同樣的(de)素材在别的(de)設計師的(de)排布之下(xià)，就是要比自己做(zuò)的(de)來(lái)得(de)漂亮。基礎知識很重要，這(zhè)并非是一句空話(huà)。

那些看起來(lái)很枯燥的(de)字體設計書(shū)籍，當中蘊藏著(zhe)幹貨。學好排版的(de)基礎知識絕對(duì)是磨刀(dāo)不誤砍柴功。