久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

小文字,大體驗(yàn)

小文字,大體驗(yàn) 三聯(lián)教程

  隨著ipad等移動(dòng)終端的崛起,人們?cè)谝苿?dòng)終端閱讀上的時(shí)間越來(lái)越多,閱讀體驗(yàn)已經(jīng)變得越來(lái)越重要。而字體又是決定閱讀體驗(yàn)的關(guān)鍵所在,那么字體在哪些方面又是什么影響著閱讀體驗(yàn)的成敗?

  1.是否具有高辨識(shí)度

  首先看看Consolas,這款字體,我們可以發(fā)現(xiàn),i和w的寬度都是一樣的,這種等寬字體都具有非常高的辨識(shí)度,非常適合文字編寫(xiě),代碼顯示等工作。

  還是這個(gè)例子,在Arial字體中,i,l 的辨識(shí)度很低,而且當(dāng)有連續(xù)的il等較窄文字出現(xiàn)時(shí),文字難以選中,此外Georgia中,字母o,與數(shù)字0 只在大小上略有區(qū)別,基本上分不清,很難做到一目了然。

  由此可見(jiàn),等寬字體受字母本身的干擾較小,字母大小固定,密度固定,此類(lèi)字體,簡(jiǎn)單容易辨認(rèn),大大提升了閱讀效率。但等寬字體也有很?chē)?yán)重的問(wèn)題,他用降低美觀程度而換來(lái)了高辨識(shí)度,因此,大多只能出沒(méi)于在一些代碼編輯器等軟件。

  2.是否適合長(zhǎng)時(shí)間閱讀

  Arial和Gerogia, 這兩款字體在pc的網(wǎng)頁(yè)上都非常用,但哪一種更適合長(zhǎng)時(shí)間閱讀?

  雖然看起來(lái)無(wú)襯線字體雖然更簡(jiǎn)潔,醒目,但識(shí)別性卻不如襯線字體那么明確,要想讓讀者進(jìn)行長(zhǎng)時(shí)間閱讀,更需要的是讓讀者一掃而過(guò),不需要思考就能讀出文字,而Georgia恰好具備這一點(diǎn)特質(zhì)。因此,一般來(lái)說(shuō)在同等印刷條件下襯線體在的閱讀速度要比無(wú)襯線體快五分之一左右。

  首先襯線的筆畫(huà)輔助起到的不僅是美觀,還有助于辨識(shí)字體,其次,這些襯線筆畫(huà)可以使得這些字母在基準(zhǔn)線上的筆畫(huà)在視覺(jué)上會(huì)形成一定的水平導(dǎo)視,可以引導(dǎo)視覺(jué)朝著水平方向移動(dòng),使得被識(shí)別性系數(shù)提高,這就是為什么類(lèi)似于Georgia的襯線字體會(huì)在pc端和傳統(tǒng)出版都會(huì)如此受歡迎的原因。

  無(wú)襯線的Arial就好像大家閨秀,更適合地鐵等一些醒目的標(biāo)牌等一些大場(chǎng)面,而非襯線的Georgia卻似小家碧玉,字里行間,百看不膩。

  3.是否適應(yīng)移動(dòng)終端

  由于iPad 的顯示屏亮度和對(duì)比度要高于普通電腦,因此很多在普通電腦上合適的字體和設(shè)計(jì)直接搬到 iPad 上會(huì)由于背景的亮度而產(chǎn)生實(shí)物過(guò)虛的問(wèn)題。這一點(diǎn)在搭配字體時(shí)尤其成為問(wèn)題。某些細(xì)字體卻嚴(yán)重發(fā)虛,導(dǎo)致原本適合的搭配變得不般配,嚴(yán)重影響了體驗(yàn)。

  Retina Display 帶來(lái)更細(xì)的精度,同時(shí)也給字體渲染帶來(lái)了更多問(wèn)題,由于在不進(jìn)行縮放的情況下,顯示普通圖片時(shí),它會(huì)用4個(gè)像素來(lái)顯示圖片中的1個(gè)像素;而在顯示 retina圖片時(shí),每個(gè)像素都對(duì)應(yīng)圖片中的1個(gè)像素。因此一些字體比如Georgia 就會(huì)變得非常細(xì),導(dǎo)致字體在顯示時(shí)與設(shè)計(jì)時(shí)不一致,影響了體驗(yàn)。

  事實(shí)上,我們沒(méi)有辦法去改變硬件,只能盡量避免這些問(wèn)題,因此在移動(dòng)終端適當(dāng)?shù)募哟笪淖殖叽?14px-16px)是比較明智。此外還可以加大文字的磅數(shù)也是避免發(fā)虛的辦法,而在英文顯示方面,PC端的經(jīng)典之一Georgia還需慎用。

  4.是否擁有縝密的排版

  這一點(diǎn),在中文的排版上 唐茶 就做的非常不錯(cuò),實(shí)現(xiàn)了禁則處理、齊頭尾、英文換行(hyphenation)等排版基本功,還對(duì)標(biāo)點(diǎn)外掛(行末出現(xiàn)的句號(hào)、逗號(hào)、分號(hào)等標(biāo)點(diǎn)會(huì)被「懸掛」到文字右邊框的外沿。)和段首縮進(jìn)進(jìn)行了實(shí)驗(yàn)性嘗試,都給讀者帶來(lái)了良好的閱讀體驗(yàn)。

  此外,閱讀的體驗(yàn)還決于其他的重要因素,比如在不同的場(chǎng)合應(yīng)用不同的字體,字體的大小,磅數(shù),文字一行的長(zhǎng)度,文字之間的密度等。

  閱讀乃大,方方面面不離文字,文字雖小,筆筆畫(huà)畫(huà)緊扣體驗(yàn)。對(duì)設(shè)計(jì)師而言,優(yōu)秀閱讀的體驗(yàn),不僅僅是讓我們追求美的視覺(jué),更是出于一種對(duì)讀者的關(guān)懷。

  文章來(lái)源:百度MUX

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁(yè)面跳轉(zhuǎn)及參數(shù)傳遞問(wèn)題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片實(shí)現(xiàn)改變,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過(guò)長(zhǎng)自動(dòng)隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
主站蜘蛛池模板: 一级黄色片网站 | 男女操网站 | 男人午夜影院 | 免费黄色片视频 | 久久久97 | 亚洲天堂免费视频 | a级片在线观看 | 国产精品一级二级 | 色婷婷狠狠 | 黄色一级视频免费看 | 婷婷狠狠 | 懂色av蜜臀av粉嫩av分享 | 国产精品一二三区 | 久久99精品久久久久久 | 日韩免费在线观看视频 | 欧美激情国产精品 | 欧美日韩视频一区二区 | 亚洲久草| 亚洲黄色在线 | 美女一级片 | 中文字幕二区 | 亚洲综合在线视频 | 综合色婷婷一区二区亚洲欧美国产 | 日韩精品区 | 久久毛片视频 | 欧美综合在线视频 | 日本成人一区二区 | 国产精品国产精品国产专区不卡 | 欧美国产一区二区 | 精品国产一区二区三区久久久蜜月 | 欧美日韩亚洲一区二区三区 | 欧美黄网站| av久久久| 国产精品成人一区 | 少妇特黄a一区二区三区 | 国产性色av | 一区二区视频在线播放 | 国产伦精品一区二区三区88av | 精品蜜桃一区二区三区 | 天天操操操 | 国产欧美一区二区精品性色超碰 |