好的設(shè)計為何好？原因可能不盡相同：先進(jìn)的動效、蔚為壯觀的圖像、不同尋常的視頻、細(xì)節(jié)精美的插畫、完美無瑕的處理、創(chuàng)意的解決方案等等——但，以何種手段包裝網(wǎng)頁要取決于網(wǎng)站設(shè)計的目的。網(wǎng)站可以沒有動效、可以沒有圖像及插畫、可以沒有視頻、可以不采用流行風(fēng)格，但是網(wǎng)站絕對不能沒有文字。
然而，正因?yàn)槌Ｒ姡员缓鲆暋４蠹彝话盐淖之?dāng)作數(shù)據(jù)與內(nèi)容的組織形式。然而大家有沒有考慮過把字體也當(dāng)成視覺表現(xiàn)的一種手段呢？
優(yōu)秀的字體能幫助網(wǎng)頁設(shè)計打造清晰的視覺層級，有著優(yōu)秀的可讀性。字重、字體大小是字體較為重要的兩個特性，我們可以借助這兩個特性來進(jìn)行優(yōu)化。
例如，如果你想要讓一句話清晰可見、脫穎而出，那么只需要把文字加粗即可。粗厚的字體能夠有效的引起用戶注意。把字體放大一點(diǎn)，設(shè)計的顯著一點(diǎn)，更具有支配性一點(diǎn)，那么網(wǎng)頁將非常具有誘惑力。
今天我們收集了一些對字體巧妙處理的網(wǎng)頁設(shè)計。
大、柔和。黑白搭配，力量感很強(qiáng)的網(wǎng)頁設(shè)計。
吸引人的字體，精美的動效，蒙版效果不錯，從其中可以窺見很多歷史人物的肖像。
精致、有機(jī)的氛圍，綠色和濺水效果的字體在留白作用下得以突出。
對標(biāo)題進(jìn)行了強(qiáng)調(diào)。做舊、優(yōu)雅、加粗的字體很有味。
來自日本哲學(xué)的標(biāo)志設(shè)計。雙色主題，看起來整潔、組織分明。
背景略顯繁雜，但是字體卻設(shè)計的能從眾多元素中脫穎而出，霓虹燈般的效果。
富有哲理的標(biāo)語，不拘一格的字體，而Never這個單詞選擇了中空式效果，以讓其更突出。
藝術(shù)風(fēng)格的噴漆字體。具有輕微材質(zhì)感的背景和藍(lán)色水彩字體很好結(jié)合，給人一種完美的感觸。
映入眼簾的絕對是字體。圍繞字體打造的網(wǎng)頁設(shè)計。
背景是亮點(diǎn)一，而字體是亮點(diǎn)二，感覺太純凈優(yōu)雅了！
很熱情的感覺，很復(fù)古的風(fēng)格，很狂亂的背景，很擬物的質(zhì)感，很美麗的字體。各種粗字體結(jié)合，將網(wǎng)站的風(fēng)格最大體現(xiàn)。
強(qiáng)烈的軍事氛圍。暗色背景和深綠色很好的突出了白色粗字體額效果，讓字體顯得精致。
精致、現(xiàn)代的外觀。將多種藍(lán)色色調(diào)完美結(jié)合，而加粗的字體簡約而又大小各不相同，讓人感覺此網(wǎng)頁設(shè)計具有一種精確的掌控力以及簡約的即視感。
Australian Frontline Machinery
粗野、鋒利的粗字體，效果顯著。黑色、布滿劃痕的背景，再進(jìn)行一些做舊處理，從而勾勒出具有力量感的SUV——氛圍打造手段值得借鑒。
融洽的布局。半透明與幾何圖案完美結(jié)合的字體。簡約大方。
顯著的標(biāo)題，強(qiáng)烈的三位質(zhì)感。
單色手繪插畫。相對較粗的字體非常醒目，這是該網(wǎng)站的Logo，比較有愛、比較優(yōu)雅的網(wǎng)頁設(shè)計。
信息圖概念的網(wǎng)頁設(shè)計，網(wǎng)站主要展示各種統(tǒng)計數(shù)據(jù)以及圖標(biāo)。第二子頁面具有風(fēng)格無兩的字體，由一個一個小單詞構(gòu)成字體。
精致、穩(wěn)重的字體，柔暢的線條。模糊的散景背景能夠反襯標(biāo)題。
巧妙利用粗字體強(qiáng)調(diào)標(biāo)題，以讓用戶理解網(wǎng)站的理念。
這是該網(wǎng)站的簡短聲明，標(biāo)題的第一行增加了字重。經(jīng)典的黑白配色，讓文字效果非常突出。
三維體驗(yàn)、蔚為壯觀的背景視覺效果異常流暢。黑色粗字體標(biāo)題卻能從其中脫穎而出。
非常抓眼的設(shè)計，該"美味"選用灰色的樸素背景，以亮黃色和粉色進(jìn)行調(diào)和。扁平化風(fēng)格，極簡主義布局，魅力無窮。
通過對Hello進(jìn)行的字重、大小、陰影處理，起到了很好的強(qiáng)調(diào)作用。非常友好、非常個性化。
字體設(shè)計、單色矢量插畫是該網(wǎng)頁的兩大亮點(diǎn)。設(shè)計師使用粗字體用來吸引用戶的注意。
將手繪的白色字體加粗，與下面纖細(xì)的字體形成強(qiáng)烈對比，一動一靜，一細(xì)一粗，狂野與優(yōu)雅的結(jié)合。
整體風(fēng)格幽默詼諧，左上角的涂鴉風(fēng)格字體非常不拘一格。
兒童風(fēng)格的外觀。精心設(shè)計的字體Logo，老舊風(fēng)格的漸變以及懸掛的繩索，字體風(fēng)格非常粗野，結(jié)合色彩突出的插畫，整體質(zhì)感非常美妙。
結(jié)論
通常設(shè)計師對標(biāo)題、Logo、標(biāo)語、微件的標(biāo)題進(jìn)行字體處理，而本文的一些案例中，設(shè)計師深刻挖掘字體的潛力，讓字體做整個網(wǎng)頁的主導(dǎo)，而效果顯而易見，出乎尋常的優(yōu)秀。
你是怎樣使用字體的？給出你的方法吧！
原文地址：designmodo
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：156982）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計微博：擁有粉絲量55萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論！每天贏獎品
點(diǎn)擊 登錄 后，在評論區(qū)留言，系統(tǒng)會隨機(jī)派送獎品
2012年成立至今，是國內(nèi)備受歡迎的設(shè)計師平臺，提供獎品贊助 聯(lián)系我們
MJ+SD智能設(shè)計
已累計誕生 772 位幸運(yùn)星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓