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