国产免费人成视频在线观看,老司机福利导航,韩国午夜理伦三级在线观看中文版,美激产A欧人在裸网区久人观

關(guān)閉
當前位置:首頁 >> 資訊 >> 建站答疑

網(wǎng)頁設(shè)計*基本的字體排版規(guī)則

來源:無錫網(wǎng)站建設(shè)阿凡達 瀏覽次數(shù):350 發(fā)表日期:2023-06-20

不是所有的網(wǎng)頁設(shè)計都會那么給力,在開始動手之前一定要看好,網(wǎng)頁設(shè)計要符合基本的規(guī)則才能在此基礎(chǔ)上做到創(chuàng)新,好的網(wǎng)頁設(shè)計基本的設(shè)計規(guī)則不能亂,比如說,網(wǎng)頁設(shè)計中自己排版設(shè)計就很重要。

網(wǎng)頁設(shè)計規(guī)范是每個網(wǎng)頁設(shè)計師從業(yè)時必須要遵守的行為準則,具體如下:

1、字體的選擇

對于大多數(shù)中國人來說,見過*多的字體應(yīng)該就是黑體和宋體了,這兩種字體是設(shè)計的基礎(chǔ)字體,應(yīng)用在生活的各個場景中。

宋體:源于書法體,主要特點是橫細豎粗,筆畫末端帶有三角狀裝飾,字形端莊有力,常運用在文章正文當中。

黑體:字的主要特點是橫豎均勻,筆畫相對宋體較為粗壯,常用作文章標題,突出而醒目。

那么,我們會發(fā)現(xiàn),很多時候網(wǎng)頁設(shè)計師會選擇微軟雅黑體來代替宋體呢?原因是宋體是一款襯線字體,受到Windows平臺字體渲染技術(shù)的限制,在小字號字體渲染方面表現(xiàn)略差,部分字號在顯示時會產(chǎn)生鋸齒、模糊等效果。而微軟雅黑這款非襯線字體,筆畫豐滿、簡潔,常用字號的顯示效果相比宋體更為優(yōu)秀,同時識別度更高。因此,從Vista時代起,微軟雅黑體就作為Windows的系統(tǒng)默認字體沿用至今。

在網(wǎng)頁設(shè)計中,為了保證有較好的顯示效果,主要標題的字體建議使用微軟雅黑體,次要標題可選用宋體。

文章的正文可選用宋體,也可使用微軟雅黑體。

此外,如果網(wǎng)頁設(shè)計中遇到需要展示英文字符的情況,建議選擇Arial、Verdana和Tahoma這幾種系統(tǒng)默認字體。

2、字號使用規(guī)范

在網(wǎng)頁設(shè)計中,一般選擇使用雙數(shù)字號,字號的大小并沒有明確規(guī)定,但為了確保正常的閱讀效果,可以參考以下參數(shù):

在網(wǎng)頁設(shè)計中*小的字號一般為12像素;正文常見字號有12像素、14像素和16像素;標題常見字號有18像素、20像素、26像素和30像素。

這里需要注意的是,由于顯示器分辨率的不斷提高,12像素的字號在大分辨率顯示器中會顯得較小,對用戶閱讀造成一定的困難。因此,在目前的網(wǎng)頁設(shè)計中很少使用12像素的字號,網(wǎng)站常規(guī)正文字號普遍使用的是14像素或16像素。

一般宋體和微軟雅黑字體均可以作為網(wǎng)頁設(shè)計的常用字體。但在目前的網(wǎng)頁設(shè)計中我們會發(fā)現(xiàn),網(wǎng)頁中基本都以微軟雅黑字體為主,而宋體已不多見。具體來說,微軟雅黑體相比宋體而言,少了一些裝飾性,同樣字號,微軟雅黑體在視覺上更顯粗壯有力,且辨識度更高,尤其是小字號的顯示效果,微軟雅黑體的視覺感會更為清晰與明朗。

3、段落、行間距規(guī)范

在網(wǎng)頁設(shè)計中,文字排版的要點分為兩個方面,即段落和行間距。段落中“行長”與“對齊方式”的設(shè)置。

行長:通常情況下,行越長,行間距越大,否則用戶在閱讀時很容易串行。在網(wǎng)頁正文中,漢字一般以每行顯示30~40個字為宜,英文一般以每行顯示40~70個字母為宜。

段落:對齊方式主要有4種,包括左對齊、右對齊、居中對齊和兩端對齊。

段落對齊方式:在國內(nèi),大段文字的設(shè)計,多數(shù)設(shè)計師會根據(jù)中國用戶的閱讀習(xí)慣,將對齊方式設(shè)置為左對齊。

行間距作為段落中的留白,讓字與字之間有了可呼吸的空間。過小的行間距會使頁面變得擁擠不堪,增加用戶錯讀的可能性。而過大的行間距則會占用大量的頁面空間,缺乏美感。選擇適當?shù)男虚g距不僅可以提升文字的易讀性,也可以*大限度地利用好頁面空間。

傳統(tǒng)中文文檔默認行間距一般為1.5倍,在現(xiàn)階段的網(wǎng)頁設(shè)計中,漢字一般使用1.8~2倍的行間距。英文段落一般選擇1.5倍行間距。

4、網(wǎng)頁設(shè)計的標注規(guī)范

在設(shè)計的日常工作中,設(shè)計師與前端開發(fā)人員的對接關(guān)系往往非常緊密,而設(shè)計圖的標準化標注可以提高前端開發(fā)人員的工作效率。

效果圖的標注一般包括以下3個部分:

1)頁面中控件的顏色、尺寸、交互效果(如按鈕、表單等)。

2)字體顏色、字號。

3)頁面中各個模塊的尺寸和間距。

在效果圖標注中,應(yīng)特別注意以下4個問題:

1)文字清晰易讀。

2)使用的顏色應(yīng)與背景色區(qū)分。

3)盡量在空白區(qū)域,不要對原圖造成視覺干擾。

4)信息應(yīng)條理清楚,同一模塊的標注應(yīng)擺放在同一位置,適當留有間隙,方便開發(fā)人員閱讀。


聲明:本站部分內(nèi)容及圖片來自互聯(lián)網(wǎng),轉(zhuǎn)載是出于傳遞更多信息之目的,內(nèi)容觀點僅代表作者本人,如有任何標注錯誤或版權(quán)侵犯請與我們聯(lián)系(Email:2242241319@qq.com),我們將及時更正、刪除,謝謝。

技術(shù)熱線

400-189-1319

添加微信

吉安市| 乌什县| 涟源市| 抚宁县| 柳江县| 武安市| 旬阳县| 苏尼特左旗| 松潘县| 宁明县| 新宁县| 鲁山县| 南陵县| 福建省| 桐庐县| 门源| 中山市| 郎溪县| 噶尔县| 上犹县| 江源县| 西青区| 都江堰市| 丰县| 察隅县| 大安市| 南康市| 西安市| 财经| 舞阳县| 保靖县| 连平县| 门源| 西和县| 柞水县| 长海县| 鹿泉市| 吉木乃县| 五峰| 黔西县| 龙海市|