字體是網(wǎng)站視覺設(shè)計的重要內(nèi)容。以恰當(dāng)?shù)淖煮w呈現(xiàn)內(nèi)容,不僅可以在視覺上更美觀,而且還能更突出內(nèi)容。在考慮網(wǎng)站字體的時候,有一個問題需要思索——如何將多種字體放在一起使用,即,網(wǎng)站字體如何搭配?
方維網(wǎng)站建設(shè)(m.oulysa.com)提煉了五條網(wǎng)站字體搭配的法則,提供給網(wǎng)頁設(shè)計師以及建站客戶參考。
字體的對比性
在配對字體時,你要對比和補充,但絕不要沖突。這意味著將不同的字體和諧地組合在一起,同時又不搶風(fēng)頭。
經(jīng)??吹降囊粋€經(jīng)典的配對是無襯線字體和襯線字體。標(biāo)題使用無襯線字體,正文使用襯線字體,這種情況并不少見。這種配對之所以有效,是因為它們有強烈的對比。
襯線字體看起來有點過時和傳統(tǒng),它們的筆畫在字母的邊緣。相比之下,無襯線字體則是線條清晰的現(xiàn)代字體。
如果使用得當(dāng),風(fēng)格迥異的對比色字體可以突出彼此的優(yōu)點,創(chuàng)造出豐富的視覺多樣性。
如果字體太相似,通常會產(chǎn)生沖突。例如,只有細(xì)微差別的兩種無襯線字體。
同風(fēng)格字體
在網(wǎng)站上最好使用風(fēng)格一樣或者近似的字體。同種風(fēng)格的字體也稱之為字體家族。
例如微軟字體,例如微軟字體,就包括細(xì)黑、粗黑、華文細(xì)黑、雅黑、宋體等等。這都屬于同一個“家族字體”。
建立層次結(jié)構(gòu)
為字體設(shè)置清晰一致的層次結(jié)構(gòu)非常重要。這意味著一種字體會比另一種更突出。
最簡單的方法是改變字體的大小、重量甚至顏色。例如,標(biāo)題使用45像素的Montserrat字體,正文使用16像素的Courier字體。
重要的是要始終如一地使用字體大小,以便讀者能夠快速地將標(biāo)題或子標(biāo)題與正文區(qū)分開來。
考慮字體的“情感”
在投入并選擇你喜歡的兩種字體之前,考慮一下你的項目的“情緒”以及你想要達(dá)到的整體外觀和感覺。
如果你正在為婚禮攝影師設(shè)計一個網(wǎng)站,花哨的字體會很有用。但如果你是為保險公司或律師事務(wù)所創(chuàng)建網(wǎng)站,你會希望看到字體強大,給人一種更可靠的感覺。
字體的顏色
我們認(rèn)為,在設(shè)計中,應(yīng)該盡量避免同一種字體使用過多的顏色,同時,也應(yīng)該避免,給每一種字體使用一種顏色,這會視覺上的閱讀困難,會讓人眼花繚亂。
字體的搭配應(yīng)該遵循網(wǎng)站配色的搭配框架,一個網(wǎng)站使用的字體顏色不應(yīng)該超過五種以上。
配對字體可能是一個挑戰(zhàn),但如果你遵循這篇文章中的提示,你應(yīng)該不會有任何問題,并且創(chuàng)造驚人的組合。
如果你發(fā)現(xiàn)自己在開始一個新的設(shè)計項目時陷入了困境,需要更多的靈感,不妨去看看字體組合以及其它設(shè)計案例,可以讓字體搭配和設(shè)計更具創(chuàng)意。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://m.oulysa.com/news/5431.html