字母不僅僅是在外貿(mào)網(wǎng)站中使用,在中文網(wǎng)站中,為了增加網(wǎng)站視覺上的靈動(dòng)以及減少網(wǎng)站的單調(diào)性,也會(huì)使用一些字母、單詞和英文句子。
由于需要用到字母,就牽扯到字母字體。當(dāng)設(shè)計(jì)師為網(wǎng)站選擇字母字體的時(shí)候,需要注意那些問題呢?容易犯下那些錯(cuò)誤呢?我們根據(jù)以往大量的
網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn),總結(jié)了五條使用字母字體的時(shí)候應(yīng)該注意的問題。
在闡述這五個(gè)小貼士之前,我們先總結(jié)一下常用的四種字母字體。四種常用字母字體
如上圖示的四種字體分別為襯線字體、無襯線字體、腳本字體和裝飾字體。
襯線字體是指在每個(gè)字母筆畫的末尾都有尾巴的字體,小腳的作用就是裝飾。
無襯線字體字體在每次劃臂結(jié)束時(shí)都沒有尾巴或裝飾物。
腳本字體通常被認(rèn)為是一種更花哨的字體,每一個(gè)字母都與下一個(gè)字母連接。
字體是最多樣化的一組字體,這種風(fēng)格只用于標(biāo)識(shí)和標(biāo)題,多用于手寫文本。網(wǎng)站字母字體使用五個(gè)小貼士小貼士1:是對(duì)比還是競爭?
舉一個(gè)建站的例子。在單頁面設(shè)計(jì)上,如果一篇網(wǎng)站文章的標(biāo)題使用的是襯線字體,那么副標(biāo)題或者內(nèi)容可以使用無襯線字體。這就是對(duì)比和比較,這種搭配會(huì)讓訪客自然分清楚標(biāo)題和內(nèi)容。當(dāng)然,還有一種錯(cuò)誤的示范——標(biāo)題使用裝飾字體,副標(biāo)題使用另一種裝飾字體,兩者形成了競爭關(guān)系,這會(huì)造成訪客視覺混亂。小貼士2:不宜超過三種
根據(jù)我們的研究,如果一個(gè)頁面,或者網(wǎng)站使用四種乃至更多的字體,這會(huì)讓訪客覺得網(wǎng)站不整潔、混亂。所以,一個(gè)頁面使用的字體不應(yīng)該超過兩種,一個(gè)網(wǎng)站使用的字體不應(yīng)該超過三種。也有的網(wǎng)站使用一種字體,不如說蘋果官網(wǎng),通過字體顏色的搭配、粗細(xì)的搭配,也能夠取得很好的視覺效果。小貼士3:使用字體家族
雖然我們羅列了四種基本的字母字體,但是每一種字體都可以演變出幾十種其它的“變形字體”。
在網(wǎng)站設(shè)計(jì)中,一個(gè)網(wǎng)站要選中一種字體,然后盡量使用該基本字體變形出來的字體。以一種字體為基礎(chǔ)而變形出來的字體,就屬于字體家族。小貼士4:注意字體間距
不同字體的間距、大小寫,是有一定的要求和限制的。
例如如果你的網(wǎng)站使用了腳本字體,字母與字母之間是關(guān)聯(lián)的,這類文字的排版,應(yīng)該緊湊,不宜間距過大。
再例如,如果你使用的是無襯線字體,字間距可以相對(duì)大一些,并且可以考慮使用大寫。
小貼士5:避免使用老舊字體和過度設(shè)計(jì)字體
特別是使用裝飾字體的時(shí)候,一些具有年代感的裝飾字體,會(huì)給人以陳舊的觀感。相反,如果使用一些裝飾過多、設(shè)計(jì)多度的字體,會(huì)影響訪客對(duì)單詞意義的理解,造成一些障礙。
本文標(biāo)題:網(wǎng)站設(shè)計(jì)使用字母字體的五個(gè)小貼士
網(wǎng)頁路徑:http://www.rwnh.cn/news/243951.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)