想讓您的設(shè)計(jì)快速煥然一新嗎?使用新的和有趣的排版趨勢可能是答案。設(shè)計(jì)師正在使用大膽的顏色、剪裁、漸變,甚至自定義來創(chuàng)建突出的字體。
更改字體或以流行風(fēng)格重新創(chuàng)建圖像或標(biāo)題可以使設(shè)計(jì)煥然一新,而無需進(jìn)行全面檢修。不知道從哪里開始?此列表以排版趨勢為特色,并附有示例以作為如何使用它們的靈感。
以下是今年最流行的排版趨勢。
斜體
這是一種你可能想不到的排版趨勢——斜體。
長期以來,作為網(wǎng)站設(shè)計(jì)中幾乎從未使用過的東西之一,斜體排版無處不在。從英雄標(biāo)題到較小的文本元素,再到與另一種字體配對的重音詞,斜體字體正在流行。
通常,斜體的使用方式使其與周圍的字體元素融合在一起,甚至使用粗體或下劃線(例如上面的示例)來最好地融合。
“不可讀”層
接下來的兩個(gè)排版趨勢有點(diǎn)相似,都打破了一個(gè)意想不到的規(guī)則:它們有點(diǎn)不可讀。但這沒關(guān)系,因?yàn)槠溆嗟脑O(shè)計(jì)填補(bǔ)了空白并保持了網(wǎng)站的互動性。
在這個(gè)趨勢示例中,超大文本元素位于前景元素后面的圖層中。屏幕上的所有其他類型元素都具有高度可讀性,可為不可讀的元素提供大量支持。
在上面的示例中,前景對象也在文本上淡入淡出,以便您可以來回閱讀。
最后一個(gè)有助于將它們組合在一起的元素是這個(gè)詞對設(shè)計(jì)并不重要的想法。這是品牌名稱,您可能從標(biāo)識中知道,但不如公司/網(wǎng)站所做的重要。
離開屏幕的文本
跟隨“不可讀”層的趨勢是文本元素失去可讀性,因?yàn)樗鼈冊谄聊簧虾推聊煌舛加袆赢?。這種排版效果無處不在,通常搭配超大字體和向屏幕左側(cè)滾動的幾個(gè)單詞。
當(dāng)屏幕上沒有太多其他動作并且只需幾秒鐘的觀看時(shí)間即可閱讀文字時(shí),這種排版趨勢效果最佳。如果文本太復(fù)雜,您可能會冒著讓用戶永遠(yuǎn)無法弄清楚這些詞在說什么的風(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í)髦的形狀或筆觸、顏色或動畫。
這些類型樣式最好的部分是它們可以為項(xiàng)目注入獨(dú)特且非常具體的氛圍。
您可以從許多不同的鑄造廠或獨(dú)立的字體設(shè)計(jì)師那里找到實(shí)驗(yàn)性字體。
襯線
襯線又回來了。曾經(jīng)被認(rèn)為“難以在線閱讀”的字體在字符上出現(xiàn)了微小的額外筆劃。
順便說一句,在線襯線的可讀性問題完全是一個(gè)神話。
如果您想在Web項(xiàng)目中使用襯線,請尋找具有規(guī)則到粗筆劃的字體樣式,并在涉及升序、降序和襯線或連字時(shí)注意行間距,以便每個(gè)單詞都易于理解。
從簡單的方形襯線(例如上面的示例)到更精致的裝飾,這種排版風(fēng)格具有如此多的個(gè)性和魅力。它可以為簡單的設(shè)計(jì)輪廓和那些很好地利用空間的輪廓添加一個(gè)很好的提升。
短而粗的字體(低X高度)
另一種主要流行的字體風(fēng)格是身材矮小、姿態(tài)寬闊的字體。這些字體中的許多都具有全部大寫字符集,但是當(dāng)它們具有小寫字母時(shí),可以通過較低的x高度來識別。
當(dāng)畫布上沒有太多的競爭時(shí),這種類型的風(fēng)格往往效果最好。由于可讀性,它也最適合較短的單詞或短語。
這些短而粗的字體也最適合具有超現(xiàn)代感的設(shè)計(jì)。在許多情況下,它們的范圍和設(shè)計(jì)幾乎是未來主義的。
手寫風(fēng)格
在顯示字體方面,Sharpie標(biāo)記樣式在網(wǎng)站設(shè)計(jì)師中非常流行。并且有大量的手寫字體可供選擇,以便您獲得恰到好處的外觀和感覺。
當(dāng)前的大部分手寫字體趨勢都集中在帶有大寫和小寫字符的印刷字母上,它們的筆畫較粗,而且有些粗糙。
字體可能還包括一些額外的裝飾,使某些字符感覺更加特別。當(dāng)談到具有更多草書或腳本類型設(shè)計(jì)的手寫風(fēng)格時(shí),您可能會發(fā)現(xiàn)長尾巴和精致的花體?!?/p>
輪廓字體
輪廓字體很重要。
您會在主要副本的網(wǎng)頁的英雄區(qū)域中發(fā)現(xiàn)這種趨勢。雖然用途有所不同,但您幾乎每次都會發(fā)現(xiàn)一些元素:
無襯線字體
大綱字母的所有大寫文本
搭配填充字體
超大文本元素
大綱字體選項(xiàng)使用起來很有趣。在可讀性方面,您只需要謹(jǐn)慎。字母會很快在背景圖像和視頻中丟失。所以要注意顏色、對比度和位置。
并且不要過度。輪廓字體最適合強(qiáng)調(diào)重點(diǎn),而不是創(chuàng)建整個(gè)信息。
左對齊
左對齊文本可讀、優(yōu)雅,并且可以創(chuàng)建具有經(jīng)典感覺的偏離中心的平衡。
使用左對齊排版的技巧是注意換行符和文本的大小。將整個(gè)文本元素視為單個(gè)元素。更多的文本行和更多的單詞會比幾個(gè)單詞更大。相應(yīng)地調(diào)整大小和行距。
為了獲得更一致的感覺,請考慮將其他元素也向左對齊。為要休息的元素創(chuàng)建一個(gè)網(wǎng)格“邊距”,例如上面的示例。請注意,品牌名稱、兩級文本和號召性用語按鈕都在同一個(gè)不可見平面上左對齊。
圓形無襯線字體
這是幾乎任何人都可以使用的趨勢,而且它非常簡單,您甚至可能在開始尋找之前都看不到它。項(xiàng)目包含圓形、簡單的無襯線字體。
這種趨勢的偉大之處在于它適用于所有事物。圓形無襯線字體是最易讀的字體之一。大多數(shù)使用這種趨勢的設(shè)計(jì)師也使用中等到粗筆劃的字體,以及足夠的字母間距。
關(guān)于這種排版趨勢的一切都以最佳可讀性為中心。此外,您可以將其與其他排版趨勢配對,以獲得更現(xiàn)代的外觀。上面的示例同時(shí)使用圓角無襯線和左對齊文本。
微妙的漸變
微妙的漸變作為排版的重點(diǎn)是這一趨勢的下一個(gè)演變。
這種趨勢的好處是漸變是如此微妙,以至于你可能一開始都看不到它們。顏色略有不同,有助于將眼睛拉過字母。
漸變最適合與較粗的字體一起使用,并強(qiáng)調(diào)特定的單詞或短語。
小心不要過度使用它。一個(gè)好的文本漸變在整個(gè)單詞中保持一致的對比度,這樣它就不會讀起來不和諧,并且它與背景分開。
動畫排版
設(shè)計(jì)中最大的總體趨勢之一是動畫。這也沒有理由不適用于排版。
更多的設(shè)計(jì)正在使用移動、移動或受懸停狀態(tài)影響的字母(例如上面的示例)。所有這些技術(shù)都可以帶來更具交互性、更豐富的用戶體驗(yàn)。
在為文本制作動畫時(shí),重要的是要考慮用戶將如何以及在何處閱讀信息(一些動畫元素,例如視頻,還不能在所有移動設(shè)備上正常工作)。做出調(diào)整,即使動畫不能正常工作,仍然有一個(gè)有價(jià)值的用戶體驗(yàn),其中消息是清晰的。
在這方面,最好的文本動畫通常以清晰易讀的字體開頭。動畫在延遲后或作為用戶交互的一部分開始發(fā)揮作用。這可以讓用戶感到高興和驚喜(甚至可能導(dǎo)致更多的現(xiàn)場時(shí)間)。
仔細(xì)考慮排版動畫的速度——如果文本移動得太快,用戶將完全錯(cuò)過信息;如果文本移動得太慢,用戶可能會在閱讀所有內(nèi)容之前點(diǎn)擊離開。一定是剛剛好。(用戶測試可以幫助您找到理想的速度。)
堆疊的文本塊
雖然排版的尺寸趨向于更小,但它仍然承載著同樣多的重量。設(shè)計(jì)師正在堆疊多行文本,特別是在英雄標(biāo)題中,以獲得帶有更多單詞的加權(quán)消息。
這一趨勢很重要,因?yàn)樗@示了試圖與用戶更充分地交流的轉(zhuǎn)變,而不是期望一個(gè)詞足以吸引人們參與設(shè)計(jì)。以視覺上引人入勝的方式呈現(xiàn)的更多信息可能是一個(gè)更好的解決方案,可以帶來更多的用戶參與度。
堆疊多行文本時(shí)的關(guān)鍵考慮因素是找到一種在與更多字母一起使用時(shí)可讀的字體(或者甚至在所有大寫字母中使用時(shí),這是一個(gè)流行的選擇),具有足夠的行距,以便行易于區(qū)分并且副本中的中斷是合乎邏輯的。堆疊文本時(shí),應(yīng)該有明顯的逐行流動,這在如何閱讀單詞方面都很明顯,并且用戶應(yīng)該在設(shè)計(jì)的任何其他部分之前移動到下一行。
由于換行和易于閱讀的挑戰(zhàn),文本堆棧通常位于屏幕的一側(cè),以便設(shè)計(jì)人員擁有更多控制權(quán)。這種結(jié)構(gòu)還可以在文本元素和屏幕上的另一個(gè)視覺元素之間創(chuàng)造和諧,以實(shí)現(xiàn)吸引人的不對稱平衡。
彩色字體和類型
彩色字體是它們自己的一類類型,并且到處出現(xiàn)。它們比許多最初預(yù)期的更受歡迎,并且在設(shè)計(jì)項(xiàng)目中具有有趣的應(yīng)用。
您可以在我們的初學(xué)者指南中閱讀有關(guān)彩色字體的所有信息。彩色字體的概念也為整體排版中的顏色開辟了更多項(xiàng)目。
雖然有很多簡約風(fēng)格的黑白文本,但顏色正在咆哮。許多設(shè)計(jì)師都在使用帶有極簡風(fēng)格的明亮色彩排版,例如上面的傾斜椅。顏色可以增加額外的視覺趣味,并強(qiáng)調(diào)顏色中的文字。
明亮的選項(xiàng)(例如示例中的紅色)有助于吸引眼球,并作為消息傳遞、建立品牌標(biāo)識和吸引用戶參與設(shè)計(jì)的絕佳跳板。
突出顯示的類型
這是令人有點(diǎn)驚訝的趨勢之一:熒光筆式強(qiáng)調(diào)刻字以創(chuàng)造重點(diǎn)。
從簡單的高光到從背景中分離出的字母到下劃線到動畫高光,有很多方法可以使用這種字體設(shè)計(jì)趨勢。雖然當(dāng)你描述它時(shí)可能聽起來有點(diǎn)奇怪,但實(shí)際的視覺效果非常驚人。
這種技術(shù)最適合您真正希望用戶看到的單詞。它也適用于較短的文本塊,以便突出顯示不會變得壓倒性并接管設(shè)計(jì)。
切口和覆蓋
分層效果是使設(shè)計(jì)看起來不那么平坦的好方法。用排版來做是一個(gè)不錯(cuò)的選擇。
剪切和覆蓋是指沒有顏色填充的文本元素。剪切允許背景層中的任何內(nèi)容通過字體設(shè)計(jì)顯示,例如上面示例中的動畫運(yùn)動圖像。覆蓋通常是背景上的透明字母,因此您可以在閱讀時(shí)通過字母看到背景。
這兩種技術(shù)都有很多視覺上的興趣,而且創(chuàng)造起來很有趣。它們最適合大字體、不多的單詞和顯示字體。
疊加層非常適合照片、紋理甚至視頻背景。只需確保在使用此技術(shù)時(shí)避免許多其他設(shè)計(jì)效果。(您不想讓用戶不知所措。)
結(jié)論
我最喜歡的排版趨勢是那些突破常見界限但仍保持可讀性的排版趨勢。在排版方面你喜歡什么?讓我們留言談?wù)撍?/p>