畫龍點(diǎn)睛！網(wǎng)頁首屏的標(biāo)題文字設(shè)計(jì)

標(biāo)題選用細(xì)字體好還是粗字體好呢？今天我們就來為您揭秘其中奧妙：）
不知大家有沒有看過這篇文章，《網(wǎng)頁設(shè)計(jì)新招：采用大膽奔放的字體》。不過呢，這只是眾多網(wǎng)頁設(shè)計(jì)案例中的一小部分，雖然比較大膽奔放的字體能夠成功的營(yíng)造視覺焦點(diǎn)，但是有時(shí)候，太過粗獷的字體會(huì)破壞整體的和諧，因此，我們有必要使用一些纖細(xì)、精致、優(yōu)雅的字體。類似我們之前推薦過的《25個(gè)最新的免費(fèi)時(shí)尚字體》。

跟粗字體一樣，細(xì)字體的使用也是有條件的，需要設(shè)計(jì)師具有良好地審時(shí)度勢(shì)的能力。
其一，使用細(xì)字體時(shí)，要注意保持字體與背景的對(duì)照關(guān)系，以保證可讀性和清晰性。
其二，使用細(xì)字體時(shí)，要合理調(diào)整字體大小，太小的字體不引人注目，大一點(diǎn)的字體更容易閱讀。
其三，還要考慮到不同字體之間的互相作用，以求達(dá)成較好的視覺效果，保持一致性。

當(dāng)然，本文不局限于細(xì)字體，還包括一些粗字體標(biāo)題，結(jié)合了一些標(biāo)題精美的網(wǎng)頁設(shè)計(jì)一起推薦給大家。

All-N-1 House of Beauty

有型而又精致的標(biāo)題，流行味十足的背景，字體纖細(xì)整潔。

Praline is an illustration-driven

可愛的兒童風(fēng)格，水彩背景，棕色的整體色調(diào)。怎能少的了具有精美字體的標(biāo)題調(diào)配？

Arte Charpentier Architectes

開放、現(xiàn)代感的背景圖，極簡(jiǎn)風(fēng)格的標(biāo)題，設(shè)計(jì)美感自然而然便形成了。

Portland Design Studio

超細(xì)字體的標(biāo)題，不容忽視的精細(xì)感。

Kamila Nyvltova

半透明中央?yún)^(qū)域中的纖細(xì)襯線標(biāo)題很突出、很醒目、很整潔也很簡(jiǎn)約。

Carlos Molina

建立了一種日常生活氛圍，高雜色的灰度圖像背景與白色的標(biāo)題很好的結(jié)合。

People Rise

富有活力的圖像，怎能少的了漫畫手繪風(fēng)纖細(xì)標(biāo)題的配合？

Al Taglio

精致、手繪風(fēng)格的標(biāo)題，細(xì)膩精致的圖像。此款網(wǎng)站的一致性很好，子頁面也采用了相同的字體。

Black Raccoon

嚴(yán)肅的氛圍、深色的自然背景，標(biāo)題字體選用的很恰當(dāng)。

Handsome

選用的字體很適合網(wǎng)頁風(fēng)格，細(xì)字體的標(biāo)題為網(wǎng)站加入了一種商業(yè)、嚴(yán)肅的氣質(zhì)。

Staring is Caring

優(yōu)雅、現(xiàn)代的標(biāo)題，干凈整潔的整體外觀。

Pitango Bikes

簡(jiǎn)潔、粗獷，整體的感覺非同尋常，純色背景中的一抹藍(lán)色(標(biāo)題)非常突出，同時(shí)不失整潔。

Skoda Octavia

很有技巧的將標(biāo)題進(jìn)行突出，讓標(biāo)題更顯著、更奔放，其余的字體纖細(xì)而又優(yōu)雅。

Deni Cler

采用了極簡(jiǎn)主義設(shè)計(jì)，結(jié)合柔和流暢的標(biāo)題字體讓整體感覺光輝動(dòng)人，大量的留白區(qū)域增強(qiáng)了設(shè)計(jì)的空間感和整潔感。

Kualoa Field School

美麗的風(fēng)景畫，字體流暢的標(biāo)題，毫無違和感。

Andreas Fransson

蔚為壯觀的冬日滑雪背景，與透明、突出的細(xì)字體標(biāo)題完美結(jié)合。

Fade or eddy

非常的抓眼，讓你忍不住停下來瀏覽一番，精美的細(xì)字標(biāo)題讓人讀起來很舒服。

Capitol Couture

打造了一種藝術(shù)氣質(zhì)，不規(guī)則的背景和有型的襯線字體標(biāo)題。整體具有藝術(shù)的實(shí)驗(yàn)氣息。

Hypnotic

映入眼簾的便是超大的纖細(xì)字體標(biāo)題，從內(nèi)容中脫穎而出。

Elletra

航海風(fēng)格。標(biāo)題字體是一大亮點(diǎn)，有力、格調(diào)甚高。

Quechua

多種纖細(xì)的字體居于頁面的中心，非常融洽的相結(jié)合。

Lexus

標(biāo)題字體運(yùn)用的簡(jiǎn)單、高效。背景圖像優(yōu)雅、精確，將汽車打造成奢侈品。

MinaSeyahi

是一個(gè)和內(nèi)景裝飾相關(guān)的網(wǎng)站，非常的有樣。背景圖非常的奢華，而純色框中的標(biāo)題亦非常精致。

Emploi

營(yíng)造了一種春意盎然的氛圍，標(biāo)題利用多姿多彩的字體打造了一種精確、端莊的風(fēng)格。

Energy Drink

背景圖很酷，同時(shí)標(biāo)題使用了傳統(tǒng)的白色無襯線字體，凝聚了產(chǎn)品理念，起到了視覺焦點(diǎn)的作用。

Wetwilly

有滋有味、一反傳統(tǒng)，細(xì)膩的背景照片，以及纖細(xì)的標(biāo)題。

Ford Kuga

先進(jìn)、獨(dú)一無二的風(fēng)格。整潔、精致的字體，讓圖像的視覺感多樣化。

Quinn Architects

雙色、三維渲染風(fēng)格的背景，扁平、常規(guī)的無襯線字體標(biāo)題，很好的揭示了網(wǎng)站的理念：有序。

結(jié)論

在標(biāo)題的字體選擇中，毫無疑問，并不是每個(gè)人都喜歡細(xì)字體。但是它能夠添加一種優(yōu)雅精致的設(shè)計(jì)感。粗字體與細(xì)字體結(jié)合，能夠很好的起到互相襯托作用。同時(shí)，細(xì)字體還能讓你的作品擁有一種極簡(jiǎn)主義風(fēng)味，值得一試。

原文地址: designmodo
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
轉(zhuǎn)摘請(qǐng)注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請(qǐng)國(guó)內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：156982）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量56萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：