2015-02-22 分類: 網(wǎng)站建設(shè)
此外,如果網(wǎng)頁設(shè)計中遇到需要展示英文字符的情況,建議選擇Arial、Verdana和Tahoma這幾種系統(tǒng)默認(rèn)字體。
2、字號使用規(guī)范在網(wǎng)頁設(shè)計中,一般選擇使用雙數(shù)字號,字號的大小并沒有明確規(guī)定,但為了確保正常的閱讀效果,可以參考以下參數(shù):? 在網(wǎng)頁設(shè)計中最小的字號一般為12像素;? 正文常見字號有12像素、14像素和16像素;? 標(biāo)題常見字號有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)頁中基本都以微軟雅黑字體為主,而宋體已不多見。具體來說,微軟雅黑體相比宋體而言,少了一些裝飾性,同樣字號,微軟雅黑體在視覺上更顯粗壯有力,且辨識度更高,尤其是小字號的顯示效果,微軟雅黑體的視覺感會更為清晰與明朗。網(wǎng)頁標(biāo)題如何設(shè)計看起來會比較舒服?答案是字體清晰疏闊,字號醒目易讀即可。? 例如,網(wǎng)易新聞的標(biāo)題樣式一般設(shè)置為微軟雅黑體字體,36像素的字號。微軟雅黑字體,字號36px? 騰訊新聞的標(biāo)題樣式一般設(shè)置為微軟雅黑體字體,26像素的字號。微軟雅黑字體,字號26px3、段落、行間距規(guī)范閱讀是用戶在網(wǎng)站上獲取信息的重要方式,閱讀體驗的好壞直接關(guān)系到用戶對產(chǎn)品的印象,作為信息展示的主體,漂亮的文字排版和巧妙的留白都能為整個網(wǎng)頁增色不少。在網(wǎng)頁設(shè)計中,文字排版的要點分為兩個方面,即段落和行間距。? 段落中“行長”與“對齊方式”的設(shè)置行長:主要指段落文字的寬度。通常情況下,行越長,行間距越大,否則用戶在閱讀時很容易串行。在網(wǎng)頁正文中,漢字一般以每行顯示30~40個字為宜,英文一般以每行顯示40~70個字母為宜。段落:對齊方式主要有4種,包括左對齊、右對齊、居中對齊和兩端對齊。段落對齊方式在國內(nèi),大段文字的設(shè)計,多數(shù)設(shè)計師會根據(jù)中國用戶的閱讀習(xí)慣,將對齊方式設(shè)置為左對齊。? 段落中“行間距”的設(shè)置行間距:指段落中行與行之間的距離。行間距作為段落中的留白,讓字與字之間有了可呼吸的空間。過小的行間距會使頁面變得擁擠不堪,增加用戶錯讀的可能性。而過大的行間距則會占用大量的頁面空間,缺乏美感。選擇適當(dāng)?shù)男虚g距不僅可以提升文字的易讀性,也可以大限度地利用好頁面空間。行間距的設(shè)置傳統(tǒng)中文文檔默認(rèn)行間距一般為1.5倍,在現(xiàn)階段的網(wǎng)頁設(shè)計中,漢字一般使用1.8~2倍的行間距。英文段落一般選擇1.5倍行間距。網(wǎng)頁設(shè)計的標(biāo)注規(guī)范在設(shè)計的日常工作中,設(shè)計師與前端開發(fā)人員的對接關(guān)系往往非常緊密,而設(shè)計圖的標(biāo)準(zhǔn)化標(biāo)注可以提高前端開發(fā)人員的工作效率。效果圖的標(biāo)注一般包括以下3個部分:☉ 頁面中控件的顏色、尺寸、交互效果(如按鈕、表單等)。☉ 字體顏色、字號。☉ 頁面中各個模塊的尺寸和間距。在效果圖標(biāo)注中,應(yīng)特別注意以下4個問題:☉ 保證標(biāo)注的文字清晰易讀。☉ 標(biāo)注所使用的顏色應(yīng)與背景色區(qū)分。☉ 標(biāo)注應(yīng)盡量在空白區(qū)域,不要對原圖造成視覺干擾。☉ 標(biāo)注信息應(yīng)條理清楚,同一模塊的標(biāo)注應(yīng)擺放在同一位置,適當(dāng)留有間隙,方便開發(fā)人員閱讀。在進(jìn)行網(wǎng)頁設(shè)計時,網(wǎng)頁設(shè)計師必須熟讀網(wǎng)頁設(shè)計的原則和規(guī)范,且一切設(shè)計必須依照規(guī)范來進(jìn)行。目前遵循的網(wǎng)頁設(shè)計規(guī)范都是經(jīng)過科學(xué)論證和用戶調(diào)研得出的。隨著科學(xué)技術(shù)的不斷發(fā)展,這些規(guī)范可能需要與時俱進(jìn),但是對于現(xiàn)階段的網(wǎng)頁設(shè)計而言,這些符合當(dāng)下用戶體驗的規(guī)范經(jīng)驗值得設(shè)計師學(xué)習(xí)和借鑒。
當(dāng)前標(biāo)題:如何做好網(wǎng)站網(wǎng)頁字體排版
本文地址:http://redsoil1982.com.cn/news7/33657.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、App開發(fā)、ChatGPT、品牌網(wǎng)站建設(shè)、定制開發(fā)、App設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容