網(wǎng)頁中10種字體的運用方式技巧

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

字體特效非常多，有目的地選取合理的特效是讓它們發(fā)揮效果的訣竅所在。好的字體排版是不需要輔助就能被識別的，否則這個設(shè)計是失敗的。

值得一提的是，最好的字體特效往往是潤物細(xì)無聲的，近乎無形，但是對于整個設(shè)計在視覺和質(zhì)感上都有所提升。

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

無論你使用什么軟件做設(shè)計，都不要使用默認(rèn)的陰影效果，這個經(jīng)驗里面包含了太多血的教訓(xùn)。

正如前文所說，好的陰影特效有著較高的融入度，幾乎是「隱形」的。在部署陰影特效的時候，不要為了創(chuàng)建而創(chuàng)建，而是要借助陰影來構(gòu)建前景文字和背景之間的層次感，這種對比恰到好處即可。

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

相對較為硬朗的陰影，會給人以更加復(fù)古的感覺，在較粗的、筆觸平整的字體背后使用這樣的陰影效果會比較好。

2. 使用雙重曝光效果

雙重曝光效果在網(wǎng)頁設(shè)計和平面設(shè)計當(dāng)中是非常流行的設(shè)計技巧。在文本字體中使用雙重曝光效果能夠讓它看起來復(fù)雜而有趣，尤其是在雙重曝光的圖片選取得比較精妙的時候，效果看起來會非常驚艷。

3. 描邊特效

對于較粗的字體使用描邊特效，往往能夠讓字體的輪廓更加清晰，也增加了整體復(fù)古的感覺。在上面的案例當(dāng)中，設(shè)計師就借助霓虹色字體和描邊特效創(chuàng)造出了獨特的氛圍。

4. 使用多彩字體

多彩字體本身就包含有多樣的色彩屬性，甚至含有陰影、漸變、透明度甚至紋理。你可以使用多彩字體來讓文本擁有遠(yuǎn)超傳統(tǒng)字體的時髦值。

當(dāng)大量的色彩共同來構(gòu)成一套字體的時候，字體本身的視覺吸引力就已經(jīng)達(dá)到極致了?，F(xiàn)如今明亮大膽的字體是一種設(shè)計趨勢，這樣的配色本身并不會冒犯用戶，因為用戶正在越來越適應(yīng)這樣的設(shè)計。

當(dāng)然，在色彩的搭配上需要協(xié)調(diào)且有目的性。

5. 適當(dāng)?shù)厝谌胍恍﹦有?br />
從來都沒有規(guī)定文本必須是靜止的，在網(wǎng)頁的文本中加入動效能夠提升它的視覺吸引力。

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

運動軌跡應(yīng)該是有意識地設(shè)計的；

字母的運動不應(yīng)該太快；

滾動或者自動播放的文本應(yīng)該可以被停止；

無論屏幕大小，文本內(nèi)容應(yīng)該始終保持可讀。

6. 模仿一些標(biāo)志性的元素和特征

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

最典型的就是霓虹色的運用，充滿 80 年代風(fēng)情的 LOGO 成為了該劇最具識別度的元素。這種模仿的基礎(chǔ)在于近年來 80 年代復(fù)古元素的瘋狂流行，以及霓虹色等設(shè)計風(fēng)格的回潮。

在模仿這些標(biāo)志性的風(fēng)格和元素的時候，度的把握很重要，恰到好處的模仿讓人覺得親切，而拙劣的復(fù)制則會顯得很 Low。

7. 引入圖形

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

這種技法的訣竅在于，圖形的外觀要和字母的風(fēng)格、形狀相匹配。很明顯，如果不這么做的話，會讓內(nèi)容難以閱讀。

8. 增加紋理

有些字體風(fēng)格本身就顯得復(fù)古、粗糙，設(shè)計師能夠通過自定義增加紋理來強化這種感覺。紋理本身能夠讓文本更加突出一些，也能夠強化文本的質(zhì)感，營造出獨特的氛圍。

通過切割出來的細(xì)節(jié)來賦予文本以紋理；

通過半透明的效果讓字體透出背景，從而擁有紋理。

9. 創(chuàng)造自定義的文本字體

在進(jìn)行品牌 LOGO 設(shè)計的時候，自定義的文本字體是最常見的元素之一?；谔囟ǖ淖煮w來進(jìn)行自定義設(shè)計，通過標(biāo)志性的細(xì)節(jié)來營造令人難忘的視覺體驗，是自定義字體的主要目標(biāo)之一。

這并不是一件容易實現(xiàn)的事情，自定義文本字體不僅需要足夠扎實的技術(shù)，而且需要在具體設(shè)計的時候，足夠小心謹(jǐn)慎。在絕大多數(shù)時候，最好是要同專業(yè)的字體設(shè)計師合作，以達(dá)到最好的設(shè)計效果。

10. 讓字體本身發(fā)揮效果

有的時候，最好的文本效果，就是不要加其他任何特效。在形狀、大小和色彩具有足夠?qū)Ρ榷鹊那闆r下，文本元素和背景會自然地構(gòu)成前后景的對比，自然分離。

缺少其他效果的加持，設(shè)計師需要精心地控制所有的輔助性的元素，確保所有的元素能夠完美的協(xié)同工作。加粗字體，深淺對比，是比較合理的組合方式。

結(jié)語

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

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

分享文章：網(wǎng)頁中10種字體的運用方式技巧
轉(zhuǎn)載源于：http://muchs.cn/news27/323777.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、網(wǎng)站收錄、外貿(mào)建站、做網(wǎng)站、云服務(wù)器、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)