2017-4-30 資深UI設計者
技術和設計趨勢一樣，隨著時間的推移總在不停地變化。對于網頁設計師和前端而言，字體和排版所涉及到的技術和設計尤其是如此。不過縱觀這幾年，網頁字體和排版在大方向上并沒有明顯變化，結合當前主流產品和設計，并不難確定2017年內，我們需要關注的這些字體和排版趨勢。
Bookerly, San Francisco, Product Sans 這些帶著明顯品牌烙印的英文字體，想必設計師們并不陌生，而新晉中文字體蘋方，和最近火爆無比的思源系列新字體，思源宋體，無一例外，都在向我們傳遞一個明確的信息：品牌化字體的大時代來臨了。
Bookerly 字體是亞馬遜官方聯合 Dalton Magg 為Kindle 系列產品所專門定制的字體。設計巨頭蘋果就更不必說，San Francisco 為蘋果產品專用英文字體，覆蓋了macOS、iOS、watchOS 和 tvOS 四個核心平臺，官方還未中文用戶專門定制了蘋方字體，從文字層面上徹底完成了品牌化。當然，定制化的字體不僅僅是大企業的專利，在前不久美國總統競選中落選的希拉里克林頓，還有專門的字體用來對抗大選期間流行的川普專用手寫字體……
通過 Prototypo 和 FontArk 這樣的工具，自定義英文字體絕對是一件便捷又快速的事情。自定義字體和創意字體本質上是一致的：它們都旨在強化品牌的識別度。
如今每天都有新的產品，新的數字設備誕生，我們對于可以適應各種屏幕顯示的字體，依然有著極大的需求。在桌面端上顯示的超大字體能夠帶來視覺沖擊力和戲劇性的效果，但是直接沿用到移動端，可能效果并不理想，會讓信息的流動性變差，無法流暢地瀏覽。而這也是響應式設計所要解決的主要問題，字體應該能夠根據各種不同的設備的使用場景進行適配。在響應式排版當中，字體尺寸、間距和整個布局都會遵循一整套排版規則，進行自適應。
雖然目前設計師們依然在不斷遭遇新的問題，但是響應式排版的整體方案已經比較成熟。
正如同之前所說的，超大和超小的字體本身就能帶來戲劇化的體驗，通過尺寸上的對比，來營造獨特的視覺奇觀，影響訪客的主觀體驗。超大字體毫無疑問是引人矚目的，它能夠將信息視覺化的呈現出來。
另一方面，超小的字體在多用在極簡主義的網頁上，它常常同首圖搭配在一起，和超大字體不同的是，超小的文本內容常常是用來凸顯圖片內容的，它通過對比將視覺焦點轉移到圖片上，所發揮的作用和負空間有異曲同工之妙。
超大和超小的字體，本身能發揮作用主要是因為它們所帶來的視覺落差，尺寸適中的文本相反沒有這樣的效果。當然，具體如何使用取決于你的品牌定位，以及你所要用的頁面和場合。
最深刻的藝術，要么是傳達思想，要么發人深省。在字體和排版當中，最藝術化的，應該是使用獨特而創新的字體來進行品牌設計與傳達。實際上，今年我們已經看到越來越多的個性化字體設計用來強化品牌的設計案例了。而最值得關注也是最流行的，大概是水彩和漸變的色彩為字體注入性格的設計手法了。
手寫字體也是一個明顯的趨勢，它們給品牌所賦予的個性更為明顯和突出。不過，值得注意的是，有的字體確實是手寫或者手繪的，而有的字體只是模擬這種筆觸。
復古字體則是另外一個流行趨勢，正如同我們常說的，復古一直在流行。復古的字體常常能夠給人以精致和品質感。
微軟、谷歌、蘋果和Adobe 在2016年9月聯合發布了 OpenType 可變字體項目，這一項目讓字體能夠更好地適配響應式排版布局，讓單個字體文件能夠容納更多不同樣式的字體和布局，OpenType 字體文件規范讓設計師能夠將不同高度、不同字重、不同間距的不同類型的字體，有機的整合到一個字體文件中，并且靈活地運用到排版中去。
我們的生活中充滿了各式各樣的幾何圖形，幾何圖形本身也是字體設計的靈感來源之一。纖細的線條，棱角分明的形狀，或者是圓潤的邊角，充滿幾何元素質感的設計讓字體顯得優雅而流暢，充滿現代感。
在過去的一年當中，越來越多的字體設計中開始出現幾何元素，不少企業和機構將幾何字體和元素引入自家品牌，用以強化品牌所傳達的信任感。
圖片和文本是網也設計中最常見的兩個元素，兩者常常相互配合，呈現信息。圖文混排的設計由來已久，但是近幾年來，設計師們尤其喜歡圖片和文本相互疊加的設計，為了確保文本而和圖片的呈現效果，兩者要保持較好的對比度，文本不能影響圖片的焦點，而圖片也最好不要影響文本的識別。圖片和文本兩者的結合讓內容擁有了層次，兩者的結合應該是信息的強化，實際效果不應該混淆用戶的視聽。
一般而言，襯線體和襯線體的組合能夠讓排版看起來更加一致，但是襯線體、非襯線體甚至手寫字體的有機組合，有的時候同樣能創造一定的協調感。這種視覺設計的趨勢非常的明顯，字體的組合搭配結合具有現代風格的紋理/圖案，常常能讓整個設計更加摩登和豐滿。
網頁設計中，圖片的使用總是不可避免，但是字體和排版用好了常常能夠化腐朽為神奇。今天所談及的不少設計趨勢，已經悄然出現在設計圈的各個角落，但是發覺和了解終究還是有差別的，了解它們，運用它們，才能讓趨勢掌握在自己手中。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務