如何設(shè)計(jì)吸引眼球的網(wǎng)站？

時(shí)下一種流行的設(shè)計(jì)方式是在頁(yè)面頂部使用配有簡(jiǎn)潔文字的大幅圖片或者視頻，以此吸引用戶進(jìn)入網(wǎng)站。這種設(shè)計(jì)方式頭疼的就是如何為這些文字選擇合適的字體。

從樣式繁多的字體庫(kù)中找到一個(gè)合適的字體，往往會(huì)讓設(shè)計(jì)師感到舉步維艱。但是我們可以使用一些小技巧，就能找到我們需要的字體。讓我們通過(guò)下面幾個(gè)精彩的案列來(lái)分享這5條建議。

什么是特排字體(Display Type)

在開(kāi)始之前，我們來(lái)了解下什么是特排字體?（如果已知曉請(qǐng)直接跳到建議1）

特排字體通常指是字號(hào)偏大，特別引人注目的文字，通常用于標(biāo)題或需要放大顯示的文字。特排字體并不只是在網(wǎng)頁(yè)設(shè)計(jì)中使用，它源自于印刷設(shè)計(jì)師的一個(gè)術(shù)語(yǔ)。(譯者:更多說(shuō)明參見(jiàn)Display_type In Wiki)

特排字體主要應(yīng)用于以下兩個(gè)方面：

1、用于頁(yè)展示的網(wǎng)站名稱，例如WalkWest（上圖）

2、用于每個(gè)頁(yè)面的大標(biāo)題，或者橫幅頁(yè)頭的標(biāo)題。雖然作為標(biāo)題使用的字體不如頁(yè)名稱的字體那樣巨大醒目，但卻更廣泛的被使用在網(wǎng)站中各個(gè)頁(yè)面上。

1、具備可讀性


為了確保信息傳遞的有效性，特排字體需要有良好的可讀性。這聽(tīng)起來(lái)像是一句廢話，但實(shí)際上你會(huì)發(fā)現(xiàn)很多大標(biāo)題閱讀困難的網(wǎng)站，這是因?yàn)楝F(xiàn)在有太多各式各樣的字體可以選擇。

關(guān)于如何選擇字體，沒(méi)有通用規(guī)則可言。襯線和無(wú)襯線表現(xiàn)能力同樣好，新奇的字體也能表現(xiàn)出理想的效果。

使用足夠大的字體，并有足夠多的留白，同時(shí)和其他的設(shè)計(jì)元素形成鮮明的對(duì)比，這樣文字就能躍然紙上。想象一下，如果這些文字蹦起來(lái)對(duì)用戶尖叫到"READ ME"是怎樣一種感覺(jué)，這正是特排字體需要傳達(dá)出來(lái)的效果。

2、字體和單詞匹配

　　若不是親眼見(jiàn)證，你可能很難理解為什么字體需要匹配單詞。

我是這樣理解的。有些單詞在某種特定的字體下會(huì)顯得很難看。這個(gè)很難去解釋。比如's'在一個(gè)單詞里面出現(xiàn)多次，整個(gè)字形就不太好看。這樣的情況還會(huì)發(fā)生在一些特殊字符上，比如%,$或&?；蛘吣氵x用的字體中I,l,1看起來(lái)是一樣的，而這三個(gè)字符又同時(shí)出現(xiàn)在頁(yè)面上，那么這時(shí)候你得換個(gè)字體了。

文字需要能吸引人的眼球。這些單詞會(huì)讓人產(chǎn)生某種感受，或渾然天成或裝飾過(guò)度。如果你覺(jué)得一些字符的組合比較奇怪，那用戶也會(huì)感覺(jué)到。

3.設(shè)計(jì)更靈活

　　思考一下在你的項(xiàng)目中，你會(huì)怎么使用特排字體。是否使用不同的層次和風(fēng)格來(lái)建立正確的總體方案？你選擇的字體在輔助文字和主標(biāo)題是否都表現(xiàn)出很好的效果？

你需要思考所有可能的使用場(chǎng)景，讓你選擇的字體擁有足夠的靈活度去適應(yīng)不同使用方式。有些字體可以放大到超級(jí)大，用在只有一兩個(gè)單詞的標(biāo)題上，效果是非常棒的，但如果你還想把同樣的字體用在小標(biāo)題或輔助文字上，就比較困難。

如果選擇的字體能適應(yīng)不同的場(chǎng)景，你就能較為輕松的完成設(shè)計(jì)，并且保持設(shè)計(jì)的一致性。如果你的設(shè)計(jì)需要更多的靈活性并且兼顧一致性，那么可以考慮使用一個(gè)字體族。對(duì)于主標(biāo)題使用粗體，次一級(jí)使用細(xì)一點(diǎn)的（也可以考慮用顏色來(lái)區(qū)別）。

特排字體將決定你帶給用戶的印象。它影響用戶是繼續(xù)瀏覽你的網(wǎng)站還是離開(kāi)。

為了能完成這關(guān)鍵的一步，你要確保你的每一個(gè)詞易于閱讀，并配以合適的色調(diào)，同時(shí)避免你的設(shè)計(jì)干擾到用戶，這樣才能取得成功。

本文標(biāo)題：如何設(shè)計(jì)吸引眼球的網(wǎng)站？
URL鏈接：http://www.muchs.cn/news45/211845.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、動(dòng)態(tài)網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、面包屑導(dǎo)航

廣告

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