熟妇九九区视频,aaaav在线,午夜福利三区,日韩无码第四页,午夜天堂精品久久久,一区二区三区美女福利,日日夜夜爽这里有精品,久久久久久久久999,一区二区三区久久久

Android 系統(tǒng)字體及排版應(yīng)用規(guī)范

用戶頭像
杭州/設(shè)計(jì)愛好者/10年前/5982瀏覽
Android 系統(tǒng)字體及排版應(yīng)用規(guī)范
用戶頭像
李洋

附件下載 RobotoTTF

自從 Ice Cream Sandwich 發(fā)布以來,Roboto 都是 Android 系統(tǒng)的默認(rèn)字體集。在這個版本中,將 Roboto 做了進(jìn)一步全面優(yōu)化,以適配更多平臺。寬度和圓度都輕微提高,從而提升了清晰度,并且看起來更加愉悅。

53c3568e0cad6ac725bb5cd8de90.jpg


字體排版的縮放和基本樣式(Typographic Scale & Basic Styles)

同時使用過多的字體尺寸和樣式可以很輕易的毀掉布局。字體排版的縮放是包含了有限個字體尺寸的集合,并且他們能夠良好的適應(yīng)布局結(jié)構(gòu)。最基本的樣式集合就是基于 12、14、16、20 和 34 號的字體排版縮放。

這些尺寸和樣式在經(jīng)典應(yīng)用場合中讓內(nèi)容密度和閱讀舒適度取得平衡。字體尺寸是通過 SP(可縮放像素?cái)?shù),scaleable pixels)指定的,讓大尺寸字體獲得更好的可接受度


f810568e0d7c32f8754c801c7ed8.jpg


基本色/色彩對比度(Basic colors/Color contrast)

最基本的常識是,相同顏色的背景和文字是很難閱讀的。但有些人不知道的是,帶有過強(qiáng)對比度的文本會有些炫目,同樣難以閱讀。這一點(diǎn)在深色背景下尤其明顯。

要獲得良好的辨識度,文本應(yīng)當(dāng)滿足一個最低的對比度,也就是 4.5:1(依據(jù)明度計(jì)算)。7:1 的對比度是最適合閱讀的。

這些色彩的組合同樣要考慮到某些非典型用戶對于對比度的不同反應(yīng)。


3b13568e0db96ac725bb5cdadc8d.jpg


行高(Line Height)

行高是通過每個樣式各自的尺寸和粗細(xì)決定的,以獲得良好的可讀性和合適的間距。只有“主體”、“次要標(biāo)題”、“大綱”等類似的樣式中才允許使用自動換行。其它所有樣式應(yīng)當(dāng)以單行形式出現(xiàn)。


7b6b568e0de76ac725bb5cfa9747.jpg

樣例對比0a0c568e0e0132f8754c8030373f.jpg


每行長度包含的字符(Characters per line lengths)

可讀性和行長度參考了來自 Baymard Institute 的建議:

“要得到良好的閱讀效果,每行應(yīng)當(dāng)包含 60 個字符左右。每行所包含的字符數(shù)量是決定閱讀舒適度的關(guān)鍵因素?!?/p>

“過寬:如果每行文本過多,用戶的眼睛將難以找到在文本上對焦。這是因?yàn)檫^長的文字導(dǎo)致用戶難以判斷一行的起始點(diǎn),甚至在大段文字中出現(xiàn)讀錯行的現(xiàn)象?!?/p>

“過窄:如果每行文本過少,會導(dǎo)致眼睛來回掃視過于頻繁,破壞閱讀的節(jié)奏。過短的內(nèi)容還會給人壓力,導(dǎo)致用戶完成本行閱讀前過早跳轉(zhuǎn)到下一行閱讀(因此會錯過潛在的重要信息)?!?/p>


字間距(Tracking and kerning)


dd9a568e0e5932f8754c80ab5e01.jpg


附件:google-android_roboto字體

34
閱讀原文
|
舉報(bào)
|
90
分享
評論
用戶頭像
評論你的想法~
表情
喜歡TA的作品嗎?喜歡就快來夸夸TA吧!
推薦素材
你可能喜歡
大家都在看
登錄注冊
手机| 万荣县| 镇江市| 宜阳县| 深泽县| 甘谷县| 黑龙江省| 萝北县| 龙山县| 巫山县| 惠来县| 会昌县| 梅河口市| 通河县| 关岭| 白水县| 通辽市| 柯坪县| 阿合奇县| 寿宁县| 视频| 义马市| 天祝| 安化县| 赤峰市| 丰顺县| 临汾市| 和平县| 开远市| 鄢陵县| 华坪县| 麦盖提县| 泰兴市| 上杭县| 上饶市| 武城县| 丰县| 富蕴县| 昭平县| 英德市| 襄樊市|