技術(shù)和設(shè)計(jì)趨勢一樣母怜，隨著時間的推移總在不停地變化余耽。對于網(wǎng)頁設(shè)計(jì)師和前端而言，字體和排版所涉及到的技術(shù)和設(shè)計(jì)尤其是如此苹熏。不過縱觀這幾年碟贾，網(wǎng)頁字體和排版在大方向上并沒有明顯變化币喧，結(jié)合當(dāng)前主流產(chǎn)品和設(shè)計(jì)，并不難確定2017年內(nèi)袱耽，我們需要關(guān)注的這些字體和排版趨勢杀餐。

定制：品牌化的字體

Bookerly, San Francisco, Product Sans 這些帶著明顯品牌烙印的英文字體，想必設(shè)計(jì)師們并不陌生朱巨，而新晉中文字體蘋方史翘，和最近火爆無比的思源系列新字體，思源宋體冀续，無一例外琼讽，都在向我們傳遞一個明確的信息：品牌化字體的大時代來臨了。

Bookerly 字體是亞馬遜官方聯(lián)合 Dalton Magg 為Kindle 系列產(chǎn)品所專門定制的字體洪唐。設(shè)計(jì)巨頭蘋果就更不必說钻蹬，San Francisco 為蘋果產(chǎn)品專用英文字體喊括，覆蓋了macOS夺蛇、iOS、watchOS 和 tvOS 四個核心平臺跷睦，官方還未中文用戶專門定制了蘋方字體功炮，從文字層面上徹底完成了品牌化溅潜。當(dāng)然，定制化的字體不僅僅是大企業(yè)的專利薪伏，在前不久美國總統(tǒng)競選中落選的希拉里克林頓滚澜，還有專門的字體用來對抗大選期間流行的川普專用手寫字體……

通過 Prototypo 和 FontArk 這樣的工具，自定義英文字體絕對是一件便捷又快速的事情嫁怀。自定義字體和創(chuàng)意字體本質(zhì)上是一致的：它們都旨在強(qiáng)化品牌的識別度设捐。

響應(yīng)：完美適配所有設(shè)備

如今每天都有新的產(chǎn)品，新的數(shù)字設(shè)備誕生塘淑，我們對于可以適應(yīng)各種屏幕顯示的字體萝招，依然有著極大的需求。在桌面端上顯示的超大字體能夠帶來視覺沖擊力和戲劇性的效果存捺，但是直接沿用到移動端槐沼，可能效果并不理想，會讓信息的流動性變差捌治，無法流暢地瀏覽岗钩。而這也是響應(yīng)式設(shè)計(jì)所要解決的主要問題，字體應(yīng)該能夠根據(jù)各種不同的設(shè)備的使用場景進(jìn)行適配肖油。在響應(yīng)式排版當(dāng)中兼吓，字體尺寸、間距和整個布局都會遵循一整套排版規(guī)則森枪，進(jìn)行自適應(yīng)视搏。

雖然目前設(shè)計(jì)師們依然在不斷遭遇新的問題审孽，但是響應(yīng)式排版的整體方案已經(jīng)比較成熟。

對比：超大和超小尺寸的字體

正如同之前所說的凶朗，超大和超小的字體本身就能帶來戲劇化的體驗(yàn)瓷胧，通過尺寸上的對比显拳，來營造獨(dú)特的視覺奇觀棚愤，影響訪客的主觀體驗(yàn)。超大字體毫無疑問是引人矚目的杂数，它能夠?qū)⑿畔⒁曈X化的呈現(xiàn)出來宛畦。

另一方面，超小的字體在多用在極簡主義的網(wǎng)頁上揍移，它常常同首圖搭配在一起次和，和超大字體不同的是，超小的文本內(nèi)容常常是用來凸顯圖片內(nèi)容的那伐，它通過對比將視覺焦點(diǎn)轉(zhuǎn)移到圖片上踏施，所發(fā)揮的作用和負(fù)空間有異曲同工之妙。

超大和超小的字體罕邀，本身能發(fā)揮作用主要是因?yàn)樗鼈兯鶐淼囊曈X落差畅形，尺寸適中的文本相反沒有這樣的效果。當(dāng)然诉探，具體如何使用取決于你的品牌定位日熬，以及你所要用的頁面和場合。

性格：增加個性化的色彩

最深刻的藝術(shù)肾胯，要么是傳達(dá)思想竖席，要么發(fā)人深省。在字體和排版當(dāng)中敬肚，最藝術(shù)化的毕荐，應(yīng)該是使用獨(dú)特而創(chuàng)新的字體來進(jìn)行品牌設(shè)計(jì)與傳達(dá)。實(shí)際上艳馒，今年我們已經(jīng)看到越來越多的個性化字體設(shè)計(jì)用來強(qiáng)化品牌的設(shè)計(jì)案例了憎亚。而最值得關(guān)注也是最流行的，大概是水彩和漸變的色彩為字體注入性格的設(shè)計(jì)手法了鹰溜。

手寫字體也是一個明顯的趨勢虽填，它們給品牌所賦予的個性更為明顯和突出。不過曹动，值得注意的是斋日，有的字體確實(shí)是手寫或者手繪的，而有的字體只是模擬這種筆觸墓陈。

復(fù)古字體則是另外一個流行趨勢恶守，正如同我們常說的第献，復(fù)古一直在流行。復(fù)古的字體常常能夠給人以精致和品質(zhì)感兔港。

可變：排版的未來

微軟庸毫、谷歌、蘋果和Adobe 在2016年9月聯(lián)合發(fā)布了 OpenType 可變字體項(xiàng)目衫樊，這一項(xiàng)目讓字體能夠更好地適配響應(yīng)式排版布局飒赃，讓單個字體文件能夠容納更多不同樣式的字體和布局，OpenType 字體文件規(guī)范讓設(shè)計(jì)師能夠?qū)⒉煌叨瓤瞥蕖⒉煌种卦丶选⒉煌g距的不同類型的字體，有機(jī)的整合到一個字體文件中臀栈，并且靈活地運(yùn)用到排版中去蔫慧。

幾何：令人著迷的圖形

我們的生活中充滿了各式各樣的幾何圖形，幾何圖形本身也是字體設(shè)計(jì)的靈感來源之一权薯。纖細(xì)的線條姑躲，棱角分明的形狀，或者是圓潤的邊角盟蚣，充滿幾何元素質(zhì)感的設(shè)計(jì)讓字體顯得優(yōu)雅而流暢黍析，充滿現(xiàn)代感。

在過去的一年當(dāng)中刁俭，越來越多的字體設(shè)計(jì)中開始出現(xiàn)幾何元素橄仍，不少企業(yè)和機(jī)構(gòu)將幾何字體和元素引入自家品牌，用以強(qiáng)化品牌所傳達(dá)的信任感牍戚。

疊加：圖片和文本的結(jié)合

圖片和文本是網(wǎng)也設(shè)計(jì)中最常見的兩個元素侮繁，兩者常常相互配合，呈現(xiàn)信息如孝。圖文混排的設(shè)計(jì)由來已久宪哩，但是近幾年來，設(shè)計(jì)師們尤其喜歡圖片和文本相互疊加的設(shè)計(jì)第晰，為了確保文本而和圖片的呈現(xiàn)效果锁孟，兩者要保持較好的對比度，文本不能影響圖片的焦點(diǎn)茁瘦，而圖片也最好不要影響文本的識別品抽。圖片和文本兩者的結(jié)合讓內(nèi)容擁有了層次，兩者的結(jié)合應(yīng)該是信息的強(qiáng)化甜熔，實(shí)際效果不應(yīng)該混淆用戶的視聽圆恤。

混搭：不同字體的組合

一般而言，襯線體和襯線體的組合能夠讓排版看起來更加一致腔稀，但是襯線體盆昙、非襯線體甚至手寫字體的有機(jī)組合羽历，有的時候同樣能創(chuàng)造一定的協(xié)調(diào)感。這種視覺設(shè)計(jì)的趨勢非常的明顯淡喜，字體的組合搭配結(jié)合具有現(xiàn)代風(fēng)格的紋理/圖案秕磷，常常能讓整個設(shè)計(jì)更加摩登和豐滿。

結(jié)語

網(wǎng)頁設(shè)計(jì)中炼团，圖片的使用總是不可避免澎嚣，但是字體和排版用好了常常能夠化腐朽為神奇。今天所談及的不少設(shè)計(jì)趨勢们镜，已經(jīng)悄然出現(xiàn)在設(shè)計(jì)圈的各個角落币叹，但是發(fā)覺和了解終究還是有差別的润歉，了解它們模狭，運(yùn)用它們，才能讓趨勢掌握在自己手中踩衩。

作者：ROSHI

譯者：陳子木