網頁中這 10 種字體的運用方式，不會讓人以爲 Low

簡評：字體特效很是多，有目的地選取合理的特效是讓它們發揮效果的訣竅所在。好的字體排版是不須要輔助就能被識別的，不然這個設計是失敗的。
本文轉載自 UISDC，如需轉載請聯繫他們。

對於設計師而言，在平常的平面和 UI設計中，給字體增長特效一直都是一件惱人的事情。客戶提出的浮雕特效或者大陰影的需求，可是直接按照要求來設計可能會毀掉整個設計。更多時候，你須要的是一些相對優雅可是又足夠吸引人的字體效果，讓整個設計項目的走向更加合理。

字體特效很是多，有目的地選取合理的特效是讓它們發揮效果的訣竅所在。好的字體排版是不須要輔助就能被識別的，不然這個設計是失敗的。

值得一提的是，最好的字體特效每每是潤物細無聲的，近乎無形，可是對於整個設計在視覺和質感上都有所提高。

1. 有目的地運用陰影效果

不管你使用什麼軟件作設計，都不要使用默認的陰影效果，這個經驗裏面包含了太多血的教訓。

正如前文所說，好的陰影特效有着較高的融入度，幾乎是「隱形」的。在部署陰影特效的時候，不要爲了建立而建立，而是要藉助陰影來構建前景文字和背景之間的層次感，這種對比恰到好處便可。

這種「隱形」的陰影設計對於設計師而言一般是不難識別出來的，不過普通用戶一般不會太注意到它們。這些柔和的陰影，功能只是用來營造對比。

相對較爲硬朗的陰影，會給人以更加復古的感受，在較粗的、筆觸平整的字體背後使用這樣的陰影效果會比較好。

1. 使用雙重曝光效果

雙重曝光效果在網頁設計和平面設計當中是很是流行的設計技巧。在文本字體中使用雙重曝光效果可以讓它看起來複雜而有趣，尤爲是在雙重曝光的圖片選取得比較精妙的時候，效果看起來會很是驚豔。

1. 描邊特效

對於較粗的字體使用描邊特效，每每可以讓字體的輪廓更加清晰，也增長了總體復古的感受。在上面的案例當中，設計師就藉助霓虹色字體和描邊特效創造出了獨特的氛圍。

1. 使用多彩字體

多彩字體自己就包含有多樣的色彩屬性，甚至含有陰影、漸變、透明度甚至紋理。你可使用多彩字體來讓文本擁有遠超傳統字體的時髦值。

當大量的色彩共同來構成一套字體的時候，字體自己的視覺吸引力就已經達到極致了。現現在明亮大膽的字體是一種設計趨勢，這樣的配色自己並不會冒犯用戶，由於用戶正在愈來愈適應這樣的設計。

固然，在色彩的搭配上須要協調且有目的性。

1. 適當地融入一些動效

歷來都沒有規定文本必須是靜止的，在網頁的文本中加入動效可以提高它的視覺吸引力。

不過，在爲文本添加動效的時候，尤爲要注意保持文本字體的可讀性：

運動軌跡應該是有意識地設計的；
字母的運動不該該太快；
滾動或者自動播放的文本應該能夠被中止；
不管屏幕大小，文本內容應該始終保持可讀。

1. 模仿一些標誌性的元素和特徵

這兩年的 Netflix 的熱門美劇《怪奇物語》中，就模仿80年代經典的電影，融入了大量當時的元素，創造出讓許多影迷共鳴的設計。

最典型的就是霓虹色的運用，充滿80年代風情的 LOGO 成爲了該劇最具識別度的元素。這種模仿的基礎在於近年來80年代復古元素的瘋狂流行，以及霓虹色等設計風格的回潮。

在模仿這些標誌性的風格和元素的時候，度的把握很重要，恰到好處的模仿讓人以爲親切，而拙劣的複製則會顯得很 Low。

1. 引入圖形

引入圖形或者其餘的多媒體元素，在文本中加入一些額外的東西，也是不錯的手法。使用圖形或者其餘的元素來替代一個或者多個字母，這樣的設計仍是很抓人眼球的。

這種技法的訣竅在於，圖形的外觀要和字母的風格、形狀相匹配。很明顯，若是不這麼作的話，會讓內容難以閱讀。

在上面的 Kasra Design 的網頁當中，視頻的觸發按鈕和圖標很好地融合了起來。

1. 增長紋理

有些字體風格自己就顯得復古、粗糙，設計師可以經過自定義增長紋理來強化這種感受。紋理自己可以讓文本更加突出一些，也可以強化文本的質感，營造出獨特的氛圍。

在上面的案例當中，設計師經過兩種不一樣的方式來賦予文本以紋理：

經過切割出來的細節來賦予文本以紋理；
經過半透明的效果讓字體透出背景，從而擁有紋理。

1. 創造自定義的文本字體

在進行品牌 LOGO 設計的時候，自定義的文本字體是最多見的元素之一。基於特定的字體來進行自定義設計，經過標誌性的細節來營造使人難忘的視覺體驗，是自定義字體的主要目標之一。

這並非一件容易實現的事情，自定義文本字體不只須要足夠紮實的技術，並且須要在具體設計的時候，足夠當心謹慎。在絕大多數時候，最好是要同專業的字體設計師合做，以達到最好的設計效果。

1. 讓字體自己發揮效果

有的時候，最好的文本效果，就是不要加其餘任何特效。在形狀、大小和色彩具備足夠對比度的狀況下，文本元素和背景會天然地構成先後景的對比，天然分離。

缺乏其餘效果的加持，設計師須要精心地控制全部的輔助性的元素，確保全部的元素可以完美的協同工做。加粗字體，深淺對比，是比較合理的組合方式。

The University of Essex 這個網站就在較暗的背景上採用了加粗的白色字體，視覺上足夠突出，也足夠清晰。

結語

文字特效的使用還須要特別注意設計趨勢的存在，過於突出的特效可能會顯得過猶不及，而趨勢的流行週期也是設計師須要尤其注意的問題。微妙的設計總歸是擁有更加持久生命力的。

原文：10 Tips for Using Text Effects That Don’t Suck