對于設(shè)計師而言,在日常的平面和 UI設(shè)計中,給字體增加特效一直都是一件惱人的事情??蛻籼岢龅母〉裉匦Щ蛘叽箨幱暗男枨?,但是直接按照要求來設(shè)計可能會毀掉整個設(shè)計。更多時候,你需要的是一些相對優(yōu)雅但是又足夠吸引人的字體效果,讓整個設(shè)計項目的走向更加合理。
字體特效非常多,有目的地選取合理的特效是讓它們發(fā)揮效果的訣竅所在。好的字體排版是不需要輔助就能被識別的,否則這個設(shè)計是失敗的。
值得一提的是,最好的字體特效往往是潤物細無聲的,近乎無形,但是對于整個設(shè)計在視覺和質(zhì)感上都有所提升。
1. 有目的地運用陰影效果
無論你使用什么軟件做設(shè)計,都不要使用默認的陰影效果,這個經(jīng)驗里面包含了太多血的教訓。
正如前文所說,好的陰影特效有著較高的融入度,幾乎是「隱形」的。在部署陰影特效的時候,不要為了創(chuàng)建而創(chuàng)建,而是要借助陰影來構(gòu)建前景文字和背景之間的層次感,這種對比恰到好處即可。
這種「隱形」的陰影設(shè)計對于設(shè)計師而言通常是不難識別出來的,不過普通用戶通常不會太注意到它們。這些柔和的陰影,功能只是用來營造對比。
相對較為硬朗的陰影,會給人以更加復古的感覺,在較粗的、筆觸平整的字體背后使用這樣的陰影效果會比較好。
2. 使用雙重曝光效果
雙重曝光效果在網(wǎng)頁設(shè)計和平面設(shè)計當中是非常流行的設(shè)計技巧。在文本字體中使用雙重曝光效果能夠讓它看起來復雜而有趣,尤其是在雙重曝光的圖片選取得比較精妙的時候,效果看起來會非常驚艷。
3. 描邊特效
對于較粗的字體使用描邊特效,往往能夠讓字體的輪廓更加清晰,也增加了整體復古的感覺。在上面的案例當中,設(shè)計師就借助霓虹色字體和描邊特效創(chuàng)造出了獨特的氛圍。
4. 使用多彩字體
多彩字體本身就包含有多樣的色彩屬性,甚至含有陰影、漸變、透明度甚至紋理。你可以使用多彩字體來讓文本擁有遠超傳統(tǒng)字體的時髦值。
當大量的色彩共同來構(gòu)成一套字體的時候,字體本身的視覺吸引力就已經(jīng)達到極致了。現(xiàn)如今明亮大膽的字體是一種設(shè)計趨勢,這樣的配色本身并不會冒犯用戶,因為用戶正在越來越適應這樣的設(shè)計。
當然,在色彩的搭配上需要協(xié)調(diào)且有目的性。
5. 適當?shù)厝谌胍恍﹦有?/h4>
從來都沒有規(guī)定文本必須是靜止的,在網(wǎng)頁的文本中加入動效能夠提升它的視覺吸引力。
不過,在為文本添加動效的時候,尤其要注意保持文本字體的可讀性:
- 運動軌跡應該是有意識地設(shè)計的;
- 字母的運動不應該太快;
- 滾動或者自動播放的文本應該可以被停止;
- 無論屏幕大小,文本內(nèi)容應該始終保持可讀。
6. 模仿一些標志性的元素和特征
這兩年的 Netflix 的熱門美劇《怪奇物語》中,就模仿80年代經(jīng)典的電影,融入了大量當時的元素,創(chuàng)造出讓許多影迷共鳴的設(shè)計。
最典型的就是霓虹色的運用,充滿80年代風情的 LOGO 成為了該劇最具識別度的元素。這種模仿的基礎(chǔ)在于近年來80年代復古元素的瘋狂流行,以及霓虹色等設(shè)計風格的回潮。
在模仿這些標志性的風格和元素的時候,度的把握很重要,恰到好處的模仿讓人覺得親切,而拙劣的復制則會顯得很 Low。
7. 引入圖形
引入圖形或者其他的多媒體元素,在文本中加入一些額外的東西,也是不錯的手法。使用圖形或者其他的元素來替代一個或者多個字母,這樣的設(shè)計還是很抓人眼球的。
這種技法的訣竅在于,圖形的外觀要和字母的風格、形狀相匹配。很明顯,如果不這么做的話,會讓內(nèi)容難以閱讀。
在上面的 Kasra Design 的網(wǎng)頁當中,視頻的觸發(fā)按鈕和圖標很好地融合了起來。
8. 增加紋理
有些字體風格本身就顯得復古、粗糙,設(shè)計師能夠通過自定義增加紋理來強化這種感覺。紋理本身能夠讓文本更加突出一些,也能夠強化文本的質(zhì)感,營造出獨特的氛圍。
在上面的案例當中,設(shè)計師通過兩種不同的方式來賦予文本以紋理:
- 通過切割出來的細節(jié)來賦予文本以紋理;
- 通過半透明的效果讓字體透出背景,從而擁有紋理。
9. 創(chuàng)造自定義的文本字體
在進行品牌 LOGO 設(shè)計的時候,自定義的文本字體是最常見的元素之一。基于特定的字體來進行自定義設(shè)計,通過標志性的細節(jié)來營造令人難忘的視覺體驗,是自定義字體的主要目標之一。
這并不是一件容易實現(xiàn)的事情,自定義文本字體不僅需要足夠扎實的技術(shù),而且需要在具體設(shè)計的時候,足夠小心謹慎。在絕大多數(shù)時候,最好是要同專業(yè)的字體設(shè)計師合作,以達到最好的設(shè)計效果。
10. 讓字體本身發(fā)揮效果
有的時候,最好的文本效果,就是不要加其他任何特效。在形狀、大小和色彩具有足夠?qū)Ρ榷鹊那闆r下,文本元素和背景會自然地構(gòu)成前后景的對比,自然分離。
缺少其他效果的加持,設(shè)計師需要精心地控制所有的輔助性的元素,確保所有的元素能夠完美的協(xié)同工作。加粗字體,深淺對比,是比較合理的組合方式。
The University of Essex 這個網(wǎng)站就在較暗的背景上采用了加粗的白色字體,視覺上足夠突出,也足夠清晰。
結(jié)語
文字特效的使用還需要特別注意設(shè)計趨勢的存在,過于突出的特效可能會顯得過猶不及,而趨勢的流行周期也是設(shè)計師需要尤為注意的問題。微妙的設(shè)計總歸是擁有更加持久生命力的。
「2018年設(shè)計趨勢,一個都不要錯過」
- 《2018年,這10個LOGO設(shè)計趨勢值得你關(guān)注》
- 《超全面總結(jié)!2017年UI設(shè)計領(lǐng)域流行過這21個設(shè)計趨勢》
- 《掌握這12個移動端UX設(shè)計趨勢,你就掌控了2018年》
- 《這款獨特的紫色,是為你指引2018年設(shè)計方向的年度潘通色》
================明星欄目推薦================
優(yōu)優(yōu)教程網(wǎng): UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎(chǔ)設(shè)計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。
設(shè)計導航:國內(nèi)人氣最高的設(shè)計網(wǎng)址導航,設(shè)計師必備: http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 753 位幸運星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓