網(wǎng)頁設(shè)計(jì)中混合多個(gè)字體的7條規(guī)則
排版可能是網(wǎng)頁設(shè)計(jì)中最富創(chuàng)意的部分之一,但它也可能是最令人沮喪的部分之一。使用一個(gè)或兩個(gè)字體對(duì)大多數(shù)Web設(shè)計(jì)者來說都是具有挑戰(zhàn)性的,但有些人仍然堅(jiān)持在設(shè)計(jì)中使用三、四、七甚至更多字體。有些人擅長(zhǎng)用復(fù)雜的版式創(chuàng)造網(wǎng)站,而有些人則失敗得很慘。繼續(xù)閱讀,找出創(chuàng)造復(fù)雜類型的奇妙網(wǎng)站設(shè)計(jì)的技巧,以及一些正確的網(wǎng)站的例子,以及那些錯(cuò)誤的網(wǎng)站。
1。要注意尺度和比例。
多種字體的最佳工作在一起的時(shí)候,他們也有類似的比例與尺度。例如,格魯吉亞和Verdana有相似的形狀,即使是襯線和無襯線字體是。同樣可以說,Times New Roman和Arial Narrow。查看每個(gè)字體中的特定字符,看看它們有多相似,以及整個(gè)單詞。
字體不一定要在規(guī)模和比例是相同的。你想要尋找的是非常非常相似的字體,或者非常不同的字體。字體“一樣”通??雌饋砗芷婀?,當(dāng)放置在彼此附近。在大多數(shù)情況下,非常相似的字體在屏幕上看起來是相同的,而字體非常不同的字體可以更容易地相互作用,以強(qiáng)調(diào)站點(diǎn)的特定部分。
2。字體的顏色和風(fēng)格統(tǒng)一。
如果你在你的網(wǎng)站上拋出六種不同的字體,有十種不同的顏色和四種不同的風(fēng)格,你可能會(huì)讓你的訪問者頭痛(如果他們堅(jiān)持這么長(zhǎng)時(shí)間)。雖然你不必只使用一種顏色或一種風(fēng)格,你需要更加小心你如何使用它們。
至于顏色去,盡量堅(jiān)持在同一色調(diào)或飽和度水平的顏色。你想要的顏色,網(wǎng)格,而不是沖突。
您有更多的余地與字體樣式,但要確保您選擇的風(fēng)格與現(xiàn)有的重量和重點(diǎn),你選擇的特定字體有意義。你可以做一個(gè)較重的字體斜(斜體),以減輕它的重量有點(diǎn),或添加一個(gè)強(qiáng)大的標(biāo)簽,以較輕的重量字體,使其更重的字體在您的網(wǎng)頁。下劃線可以強(qiáng)調(diào)輕量字體和重字體,而不會(huì)使它們看起來比現(xiàn)在重。
3.注意優(yōu)先和重點(diǎn)不同的字體。
這一點(diǎn)已經(jīng)被提到了一點(diǎn),但是必須考慮到不同字體的優(yōu)先順序和重點(diǎn)。有些字體要比別人更多的關(guān)注。這是一個(gè)原因,使用多種字體是非常有趣的,很難得到正確的。
你可以彌補(bǔ)較重或較輕在幾方面的字體。增加或減少的大小是最明顯的。添加樣式和字體裝飾(斜,強(qiáng),下劃線等)也可以強(qiáng)調(diào),甚至有助于減輕大多數(shù)字體。
改變字體的顏色可以幫助,太。如果你的字體大多是黑色的,加上灰色的色調(diào)來強(qiáng)調(diào)某些部分可以很好地工作。事實(shí)上,如果你的設(shè)計(jì)更豐富多彩(把東西統(tǒng)一起來,確?;疑徊贿^是你其他字體中的一個(gè)主要顏色的暗示),那么把灰色的某些類型放進(jìn)去就可以了。
4。避免任何過于相似的事情。
相似的字體很復(fù)雜。使用類似格魯吉亞和Garamond靠近對(duì)方,例如,并不多,最終能做出一個(gè)或兩個(gè)字體看起來有點(diǎn)。很多非設(shè)計(jì)師的人可能并不真的看到字體之間的差異,認(rèn)為他們只是看起來奇怪,不太正確。同樣可以說,像Verdana和Tahoma字體或Arial和Helvetica。嘗試一點(diǎn)變化的最好的歸宿。
5。保持正文可讀性。
雖然玩時(shí)髦的排版在導(dǎo)航、頁眉和網(wǎng)站的其他部分都能起到很好的作用,但大塊的正文復(fù)制并不能很好地與多種字體相配合。堅(jiān)持,最好的網(wǎng)站。選擇一個(gè)易于閱讀和網(wǎng)絡(luò)安全的字體,同時(shí)與你站點(diǎn)上其他字體的比例和重量相似。
6。不要忽略不同的字體樣式。
我們已經(jīng)談到了如何使用不同的風(fēng)格和字體的裝飾可以改變優(yōu)先級(jí)和不同印刷元素的重要性。但許多設(shè)計(jì)師忽略的一點(diǎn)是,使用多種樣式、大小和裝飾來實(shí)現(xiàn)混合字體的外觀,同時(shí)仍然完全使用Web安全字體。這種技術(shù)對(duì)于那些剛剛開始嘗試網(wǎng)頁排版的設(shè)計(jì)師來說也是很好的,因?yàn)樗嗽S多不同字體之間比例和比例的常見問題?;旌闲斌w,粗體,小帽子,所有的帽子和其他樣式相同的字體,以獲得混合字體的外觀,沒有頭痛。
7。相信你的直覺。
這可能是這個(gè)名單上最重要的事。當(dāng)你設(shè)計(jì)任何東西時(shí),你一定要從它身上退一步,看一看大局。如果事情看起來不正確或感覺給你的權(quán)利,把它。
它的文字沒有什么不同。如果某個(gè)字體看起來不起作用,你就得剪一些東西。在這種情況下,你有兩種選擇:你可以剪切那個(gè)字體,找到另一種效果更好的字體,或者你可以扔掉所有其他字體,找到那些與你遇到麻煩的字體更好的字體。你做什么取決于你更重視字體。
大字體的例子
這是一個(gè)收集的網(wǎng)站,使用多種字體真的很好。大多數(shù)使用三和五的字體之間,有時(shí)真的有創(chuàng)意的方式(至少有一種情況下,在標(biāo)題里是一個(gè)比基本的網(wǎng)站上的一切不同的字體)。