2023-03-26 分類: 網(wǎng)站建設(shè)
網(wǎng)站設(shè)計(jì)中除了圖片的展示之外,還有一個(gè)最重要的部分——字體。字體的作用除了是注釋說(shuō)明、內(nèi)容介紹,另外還承擔(dān)了裝飾頁(yè)面、撐起頁(yè)面空間的效果。字體的美觀與否、可讀性、舒適性,直接影響了網(wǎng)站的風(fēng)格氣質(zhì),影響了用戶對(duì)于網(wǎng)頁(yè)的評(píng)價(jià)。所以,選擇一個(gè)合適的字體,顯得尤為重要。
小程序開(kāi)發(fā),成都小程序制作,成都微商城開(kāi)發(fā),電商網(wǎng)站建設(shè),網(wǎng)上商城系統(tǒng),成都網(wǎng)站設(shè)計(jì)"/>
字體的美觀與否、可讀性、舒適性,直接影響了網(wǎng)站的風(fēng)格氣質(zhì)
一、字體基本知識(shí)
字體:文字的外在形式和特征,是字體藝術(shù)和文化的外在體現(xiàn)。不同的字體有其性格、氣質(zhì),影響著網(wǎng)頁(yè)的頁(yè)面風(fēng)格。
字體的類型:襯線體、無(wú)襯線體、書法體(手寫體)
成都小程序開(kāi)發(fā),成都小程序制作,成都微商城開(kāi)發(fā),電商網(wǎng)站建設(shè),網(wǎng)上商城系統(tǒng),成都網(wǎng)站設(shè)計(jì)"/>
襯線體筆畫開(kāi)頭和末尾有裝飾性的部分,所以筆畫的粗細(xì)略微不同。襯線體一般給人比較優(yōu)雅、精致,易讀性較高,一般運(yùn)用于傳統(tǒng)印刷的正文中。
無(wú)襯線體是相對(duì)于襯線體而言,去掉了筆畫部分的裝飾,筆畫粗細(xì)基本一致。無(wú)襯線體一般給人時(shí)尚、利落、輕松、大方的感覺(jué)。一般運(yùn)用于標(biāo)題或者較短文字部分。由于在網(wǎng)頁(yè)中,無(wú)襯線體也能保證良好的可讀性和賞心悅目,且更加簡(jiǎn)約,網(wǎng)頁(yè)頁(yè)面顯示一般都選用無(wú)襯線體。
書法體(手寫體)的字形都有不同的形式和區(qū)別,傳統(tǒng)書法體有行書、草書、隸書、篆書和楷書五種。藝術(shù)性比較強(qiáng),一般可用于裝飾或風(fēng)格比較強(qiáng)的頁(yè)面展示。
字號(hào):字體的大小(英文是占一個(gè)字符寬度、中文是占兩個(gè)字符寬度),所以這里字體大小指的是高度。
字重:一種字體下不同筆畫粗細(xì)的字形。一般情況下,為了頁(yè)面良好的視覺(jué)效果,會(huì)給字體實(shí)際運(yùn)用的標(biāo)題、正文、注釋等給與不同的字重考慮。
行高:行高是字號(hào)及上下肉眼不可見(jiàn)的部分,但卻影響著字體的韻律與秩序。如果了解前端代碼的同學(xué)都知道,通過(guò)對(duì)行高(line-height)的控制,可以調(diào)整字體的位置和行間距。
字間距:字體之間的間隔的距離,控制著字體的可讀性與協(xié)調(diào)性。
行間距:行與行的距離,是一段文本的負(fù)空間(留白)部分,行間距影響著的文本的易讀性和美觀,需要讓文本具有"呼吸感"。一般行間距設(shè)置在行高的一倍到兩倍之間。
段間距:字面意思,段與段的距離,是段落文本的負(fù)空間(留白)部分,段間距影響著的文本的易讀性,一般只要保證可讀性和美觀即可,最簡(jiǎn)單的做法可以空一行。
二、字體的選擇
根據(jù)以上的字體基本知識(shí),我們可以考慮不同情境下網(wǎng)頁(yè)字體的選擇。
1、 規(guī)范化:字體在選擇時(shí)避免選擇太多套字體,造成混亂,閱讀識(shí)別的時(shí)間增加。另外,同一套字體,應(yīng)用在標(biāo)題、正文、導(dǎo)航、說(shuō)明等類別時(shí),應(yīng)該有協(xié)調(diào)的的字號(hào)或字重,確保層級(jí)的識(shí)別性。
2、 不同操作系統(tǒng)的下推薦字體:
中文:Windows——微軟雅黑、Mac——蘋方
英文:Windows——Helvetica/Arial、Mac——Helvetica Neue
文末小結(jié)
網(wǎng)頁(yè)中字體的選擇,只要遵從基本的規(guī)則,確??勺R(shí)別性和易讀性,沒(méi)有非常難的地方。設(shè)計(jì)中設(shè)計(jì)師最基本的是要適應(yīng)規(guī)則,之后再去打破規(guī)則。打破規(guī)則的前提是自己較高的審美水平下,獨(dú)特的風(fēng)格展現(xiàn)。
當(dāng)前題目:網(wǎng)站設(shè)計(jì)字體如何選擇?
文章來(lái)源:http://www.rwnh.cn/news20/247920.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、Google、電子商務(wù)、搜索引擎優(yōu)化、網(wǎng)站維護(hù)、網(wǎng)站制作
聲明:本網(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)
猜你還喜歡下面的內(nèi)容