想讓您的設(shè)計(jì)快速煥然一新嗎？使用新的和有趣的排版趨勢(shì)可能是答案。設(shè)計(jì)師正在使用大膽的顏色、剪裁、漸變，甚至自定義來(lái)創(chuàng)建突出的字體。

更改字體或以流行風(fēng)格重新創(chuàng)建圖像或標(biāo)題可以使設(shè)計(jì)煥然一新，而無(wú)需進(jìn)行全面檢修。不知道從哪里開(kāi)始？此列表以排版趨勢(shì)為特色，并附有示例以作為如何使用它們的靈感。

以下是今年最流行的排版趨勢(shì)。

斜體

這是一種你可能想不到的排版趨勢(shì)——斜體。

長(zhǎng)期以來(lái)，作為網(wǎng)站設(shè)計(jì)中幾乎從未使用過(guò)的東西之一，斜體排版無(wú)處不在。從英雄標(biāo)題到較小的文本元素，再到與另一種字體配對(duì)的重音詞，斜體字體正在流行。

通常，斜體的使用方式使其與周?chē)淖煮w元素融合在一起，甚至使用粗體或下劃線(xiàn)（例如上面的示例）來(lái)最好地融合。

“不可讀”層

接下來(lái)的兩個(gè)排版趨勢(shì)有點(diǎn)相似，都打破了一個(gè)意想不到的規(guī)則：它們有點(diǎn)不可讀。但這沒(méi)關(guān)系，因?yàn)槠溆嗟脑O(shè)計(jì)填補(bǔ)了空白并保持了網(wǎng)站的互動(dòng)性。

在這個(gè)趨勢(shì)示例中，超大文本元素位于前景元素后面的圖層中。屏幕上的所有其他類(lèi)型元素都具有高度可讀性，可為不可讀的元素提供大量支持。

在上面的示例中，前景對(duì)象也在文本上淡入淡出，以便您可以來(lái)回閱讀。

最后一個(gè)有助于將它們組合在一起的元素是這個(gè)詞對(duì)設(shè)計(jì)并不重要的想法。這是品牌名稱(chēng)，您可能從標(biāo)識(shí)中知道，但不如公司/網(wǎng)站所做的重要。

離開(kāi)屏幕的文本

跟隨“不可讀”層的趨勢(shì)是文本元素失去可讀性，因?yàn)樗鼈冊(cè)谄聊簧虾推聊煌舛加袆?dòng)畫(huà)。這種排版效果無(wú)處不在，通常搭配超大字體和向屏幕左側(cè)滾動(dòng)的幾個(gè)單詞。

當(dāng)屏幕上沒(méi)有太多其他動(dòng)作并且只需幾秒鐘的觀(guān)看時(shí)間即可閱讀文字時(shí)，這種排版趨勢(shì)效果最佳。如果文本太復(fù)雜，您可能會(huì)冒著讓用戶(hù)永遠(yuǎn)無(wú)法弄清楚這些詞在說(shuō)什么的風(fēng)險(xiǎn)。

與前面的示例一樣，確保支持文本元素提供大量信息，以便人們準(zhǔn)確了解設(shè)計(jì)的內(nèi)容。

實(shí)驗(yàn)字體

實(shí)驗(yàn)性字體以富有表現(xiàn)力和有趣的風(fēng)格風(fēng)靡一時(shí)，為設(shè)計(jì)項(xiàng)目增添了許多個(gè)性。實(shí)驗(yàn)字體有很多不同的形式——它們可能包括時(shí)髦的形狀或筆觸、顏色或動(dòng)畫(huà)。

這些類(lèi)型樣式最好的部分是它們可以為項(xiàng)目注入獨(dú)特且非常具體的氛圍。

您可以從許多不同的鑄造廠(chǎng)或獨(dú)立的字體設(shè)計(jì)師那里找到實(shí)驗(yàn)性字體。

襯線(xiàn)

襯線(xiàn)又回來(lái)了。曾經(jīng)被認(rèn)為“難以在線(xiàn)閱讀”的字體在字符上出現(xiàn)了微小的額外筆劃。

順便說(shuō)一句，在線(xiàn)襯線(xiàn)的可讀性問(wèn)題完全是一個(gè)神話(huà)。

如果您想在Web項(xiàng)目中使用襯線(xiàn)，請(qǐng)尋找具有規(guī)則到粗筆劃的字體樣式，并在涉及升序、降序和襯線(xiàn)或連字時(shí)注意行間距，以便每個(gè)單詞都易于理解。

從簡(jiǎn)單的方形襯線(xiàn)（例如上面的示例）到更精致的裝飾，這種排版風(fēng)格具有如此多的個(gè)性和魅力。它可以為簡(jiǎn)單的設(shè)計(jì)輪廓和那些很好地利用空間的輪廓添加一個(gè)很好的提升。

短而粗的字體（低X高度）

另一種主要流行的字體風(fēng)格是身材矮小、姿態(tài)寬闊的字體。這些字體中的許多都具有全部大寫(xiě)字符集，但是當(dāng)它們具有小寫(xiě)字母時(shí)，可以通過(guò)較低的x高度來(lái)識(shí)別。

當(dāng)畫(huà)布上沒(méi)有太多的競(jìng)爭(zhēng)時(shí)，這種類(lèi)型的風(fēng)格往往效果最好。由于可讀性，它也最適合較短的單詞或短語(yǔ)。

這些短而粗的字體也最適合具有超現(xiàn)代感的設(shè)計(jì)。在許多情況下，它們的范圍和設(shè)計(jì)幾乎是未來(lái)主義的。

手寫(xiě)風(fēng)格

在顯示字體方面，Sharpie標(biāo)記樣式在網(wǎng)站設(shè)計(jì)師中非常流行。并且有大量的手寫(xiě)字體可供選擇，以便您獲得恰到好處的外觀(guān)和感覺(jué)。

當(dāng)前的大部分手寫(xiě)字體趨勢(shì)都集中在帶有大寫(xiě)和小寫(xiě)字符的印刷字母上，它們的筆畫(huà)較粗，而且有些粗糙。

字體可能還包括一些額外的裝飾，使某些字符感覺(jué)更加特別。當(dāng)談到具有更多草書(shū)或腳本類(lèi)型設(shè)計(jì)的手寫(xiě)風(fēng)格時(shí)，您可能會(huì)發(fā)現(xiàn)長(zhǎng)尾巴和精致的花體?！?

輪廓字體

輪廓字體很重要。

您會(huì)在主要副本的網(wǎng)頁(yè)的英雄區(qū)域中發(fā)現(xiàn)這種趨勢(shì)。雖然用途有所不同，但您幾乎每次都會(huì)發(fā)現(xiàn)一些元素：

無(wú)襯線(xiàn)字體

大綱字母的所有大寫(xiě)文本

搭配填充字體

超大文本元素

大綱字體選項(xiàng)使用起來(lái)很有趣。在可讀性方面，您只需要謹(jǐn)慎。字母會(huì)很快在背景圖像和視頻中丟失。所以要注意顏色、對(duì)比度和位置。

并且不要過(guò)度。輪廓字體最適合強(qiáng)調(diào)重點(diǎn)，而不是創(chuàng)建整個(gè)信息。

左對(duì)齊

左對(duì)齊文本可讀、優(yōu)雅，并且可以創(chuàng)建具有經(jīng)典感覺(jué)的偏離中心的平衡。

使用左對(duì)齊排版的技巧是注意換行符和文本的大小。將整個(gè)文本元素視為單個(gè)元素。更多的文本行和更多的單詞會(huì)比幾個(gè)單詞更大。相應(yīng)地調(diào)整大小和行距。

為了獲得更一致的感覺(jué)，請(qǐng)考慮將其他元素也向左對(duì)齊。為要休息的元素創(chuàng)建一個(gè)網(wǎng)格“邊距”，例如上面的示例。請(qǐng)注意，品牌名稱(chēng)、兩級(jí)文本和號(hào)召性用語(yǔ)按鈕都在同一個(gè)不可見(jiàn)平面上左對(duì)齊。

圓形無(wú)襯線(xiàn)字體

這是幾乎任何人都可以使用的趨勢(shì)，而且它非常簡(jiǎn)單，您甚至可能在開(kāi)始尋找之前都看不到它。項(xiàng)目包含圓形、簡(jiǎn)單的無(wú)襯線(xiàn)字體。

這種趨勢(shì)的偉大之處在于它適用于所有事物。圓形無(wú)襯線(xiàn)字體是最易讀的字體之一。大多數(shù)使用這種趨勢(shì)的設(shè)計(jì)師也使用中等到粗筆劃的字體，以及足夠的字母間距。

關(guān)于這種排版趨勢(shì)的一切都以最佳可讀性為中心。此外，您可以將其與其他排版趨勢(shì)配對(duì)，以獲得更現(xiàn)代的外觀(guān)。上面的示例同時(shí)使用圓角無(wú)襯線(xiàn)和左對(duì)齊文本。

微妙的漸變

微妙的漸變作為排版的重點(diǎn)是這一趨勢(shì)的下一個(gè)演變。

這種趨勢(shì)的好處是漸變是如此微妙，以至于你可能一開(kāi)始都看不到它們。顏色略有不同，有助于將眼睛拉過(guò)字母。

漸變最適合與較粗的字體一起使用，并強(qiáng)調(diào)特定的單詞或短語(yǔ)。

小心不要過(guò)度使用它。一個(gè)好的文本漸變?cè)谡麄€(gè)單詞中保持一致的對(duì)比度，這樣它就不會(huì)讀起來(lái)不和諧，并且它與背景分開(kāi)。

動(dòng)畫(huà)排版

設(shè)計(jì)中最大的總體趨勢(shì)之一是動(dòng)畫(huà)。這也沒(méi)有理由不適用于排版。

更多的設(shè)計(jì)正在使用移動(dòng)、移動(dòng)或受懸停狀態(tài)影響的字母（例如上面的示例）。所有這些技術(shù)都可以帶來(lái)更具交互性、更豐富的用戶(hù)體驗(yàn)。

在為文本制作動(dòng)畫(huà)時(shí)，重要的是要考慮用戶(hù)將如何以及在何處閱讀信息（一些動(dòng)畫(huà)元素，例如視頻，還不能在所有移動(dòng)設(shè)備上正常工作）。做出調(diào)整，即使動(dòng)畫(huà)不能正常工作，仍然有一個(gè)有價(jià)值的用戶(hù)體驗(yàn)，其中消息是清晰的。

在這方面，最好的文本動(dòng)畫(huà)通常以清晰易讀的字體開(kāi)頭。動(dòng)畫(huà)在延遲后或作為用戶(hù)交互的一部分開(kāi)始發(fā)揮作用。這可以讓用戶(hù)感到高興和驚喜（甚至可能導(dǎo)致更多的現(xiàn)場(chǎng)時(shí)間）。

仔細(xì)考慮排版動(dòng)畫(huà)的速度——如果文本移動(dòng)得太快，用戶(hù)將完全錯(cuò)過(guò)信息；如果文本移動(dòng)得太慢，用戶(hù)可能會(huì)在閱讀所有內(nèi)容之前點(diǎn)擊離開(kāi)。一定是剛剛好。（用戶(hù)測(cè)試可以幫助您找到理想的速度。）

堆疊的文本塊

雖然排版的尺寸趨向于更小，但它仍然承載著同樣多的重量。設(shè)計(jì)師正在堆疊多行文本，特別是在英雄標(biāo)題中，以獲得帶有更多單詞的加權(quán)消息。

這一趨勢(shì)很重要，因?yàn)樗@示了試圖與用戶(hù)更充分地交流的轉(zhuǎn)變，而不是期望一個(gè)詞足以吸引人們參與設(shè)計(jì)。以視覺(jué)上引人入勝的方式呈現(xiàn)的更多信息可能是一個(gè)更好的解決方案，可以帶來(lái)更多的用戶(hù)參與度。

堆疊多行文本時(shí)的關(guān)鍵考慮因素是找到一種在與更多字母一起使用時(shí)可讀的字體（或者甚至在所有大寫(xiě)字母中使用時(shí)，這是一個(gè)流行的選擇），具有足夠的行距，以便行易于區(qū)分并且副本中的中斷是合乎邏輯的。堆疊文本時(shí)，應(yīng)該有明顯的逐行流動(dòng)，這在如何閱讀單詞方面都很明顯，并且用戶(hù)應(yīng)該在設(shè)計(jì)的任何其他部分之前移動(dòng)到下一行。

由于換行和易于閱讀的挑戰(zhàn)，文本堆棧通常位于屏幕的一側(cè)，以便設(shè)計(jì)人員擁有更多控制權(quán)。這種結(jié)構(gòu)還可以在文本元素和屏幕上的另一個(gè)視覺(jué)元素之間創(chuàng)造和諧，以實(shí)現(xiàn)吸引人的不對(duì)稱(chēng)平衡。

彩色字體和類(lèi)型

彩色字體是它們自己的一類(lèi)類(lèi)型，并且到處出現(xiàn)。它們比許多最初預(yù)期的更受歡迎，并且在設(shè)計(jì)項(xiàng)目中具有有趣的應(yīng)用。

您可以在我們的初學(xué)者指南中閱讀有關(guān)彩色字體的所有信息。彩色字體的概念也為整體排版中的顏色開(kāi)辟了更多項(xiàng)目。

雖然有很多簡(jiǎn)約風(fēng)格的黑白文本，但顏色正在咆哮。許多設(shè)計(jì)師都在使用帶有極簡(jiǎn)風(fēng)格的明亮色彩排版，例如上面的傾斜椅。顏色可以增加額外的視覺(jué)趣味，并強(qiáng)調(diào)顏色中的文字。

明亮的選項(xiàng)（例如示例中的紅色）有助于吸引眼球，并作為消息傳遞、建立品牌標(biāo)識(shí)和吸引用戶(hù)參與設(shè)計(jì)的絕佳跳板。

突出顯示的類(lèi)型

這是令人有點(diǎn)驚訝的趨勢(shì)之一：熒光筆式強(qiáng)調(diào)刻字以創(chuàng)造重點(diǎn)。

從簡(jiǎn)單的高光到從背景中分離出的字母到下劃線(xiàn)到動(dòng)畫(huà)高光，有很多方法可以使用這種字體設(shè)計(jì)趨勢(shì)。雖然當(dāng)你描述它時(shí)可能聽(tīng)起來(lái)有點(diǎn)奇怪，但實(shí)際的視覺(jué)效果非常驚人。

這種技術(shù)最適合您真正希望用戶(hù)看到的單詞。它也適用于較短的文本塊，以便突出顯示不會(huì)變得壓倒性并接管設(shè)計(jì)。

切口和覆蓋

分層效果是使設(shè)計(jì)看起來(lái)不那么平坦的好方法。用排版來(lái)做是一個(gè)不錯(cuò)的選擇。

剪切和覆蓋是指沒(méi)有顏色填充的文本元素。剪切允許背景層中的任何內(nèi)容通過(guò)字體設(shè)計(jì)顯示，例如上面示例中的動(dòng)畫(huà)運(yùn)動(dòng)圖像。覆蓋通常是背景上的透明字母，因此您可以在閱讀時(shí)通過(guò)字母看到背景。

這兩種技術(shù)都有很多視覺(jué)上的興趣，而且創(chuàng)造起來(lái)很有趣。它們最適合大字體、不多的單詞和顯示字體。

疊加層非常適合照片、紋理甚至視頻背景。只需確保在使用此技術(shù)時(shí)避免許多其他設(shè)計(jì)效果。（您不想讓用戶(hù)不知所措。）

結(jié)論

我最喜歡的排版趨勢(shì)是那些突破常見(jiàn)界限但仍保持可讀性的排版趨勢(shì)。在排版方面你喜歡什么？讓我們留言談?wù)撍?