2021-12-03 分類(lèi): 網(wǎng)站設(shè)計(jì)
成都網(wǎng)站設(shè)計(jì)】把握5元素,讓頁(yè)面文字閱讀更舒適?_成都創(chuàng)新互聯(lián)" alt=" 【成都網(wǎng)站設(shè)計(jì)】把握5元素,讓頁(yè)面文字閱讀更舒適?_成都創(chuàng)新互聯(lián)" />
用戶(hù)會(huì)在網(wǎng)上閱讀到大量的新聞及各類(lèi)文章,特別是網(wǎng)絡(luò)小說(shuō),這些頁(yè)面展示的主體就是通篇大段的文字。對(duì)于這種看似簡(jiǎn)單的文字堆砌的頁(yè)面,有沒(méi)有人抱怨過(guò):'這樣的頁(yè)面還需要出效果圖啊?'
作為網(wǎng)頁(yè)設(shè)計(jì)師的你是怎樣處理這樣的界面的?是習(xí)慣性的使用宋體字或者微軟雅黑?是直接設(shè)為12px或者14px的字號(hào)?你有想過(guò)為什么要使用這種字體、字號(hào)嗎?你有考慮過(guò)文字排布與閱讀效率的關(guān)系嗎?你的頁(yè)面背景會(huì)影響到用戶(hù)的瀏覽舒適度嗎?讓我們從以下5個(gè)元素具體分析。
字體和字號(hào)這兩個(gè)元素必須捏在一起說(shuō)。字體分為襯線(xiàn)體(serif)與非襯線(xiàn)體(sansserif)。簡(jiǎn)單的說(shuō),襯線(xiàn)體(serif)就是帶有襯線(xiàn)的字體,筆畫(huà)粗細(xì)不同并帶有額外的裝飾,開(kāi)始和結(jié)尾有明顯的筆觸。常用的英文襯線(xiàn)體有TimesNewRoman和Georgia,中文即是我們?cè)趙indows下最常見(jiàn)的中易宋體。與襯線(xiàn)體相反,無(wú)襯線(xiàn)裝飾,筆畫(huà)粗細(xì)無(wú)明顯查差異的字體就是非襯線(xiàn)體(sansserif)。arial、Helvetica、Verdanad都是我們熟悉的英文非襯線(xiàn)體,中文有微軟雅黑和mac下默認(rèn)的中文-華文細(xì)黑。
在過(guò)去,普遍認(rèn)為有筆觸裝飾的襯線(xiàn)體,可提高辨識(shí)度和閱讀效率,更適合做為閱讀的字體。多用于報(bào)紙、書(shū)籍等印刷品的正文。非襯線(xiàn)體飽滿(mǎn)醒目,常用做標(biāo)題或者用于較短的段落?! 『荛L(zhǎng)一段時(shí)間里,在互聯(lián)網(wǎng)上我們會(huì)注意這樣的一個(gè)現(xiàn)象,國(guó)外網(wǎng)站大部分以非襯線(xiàn)體為主,而中文網(wǎng)站基本就是宋體。其實(shí)不難理解,襯線(xiàn)字體筆畫(huà)有粗細(xì)之分,很小字的情況下細(xì)筆畫(huà)就被弱化,受限于電腦的分辨率,10-12px的襯線(xiàn)字體在顯示器上是相當(dāng)難辨認(rèn)的(見(jiàn)下圖);同字號(hào)的非襯線(xiàn)體筆畫(huà)簡(jiǎn)潔而飽滿(mǎn),更適于做網(wǎng)頁(yè)字體。windows下,中文宋體小字點(diǎn)陣的特性,12px、14px的字號(hào)顯示仍然相當(dāng)清晰美觀,便于閱讀。這也就是為什么大多網(wǎng)頁(yè)設(shè)計(jì)制作人員容易機(jī)械性的選用特定字號(hào)或英文或中文的字體。
如今隨著顯示器越來(lái)越大,分辨率越來(lái)越高,經(jīng)常會(huì)覺(jué)得看12px的文字有點(diǎn)吃力,做為設(shè)計(jì)師也會(huì)不自覺(jué)的開(kāi)始大量使用14px的字體,而且越來(lái)越多的網(wǎng)站開(kāi)始使用15、16px甚至18px以上的字號(hào)做正文文字。大字號(hào)的使用,對(duì)英文字體來(lái)講,襯線(xiàn)體的高辨識(shí)度和流暢閱讀的優(yōu)勢(shì)就體現(xiàn)出來(lái)了。中文宋體在顯示14號(hào)以上字體時(shí),單線(xiàn)條大字總是看上去有些單薄不那么協(xié)調(diào),特別是這款點(diǎn)陣字在ClearType強(qiáng)制平滑顯示狀態(tài)下尤其顯得模糊不清。微軟雅黑就是微軟在這個(gè)字體顯示問(wèn)題上的解決方案。
本文標(biāo)題:【成都網(wǎng)站設(shè)計(jì)】把握5元素,讓頁(yè)面文字閱讀更舒適?_成都創(chuàng)新互聯(lián)
本文鏈接:http://redsoil1982.com.cn/news/138660.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容