想要在不大面積的修改設計的情況下讓你的設計煥然一新嗎? 使用新的和有趣的排版和字體趨勢可能是一個有效的答案。 設計師可以選擇不那么復雜的字體,通過將它們與大膽的顏色,剪裁,漸變,甚至自定義選項進行配對,以創建突出的字體。
更改字體或以趨勢樣式重新創建圖像或標題可以使設計煥然一新,而無需進行全面檢修,這點對于網站設計來說尤其明顯。 如果你不知道具體從哪里開始? 這份清單列出了今年將會流行的排版趨勢,并舉例說明如何使用它們。
以下是2019年正在發揮作用的排版趨勢。
1.“Undersized” Hero Type
這并不是說文本趨向于整體變小,但在網站設計的主視覺圖中的標題和文字并沒有那種超出某些設計的超大感覺。 在網站的主視覺區域中使用所謂的“小型”排版實際上會令人耳目一新。
這些類型的大小(在標題上仍然足夠大,在匹配的幾行簡介或說明文字中適當小)往往會在50~80點的范圍內進行變動 (以上示例標題為60點,次要標題僅為23點)。
制作較小排版的關鍵是確保你選擇了高度可讀的字體并為其提供充足的空間和對比。 當它很小時,很容易陷入在屏幕上放置過多文字的陷阱,不要讓它發生在你身上。
為什么排版趨勢變小了呢? 實際上,這些尺寸更容易擴展,同時可以跨設備創建更多統一的體驗。 大型的排版可能會在移動設備上造成混亂,移動設備的方向與桌面屏幕不同。 結果是類型并不總是看起來很好或者必須做出影響設備間一致性的設計選擇。
只是稍微減小尺寸就可以解決這個問題,保持可讀性,并且在完成時仍然看起來很棒。
2.Serifs
Serifs正在回歸到設計的流行行列中。 一旦被認為“難以在線閱讀”,字符上帶有微小額外筆畫的排版就會隨處可見。
順便說一下,網上關于襯線字體的可讀性問題完全就是虛構的。
如果你想在網站設計項目中使用襯線字體,請尋找具有規則到較粗筆劃的字體樣式,并在涉及字間距,行間距和連字時注意線條間距,以便每個單詞都易于理解。
從簡單的方形襯線,如上面的例子,到更精致的不規則樣式,這種排版風格具有如此多的特點和魅力。 它可以為簡單的設計輪廓和那些使用空間的設計增加一個很好的推動力。
3.Animated Typography
設計中最大的整體趨勢之一是動畫。 沒有理由你不使用這種趨勢在你的文本排版中。
更多設計正在考慮使用移動,移位或觸發懸停狀態的字母(例如上面的示例)。 所有這些技術都可以帶來更具互動性,更豐富的用戶體驗。
在使用動畫文本時,重要的是要考慮用戶閱讀信息的方式和位置(某些動畫元素,如視頻,在所有移動設備上都不能正常工作)。 進行調整以便即使動畫無法正常工作,仍然可以在消息傳遞清晰的情況下獲得有價值的用戶體驗。
在這方面,最好的文字動畫通常以清晰易懂的字體開頭。 動畫在延遲后或作為用戶交互的一部分發揮作用,這可能會讓用戶感到高興和驚喜(甚至他們愿意花更多的時間在你的網站上)。
使用排版動畫還需要仔細考慮的一點事速度——如果文本移動太快,用戶將完全錯過消息;文本移動速度太慢,用戶可能會在閱讀所有內容之前就直接離開。 一定需要是正確的、合適的速度(你可以通過用戶測試數據幫助你找到理想的速度)。
4.Stacked Text Blocks
雖然排版的趨勢是尺寸偏小,但它仍然具有同樣重要的權重。 設計人員正在嘗試使用堆疊多行文本,特別是在視覺標題中,用于包含更多單詞的加權消息。
這一趨勢需要值得注意的一點事,因為它顯示了嘗試與用戶進行更充分溝通的轉變,而不是期望每一個詞都足以吸引用戶參與設計。 以視覺上引人入勝的方式呈現的更多信息可以是更好的解決方案,從而導致更多用戶參與。
堆疊多行文本時的關鍵考慮因素是找到一個合適的字體,當與更多字母一起使用時仍然可以保持很好的可讀性(或者甚至在所有大寫字母中使用時,這是一種流行的選項),具有足夠的行間距以便線條易于使用,區分和副本中斷是合乎邏輯的。 在堆疊文本時,針對不同的內容應該設置一些足夠分辨的視覺點,這對于如何閱讀單詞是顯而易見的。
由于間距和易于閱讀并不是一個簡單的事情,所以文本堆棧通常位于屏幕的一側,因此設計人員可以更好地控制。 這種結構還可以在文本元素和屏幕上的另一個視覺效果之間創建和諧,以實現非常吸引人的平衡。
5.Color Fonts and Type
顏色字體幾乎已經成了一個獨樹一幟的事例,并且已經遍布各處。 它們實際上比許多人原先預期的更受歡迎,并且在設計項目中更加有趣。
你可以在我們的初學者指南中閱讀有關顏色字體的所有信息。 彩色字體的概念已經開辟了更多的項目,以便在整體排版中著色。
雖然黑白文字更簡約,但顏色文字正在蓄勢待發。 許多設計師使用明亮的彩色排版和簡約的風格一起來規劃整體的設計,如上面的例子。 顏色可以增加額外的視覺興趣,同時強調帶有顏色的單詞。
明亮的顏色選項,例如示例中的紅色,有助于吸引眼球,并作為消息傳遞的巨大跳板,建立品牌標識并吸引用戶進入設計。
6.Highlighted Type
這是一個令人驚訝的趨勢之一:熒光筆式的排版風格,以強調相應的文字。
從簡單的高光到背景到下劃線再到動畫高光的單獨字體,有很多方法可以使用這種類型的設計趨勢。 雖然當你描述它時聽起來有點奇怪,但實際的視覺效果非常驚人。
這種技術最適合用于你真正希望用戶看到的單詞。 它對于較短的文本塊也可以很好地工作,這樣突出顯示就不會讓人不知所措。
7.Cutouts and Overlays
分層效果是使設計看起來不那么平坦的好方法。 使用排版來做這件事是一個不錯的選擇。
剪切和疊加是指沒有顏色填充的文本元素。 剪切允許通過類型設計顯示背景圖層中的任何內容,例如上面示例中的動畫運動圖像。 疊加層通常是背景上的透明字母,以便你可以在閱讀時通過字母查看背景。
這兩種技術都可以提供很多視覺趣味,并且可以很有趣地創建。 它們最適合使用大字體,不是很多單詞的文本信息。
疊加效果非常適合用于照片,紋理甚至視頻背景。 使用這種技術時,請確保避免許多其他設計效果。
8.Layering with Other Elements
在大多數項目中,文本元素和其他元素保持相當的距離感。 但是這個想法已經發生了很大變化,設計師并開始試著不去回避,允許文本和其他元素重疊。 最終結果可能非常酷,實際上可以幫助用戶更專注于屏幕上的文字。
雖然排版趨勢在實踐中最常見的使用是與圖像或顏色重疊的文本元素一同搭配使用,但MJND將其提升了一個檔次。 這種設計將圖像中的人與排版融合在一起,以便在他周圍切出(就像人走進文字一樣)。
這是一種來自印刷設計的技術,它更受歡迎,而且更易于執行,可以創建令人驚嘆的顯示效果。 訣竅是擁有正確的圖像并保持每個字母的可讀性。
9.Text with Gradients
有史以來最被低估的設計趨勢可能就是漸變了。 由于之前使用不當,它嚴重損害自己的“聲譽”。 但如果做得好,漸變絕對令人驚嘆,就好像上面的例子Design Spin一樣。
標題的右側部分具有簡單的藍色到綠色變化。 它易于閱讀和理解,并將重點放在恰當的位置。 漸變感覺既現代又清新,僅比單一顏色增加了一點視覺吸引力。 它非常適合簡約風格的網頁設計。
10.“Overdone” Effects
在談論任何設計技巧時,通常不會使用“過度”。 但是當談到過度的排版趨勢時,它可以發揮作用。
這種類型的趨勢具有復古的感覺,其特點是文字和文字效果,因此你必須閱讀這些文字。 有輪廓和陰影,斜面和淡入淡出和瘋狂的顏色。
你投入的效果越多,用戶可能注意的幾率就越高。 這種風格最適合簡單的設計文案,如上面的Schnitzel Love。
11.Custom Everything
排版我們一直遵從的規則是:不要有其他干擾字體的元素;不應該改變或搞亂字體;選擇適合你項目的一種字體。
但是設計師通過對字體進行簡單調整以使其具有更加自定義的外觀和感覺,從而以積極的結果挑戰這一想法。 其他人實際上更可能為項目制作自定義的字體。
雖然這可能很有趣,但它通常是一個昂貴的選擇,可能會花費很多時間。 對于較大的品牌或團隊中有印刷工程師的項目,這種情況最為常見。
總結
就個人而言,排版趨勢是我最喜歡的年度設計趨勢之一。 字體和排版選擇是所有設計中必不可少的一部分。
我最喜歡的排版趨勢是那些突破常見設計規則但仍保持可讀性的界限。 在排版方面你喜歡什么呢?