• <delect id="iaikm"></delect>
  • <ul id="iaikm"></ul>
  • <dfn id="iaikm"><noscript id="iaikm"></noscript></dfn>
    <center id="iaikm"></center>




  • 網(wǎng)站設計字體如何選擇?

    2019/03/22 65

    網(wǎng)站設計中除了圖片的展示之外,還有一個最重要的部分——字體。字體的作用除了是注釋說明、內(nèi)容介紹,另外還承擔了裝飾頁面、撐起頁面空間的效果。字體的美觀與否、可讀性、舒適性,直接影響了網(wǎng)站的風格氣質(zhì),影響了用戶對于網(wǎng)頁的評價。所以,選擇一個合適的字體,顯得尤為重要。

    天津小程序開發(fā),天津小程序制作,天津微商城開發(fā),電商網(wǎng)站建設,網(wǎng)上商城系統(tǒng),天津網(wǎng)站設計

    字體的美觀與否、可讀性、舒適性,直接影響了網(wǎng)站的風格氣質(zhì)

    一、字體基本知識

    字體:文字的外在形式和特征,是字體藝術和文化的外在體現(xiàn)。不同的字體有其性格、氣質(zhì),影響著網(wǎng)頁的頁面風格。

    字體的類型:襯線體、無襯線體、書法體(手寫體)

    天津小程序開發(fā),天津小程序制作,天津微商城開發(fā),電商網(wǎng)站建設,網(wǎng)上商城系統(tǒng),天津網(wǎng)站設計


    襯線體筆畫開頭和末尾有裝飾性的部分,所以筆畫的粗細略微不同。襯線體一般給人比較優(yōu)雅、精致,易讀性較高,一般運用于傳統(tǒng)印刷的正文中。

    無襯線體是相對于襯線體而言,去掉了筆畫部分的裝飾,筆畫粗細基本一致。無襯線體一般給人時尚、利落、輕松、大方的感覺。一般運用于標題或者較短文字部分。由于在網(wǎng)頁中,無襯線體也能保證良好的可讀性和賞心悅目,且更加簡約,網(wǎng)頁頁面顯示一般都選用無襯線體。

    書法體(手寫體)的字形都有不同的形式和區(qū)別,傳統(tǒng)書法體有行書、草書、隸書、篆書和楷書五種。藝術性比較強,一般可用于裝飾或風格比較強的頁面展示。

    字號:字體的大小(英文是占一個字符寬度、中文是占兩個字符寬度),所以這里字體大小指的是高度。

    字重:一種字體下不同筆畫粗細的字形。一般情況下,為了頁面良好的視覺效果,會給字體實際運用的標題、正文、注釋等給與不同的字重考慮。

    行高:行高是字號及上下肉眼不可見的部分,但卻影響著字體的韻律與秩序。如果了解前端代碼的同學都知道,通過對行高(line-height)的控制,可以調(diào)整字體的位置和行間距。

    字間距:字體之間的間隔的距離,控制著字體的可讀性與協(xié)調(diào)性。

    行間距:行與行的距離,是一段文本的負空間(留白)部分,行間距影響著的文本的易讀性和美觀,需要讓文本具有"呼吸感"。一般行間距設置在行高的一倍到兩倍之間。

    段間距:字面意思,段與段的距離,是段落文本的負空間(留白)部分,段間距影響著的文本的易讀性,一般只要保證可讀性和美觀即可,最簡單的做法可以空一行。

    二、字體的選擇

    根據(jù)以上的字體基本知識,我們可以考慮不同情境下網(wǎng)頁字體的選擇。

    1、 規(guī)范化:字體在選擇時避免選擇太多套字體,造成混亂,閱讀識別的時間增加。另外,同一套字體,應用在標題、正文、導航、說明等類別時,應該有協(xié)調(diào)的的字號或字重,確保層級的識別性。

    2、 不同操作系統(tǒng)的下推薦字體:

    中文:Windows——微軟雅黑、Mac——蘋方

    英文:Windows——Helvetica/Arial、Mac——Helvetica Neue

    文末小結

    網(wǎng)頁中字體的選擇,只要遵從基本的規(guī)則,確??勺R別性和易讀性,沒有非常難的地方。設計中設計師最基本的是要適應規(guī)則,之后再去打破規(guī)則。打破規(guī)則的前提是自己較高的審美水平下,獨特的風格展現(xiàn)。


    97一区人妻精品,99久久久国产精品无码,亚洲中文在线视频,国产精品无码久久AⅤ
  • <delect id="iaikm"></delect>
  • <ul id="iaikm"></ul>
  • <dfn id="iaikm"><noscript id="iaikm"></noscript></dfn>
    <center id="iaikm"></center>