亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

做好網(wǎng)頁排版,不要犯這10種錯誤!

作者:
2017-07-31
8175

優(yōu)化排版則是優(yōu)化可讀性,可訪問性,可用性,整體圖形平衡。換句話說:優(yōu)化排版也是優(yōu)化用戶界面。本文將提供一組規(guī)則,幫助您提高文本內(nèi)容的可讀性和易讀性。

網(wǎng)絡(luò)上95%以上的信息是書面形式的。優(yōu)化排版則是優(yōu)化可讀性,可訪問性,可用性,整體圖形平衡。換句話說:優(yōu)化排版也是優(yōu)化用戶界面。本文將提供一組規(guī)則,幫助您提高文本內(nèi)容的可讀性和易讀性。

1. 最少使用字體數(shù)量

使用超過3種不同的字體使網(wǎng)站看起來非結(jié)構(gòu)化和不專業(yè),太多的類型尺寸和樣式一次也可能破壞任何布局。

字體數(shù)量.jpg


一般來說,整個網(wǎng)站字體的數(shù)量限制在最多兩種,一種一般就足夠了。如果您使用多個字體,請確保字體系基于字符寬度互補。如圖:左邊組的字體相對就比較和諧,而右邊字體的粗細對比太明顯,則顯得輕重比例很不和諧了。

字體數(shù)量1.jpg


2. 嘗試使用標準字體

字體嵌入服務(wù)(如Google Web字體或Typekit)有許多有趣而標準的系統(tǒng)字體,而因為用戶更加熟悉標準字體,所以可以更快地讀取它們。

除非您的網(wǎng)站對于自定義字體(如品牌宣傳或創(chuàng)建身臨其境的體驗)非常有吸引力,否則通常最好使用系統(tǒng)字體。

3. 限制線長度

如果你想要一個良好的閱讀體驗,你應(yīng)該每行約60個字符。在每行上擁有適當?shù)淖址麛?shù)量是您的文本可讀性的關(guān)鍵。如果每行文字太短,視線必須反復(fù)折回來,打破讀者的節(jié)奏。如果一行文字太長,用戶的眼睛將很難專注于文本。

制線長度.jpg


對于移動設(shè)備,您應(yīng)該每行30-40個字符 。以下是在移動設(shè)備上查看的兩個網(wǎng)站的示例。第一個使用每行50-75個字符(打印和桌面的每行最佳字符數(shù)),而第二個使用最佳30-40個字符。

制線長度1.jpg


4. 選擇各種尺寸的字體

確保您選擇的字體在較小的屏幕上清晰可辨!

尺寸的字體.jpg


維瓦爾第字體將難以在小屏幕上閱讀:

尺寸的字體1.jpg


5. 使用可區(qū)分字母的字體

許多字體使得很容易混淆類似的字母,特別是與“i”和“L”(如下圖所示),所以當選擇你的字體類型時,請確保在不同的上下文中檢查你的類型,以確保不會為你的用戶造成問題。

字母的字體.jpg


6. 避免英文全部大寫

請勿強制用戶閱讀所有大寫字母,與小寫類型相比,那只會大大延緩了用戶掃描和閱讀的速度,讓他們分分鐘爆炸。

不要最小化線間距1.jpg


7. 不要最小化線間距

行間距一般是字符高度的30%,以便良好的可讀性。

不要最小化線間距.jpg


而段落之間的間距可以比行間距提高20%,留白可以為用戶提供消化內(nèi)容的時間。下圖左:幾乎重疊的文字。右:良好的間距有助于可讀性。

不要最小化線間距2.jpg


8. 確保您有足夠的顏色對比度

不要對文本和背景使用相同或相似的顏色。文本越明顯,用戶能夠掃描和閱讀的速度越快。

顏色對比度.jpg


△ 這些文本行不符合顏色對比度建議,難以根據(jù)背景顏色進行閱讀

顏色對比度1.jpg


△ 這些文本行符合顏色對比度建議,并且易于閱讀背景顏色

9. 避免將文字著色為紅色或綠色

建議使用除顏色以外的其他線索來區(qū)分重要信息。也避免單獨使用紅色和綠色來傳達信息,避免有色盲用戶無法順利閱讀的情況。

顏色對比度1.jpg


10. 避免使用閃爍的文字

閃爍或閃爍的內(nèi)容可能會使一些敏感人群發(fā)瘋,并且對于一般使用者來說,這可能是令人討厭或分心的。

閃爍的文字.gif


結(jié)論

使排版具有可讀性,可理解性、清晰明了至關(guān)重要。至關(guān)重要。好的排版可以讓您的網(wǎng)站感覺清爽而令人眼前一亮。另一方面,糟糕的排版選擇令人分心。排版是為了內(nèi)容更好的呈現(xiàn),應(yīng)以不會增加用戶認知負荷的方式來尊重內(nèi)容。


0
1
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          精一区二区三区| 亚洲久草在线视频| 国产精品综合一区二区三区| 国产精品黄色在线观看| 欧美日韩一卡二卡三卡| 成人一区二区三区视频| 日韩—二三区免费观看av| 777a∨成人精品桃花网| www.欧美.com| 国产一区日韩二区欧美三区| 国产午夜精品一区二区三区嫩草| 欧美日韩久久一区| 国产不卡在线播放| 久久99精品久久久久婷婷| 亚洲久草在线视频| 中文字幕在线观看一区二区| 日韩亚洲欧美在线| 欧美视频在线不卡| 色美美综合视频| jizz一区二区| 韩国女主播成人在线| 亚洲第四色夜色| 国产日韩影视精品| 日韩午夜在线观看| 欧美一区二区视频在线观看| 欧美韩国日本不卡| 久久精品视频免费| 亚洲免费观看高清在线观看| 亚洲国产成人91porn| 日韩电影在线看| 国产精品一级二级三级| 成人丝袜高跟foot| 欧美日本一区二区在线观看| 日韩免费高清电影| 中文字幕在线不卡一区二区三区| 一区二区三区欧美激情| 久久99精品一区二区三区 | 亚洲一区二区不卡免费| 亚洲一二三专区| 国精产品一区一区三区mba视频 | 亚洲特级片在线| 久久国产精品99久久人人澡| 成人18视频在线播放| 欧美日韩一区在线| 欧美国产综合一区二区| 亚洲一区二区三区四区中文字幕| 蜜桃久久久久久| 色偷偷久久人人79超碰人人澡| 色婷婷久久99综合精品jk白丝| 日韩亚洲欧美综合| 自拍偷拍亚洲综合| 理论片日本一区| 欧美亚洲图片小说| 国产亚洲成av人在线观看导航| 亚洲卡通动漫在线| 国产精品一区不卡| 日韩一区二区中文字幕| 国产精品网站在线观看| 美女在线一区二区| 欧美日韩电影一区| 亚洲啪啪综合av一区二区三区| 亚洲第一电影网| 一本到高清视频免费精品| 2020日本不卡一区二区视频| 午夜精品福利在线| 91免费观看视频| 国产欧美日韩三级| 激情综合色播五月| 91精品在线免费| 亚洲成人一区在线| 91天堂素人约啪| 国产精品国产三级国产aⅴ原创| 蜜臀av性久久久久蜜臀av麻豆| 一本大道av一区二区在线播放 | 99精品视频免费在线观看| 久久视频一区二区| 国产麻豆视频精品| 久久综合九色综合97婷婷女人 | 亚洲欧美日本在线| 日本高清不卡aⅴ免费网站| 国产精品国产a| 99免费精品在线| 亚洲视频免费观看| 色94色欧美sute亚洲13| 亚洲综合成人在线视频| 91久久一区二区| 婷婷综合久久一区二区三区| 欧美剧在线免费观看网站| 五月天亚洲婷婷| 欧美电视剧在线观看完整版| 韩国v欧美v日本v亚洲v| 国产欧美一区二区精品性色| 国产宾馆实践打屁股91| 日韩一区欧美一区| 色一情一伦一子一伦一区| 亚洲午夜羞羞片| 精品日韩在线一区| 国产超碰在线一区| 一级中文字幕一区二区| 91精品国产综合久久久久久漫画| 蜜桃视频一区二区三区| 欧美激情一区二区三区不卡| 91精品91久久久中77777| 强制捆绑调教一区二区| 欧美国产成人精品| 欧美日韩一卡二卡三卡 | 波多野洁衣一区| 国产精品久久久久久久久免费桃花 | 亚洲免费观看高清完整版在线| 欧美丝袜丝交足nylons图片| 精一区二区三区| 国产精品传媒入口麻豆| 精品视频色一区| 国产大片一区二区| 玉足女爽爽91| 久久久亚洲午夜电影| 91美女片黄在线| 韩国午夜理伦三级不卡影院| 欧美国产日韩a欧美在线观看| 色综合久久中文字幕| 精品一区二区三区在线播放| 亚洲天堂精品在线观看| 日韩欧美一二三| 在线观看不卡视频| 国产成人精品亚洲日本在线桃色 | 精品一区二区三区免费播放| 一区二区三区中文字幕电影| 亚洲精品一区二区三区精华液| 一本大道久久a久久精二百| 国产精品88av| 日韩成人精品在线观看| 夜夜嗨av一区二区三区中文字幕 | 国产精品美女视频| 日韩一区二区精品葵司在线| 91成人在线免费观看| 国产 日韩 欧美大片| 天天av天天翘天天综合网色鬼国产| 国产精品美女久久久久久久久久久| 欧美一区二区久久| 在线精品视频一区二区三四| 成人午夜电影久久影院| 国产一区二区三区精品视频| 亚洲成av人综合在线观看| 综合欧美亚洲日本| 国产精品污www在线观看| 久久久亚洲高清| 337p日本欧洲亚洲大胆色噜噜| 欧美一区二区久久久| 欧美剧情片在线观看| 欧美伊人精品成人久久综合97| 95精品视频在线| k8久久久一区二区三区 | 一区二区三区.www| 亚洲欧美色综合| 亚洲特黄一级片| ●精品国产综合乱码久久久久| 久久精品一二三| 中文字幕精品在线不卡| 国产日韩欧美一区二区三区综合| 久久综合视频网| 国产视频在线观看一区二区三区 | 91精品国产乱码久久蜜臀| 7777精品伊人久久久大香线蕉| 欧美电影在哪看比较好| 欧美一区二区人人喊爽| 精品国产一区二区在线观看| 欧美成人综合网站| 亚洲精品在线观看视频| 国产精品视频一区二区三区不卡| 国产蜜臀97一区二区三区| 亚洲三级小视频| 午夜欧美电影在线观看| 日韩av电影天堂| 国产成a人无v码亚洲福利| 91麻豆国产福利精品| 欧美婷婷六月丁香综合色| 在线不卡一区二区| 欧美精品一区二区在线播放| 国产人妖乱国产精品人妖| 国产精品丝袜一区| 亚洲一区二区免费视频| 久久 天天综合| 不卡一区二区三区四区| 欧美精品久久一区二区三区| 欧美大片在线观看| 亚洲天堂免费在线观看视频| 免费成人在线影院| 成人激情动漫在线观看| 欧美午夜不卡视频| 国产亚洲一本大道中文在线| 亚洲伦理在线免费看| 免费观看在线综合色| 91在线视频18| 欧美成人video| 亚洲精品成a人| 国产精品资源网| 欧美日韩在线播放一区| 日本一区二区在线不卡| 亚洲一区二区三区四区的| 国产成人在线看|