
1對1定制服務(wù),PC端+手機(jī)端+小程序多端應(yīng)用
成為排版大師的9個(gè)基本字體技巧
2022年04月06日瀏覽:
這9個(gè)字體提示將使您的排版設(shè)計(jì)具有影響力。這是一門簡單的科學(xué),與天賦無關(guān)。
任何視覺呈現(xiàn)最重要的方面之一就是選擇正確的字體。
盡管正確的語氣和信息是任何業(yè)務(wù)的基礎(chǔ),但視覺表現(xiàn)將使其傳播和影響。
這就是為什么在本文中我們將回顧9 個(gè)基本字體提示,當(dāng)您必須進(jìn)行自己的組合時(shí),您肯定會發(fā)現(xiàn)這些提示很有用。
如果你想了解更多關(guān)于字體的信息,以及字體、字體系列和字體之間的區(qū)別,在文章的最后,我們已經(jīng)回答了這個(gè)問題“排版實(shí)際上代表什么?”
9 個(gè)基本且簡單的字體提示
您可能已經(jīng)知道一些字體提示,但我們建議您不要跳過它們。瀏覽它們,把它們寫下來,然后檢查你是否遵循它們。你會驚訝于我們往往忘記的頻率。這里的所有內(nèi)容對于文本的任何視覺呈現(xiàn)都是必不可少的,并且在您需要決定使用哪種字體或如何組合字體時(shí)為您提供幫助。所以讓我們開始吧。
1.規(guī)劃你的文本層次結(jié)構(gòu)
精心策劃的文本層次結(jié)構(gòu)將觀眾與您期望他們采取的行動聯(lián)系起來。從復(fù)制元素開始,將內(nèi)容分為主要主題的標(biāo)題、子主題的副標(biāo)題、描述的正文、標(biāo)題和其他元素。
根據(jù)您的設(shè)計(jì),您可以使用任何一種方法并通過 字體大小、寬度、顏色、間距和內(nèi)容位置創(chuàng)建層次結(jié)構(gòu)。這些方法將建立對比并突出您希望聽眾注意的關(guān)鍵信息。
排版層次結(jié)構(gòu)將內(nèi)容分為:
主要主題的標(biāo)題 [H1, H2]
子主題的子標(biāo)題 [H3, H4, H5]
描述的正文,最小 12 像素(現(xiàn)在趨向于增加到 16 像素)
字幕
和其他元素
2.考慮你的潛在受眾
這可能是首先要考慮的事情,所以這里是最重要的字體提示。想想如何為您的潛在觀眾設(shè)定正確的基調(diào)。您想要激發(fā)什么樣的情緒,以及它如何與您針對內(nèi)容的確切受眾保持一致。
字體有自己的情緒,從嚴(yán)肅、商務(wù)、正式和嚴(yán)格到友好、有趣和隨意??紤]目標(biāo)受眾的需求和偏好,以及觀眾期望的體驗(yàn)。
由于字體的視覺表現(xiàn)會給觀眾留下第一印象,因此請確保您的字體不會造成誤解。這聽起來可能有些過頭了,但這樣的誤解可能會損害企業(yè)的聲譽(yù)。例如,如果登陸頁面完全是為了商業(yè),但設(shè)計(jì)師選擇了一種隨意或愚蠢的字體,那么觀眾可能會質(zhì)疑該機(jī)構(gòu)是否確實(shí)值得信賴。相反,如果你設(shè)計(jì)一個(gè)針對青少年的頁面,并使用嚴(yán)格、正式、優(yōu)雅的字體,目標(biāo)受眾可能會認(rèn)為它很無聊。
如果您需要將信息傳達(dá)給更廣泛的受眾,會發(fā)生什么?在這里,您可以考慮使用個(gè)性不那么明顯的中性字體。所謂的主力字體就是這樣一個(gè)中性的選擇。主力字體是一種基本字體,融合得很好,不會引起太多關(guān)注。
3. 考慮移動體驗(yàn)
與網(wǎng)頁設(shè)計(jì)不同,創(chuàng)建移動設(shè)計(jì)更加困難,并且需要考慮更多細(xì)節(jié)。其中很大一部分是移動排版,這需要您考慮小屏幕上的字體大小和功能。
字體需要足夠大以便清晰易讀并且足夠小以適合屏幕??牲c(diǎn)擊的文本部分也需要適合手指輕松點(diǎn)擊的大小。您可能會發(fā)現(xiàn)重要的其他細(xì)節(jié)是具有環(huán)境光的屏幕的對比度級別。
4. 同一布局使用兩種或三種字體
這也適用于相同字體的不同樣式。雖然不同的風(fēng)格(粗體、半粗體)非常適合強(qiáng)調(diào)內(nèi)容的關(guān)鍵元素,但過度使用將不可避免地使文本看起來凌亂。這可能會產(chǎn)生相反的效果,并使您的內(nèi)容更難掃描和閱讀。這都是關(guān)于字體的良好組合。
有一些組合已經(jīng)贏得了經(jīng)典的地位。第一個(gè)是Serif 用于標(biāo)題,Sans Serif 用于完美協(xié)調(diào)的主體。反向組合不太常見。另一個(gè)好方法是簡單地組合來自同一家族的字體,這些字體看起來可以相互補(bǔ)充。
5.用間距組織
規(guī)劃的其他有影響力的細(xì)節(jié)是使用間距和對齊來避免混亂的設(shè)計(jì)。間距有幾種類型,讓我們看一下最常見的。
字母間距(跟蹤): 文本段落中字符之間一致的水平間距量。
行距(傾斜): 行之間的垂直間距量。正文通常為文本行高度的 50%,標(biāo)題略高。
邊距和填充: 設(shè)計(jì)邊緣周圍的空白區(qū)域,將整個(gè)頁面按框劃分。
白色空間: 設(shè)計(jì)中的每一個(gè)空白空間,保持一切井井有條和平衡。它允許內(nèi)容呼吸,也為觀看者的眼睛提供休息的地方。
6.與對齊保持一致
對齊通過一致性和邏輯改善你的排版。為此,最佳實(shí)踐是為正文選擇一種樣式并始終遵循它。通常,設(shè)計(jì)師使用左對齊。
還建議避免合理對齊,因?yàn)樗鼤斐苫靵y的外觀并破壞副本的一致性和可讀性。發(fā)生這種情況是因?yàn)楹侠淼膶R會在行內(nèi)產(chǎn)生不規(guī)則的間距和隨機(jī)空白。
7.創(chuàng)造對比
使用對比來強(qiáng)調(diào)并使您的關(guān)鍵元素脫穎而出。對比度會自動傳達(dá)您的標(biāo)題或您希望觀眾注意到的任何元素的重要性。它會產(chǎn)生巨大的影響,并以非常有條理的方式呈現(xiàn)您的信息。你當(dāng)然可以通過調(diào)整尺寸、顏色、重量和款式來做到這一點(diǎn)。
以下是需要考慮的事項(xiàng):
通過文本和背景之間的更高對比度保持易讀性。
黑色和白色永遠(yuǎn)不會出錯(cuò)。
為整個(gè)文本選擇一種統(tǒng)一的顏色,超鏈接除外。
僅對超鏈接使用藍(lán)色。
考慮到最常見的色盲類型是紅綠色,避免使用紅色和綠色來強(qiáng)調(diào)視覺效果。
如果您必須使用背景圖像,請將文本放置在查看者可以輕松閱讀的位置。
8.減少文字量
這是主要關(guān)注內(nèi)容作者的事情,但是,設(shè)計(jì)師也可能在其中發(fā)揮作用。如果你能用 3 個(gè)字說出來,就不要用 6 個(gè)字來做。
此外,考慮一個(gè)概念是否可以顯示在圖像或信息圖或圖表中,而不是基于文本的段落中。有時(shí),通過圖標(biāo)、圖像和照片來傳達(dá)概念會更有效。作為視覺生物,圖像和圖形是我們登陸頁面時(shí)首先注意到的。
9.避免仿粗體和仿斜體
有時(shí),沒有粗體和斜體的文件。這可能是設(shè)計(jì)師的決定,或者僅僅是因?yàn)樗枰獮槭S嗟奈募~外付費(fèi)。在每種情況下,都有應(yīng)用程序通過傾斜和傾斜字母或在每個(gè)字形周圍添加線條來偽造字體的粗體和斜體版本。這就是為什么這些粗體和斜體被稱為假的。
不幸的是,人造樣式通常會降低可讀性,因?yàn)樗鼈兒雎粤俗址拇旨?xì)元素之間的差異。此外,它們通常看起來很緊張且質(zhì)量低下。更糟糕的是,一些客戶端和程序甚至無法指出它們,因此由您決定它們是否已被應(yīng)用。
確保您的程序正在渲染預(yù)期的字體,并始終與您實(shí)際存檔的字體進(jìn)行比較。
排版實(shí)際上代表什么?
排版是一種排列字母和文本的藝術(shù),以使副本清晰易讀并在視覺上吸引讀者。它涉及字體樣式、外觀和結(jié)構(gòu),所有這些都旨在喚起某些情緒并傳達(dá)特定的信息。
因此,讓我們首先快速了解基礎(chǔ)知識,并了解有關(guān)排版的不同元素的更多信息:
Typeface vs. Font Family vs. Font – 三者之間有什么區(qū)別
字體分類——以及主要的字體組是什么
文本層次結(jié)構(gòu)——大小、重量、顏色和空間的重要性
綜上所述
這9個(gè)字體提示并不是開創(chuàng)性的和聞所未聞的。他們只是組織你已經(jīng)知道感覺正確但可能從未決定將其寫入書面規(guī)則的內(nèi)容。就像與設(shè)計(jì)、組織、結(jié)構(gòu)、簡單性和一致性相關(guān)的所有事情一樣,是制作出色排版設(shè)計(jì)的關(guān)鍵。事實(shí)上,設(shè)計(jì)能夠影響你的觀眾并讓他們想要閱讀你的信息的東西是一門簡單的科學(xué),與人才無關(guān)。如果你想掌握技能,你可以掌握技能。
同時(shí),您可能還對其中一些相關(guān)文章感 興趣,請關(guān)注設(shè)計(jì)了解更多。