頁面布局的注意事項
2019-03-21 18:41:46
來源：
揚州新竹網絡科技有限公司
網絡上95%以上的信息是書面形式的.優化排版就是優化可讀性、可訪問性、可用性和整體圖形平衡.換句話說:優化排版也是優化用戶界面.新疆網絡建筑公司將提供一套規則,幫助您提高文本內容的可讀性和可讀性.
1.所用字體的小數目
使用超過3種不同的字體使網站看起來沒有結構和不專業.太多的類型大小和樣式也可以同時破壞任何布局.一般來說,整個網站的字體數量限制為兩個,一個一般就足夠了.如果使用多個字體,請確保字體系統基于字符寬度互補.如圖所示:左邊組的字體比較和諧,而右邊字體的對比太明顯,顯得比例很不協調.
2.嘗試標準字體
字體嵌入服務(如谷歌網頁字體或打字機)有許多有趣和標準的系統字體,而且由于用戶對標準字體更加熟悉,他們可以更快地閱讀它們. 除非您的網站是吸引自定義字體,如品牌宣傳或創建一個沉浸式的體驗,通常好使用系統字體.
3.限制行長度
如果你想要一個好的閱讀體驗,你應該有大約60個字符每行.在每一行中有適當數量的字符是文本可讀性的關鍵.如果每一行文字太短,視線必須反復折回,以打破讀者的節奏.如果文本行太長,用戶的眼睛就很難集中在文本上. 對于移動設備,每行應該有30-40個字符.以下是在移動設備上瀏覽的兩個網站的例子.一種使用每行50-75個字符(每行印刷和桌面使用好的字符數),第二種使用好的30-40個字符.
4.選擇各種維度的字體
確保您選擇的字體在較小的屏幕上是清晰的! vivaldi字體將很難在小屏幕上閱讀:
5.使用區分字母的字體
許多字體容易混淆相似的字母,特別是i和l(如下圖所示),因此在選擇字體類型時,要確保在不同的上下文中檢查您的類型.確保你不會給你的用戶帶來麻煩.
6.避免所有英文大寫
不要強迫用戶閱讀所有的大寫字母,這會大大減慢掃描和閱讀的速度,使它們在幾分鐘內爆炸.
7.不小化行間距
行間距一般是字符高度的30%,以保證良好的可讀性.與直線間距相比,段落之間的間距可以增加20%,美白可以為用戶提供消化內容的時間.
8.確保你有足夠的顏色對比
文本越明顯,用戶掃描和閱讀的速度就越快.
9.避免將文字涂成紅色或綠色
建議使用顏色以外的線索來區分重要的信息.也避免使用紅色和綠色單獨傳達信息,避免色盲用戶無法順利閱讀.
10.避免顯示文字
閃爍或閃爍的內容可以使一些敏感的人瘋狂,并可能令人討厭或分散一般用戶的注意力.
必須使排版具有可讀性、易懂性和明確性.良好的排版可以讓你的網站感覺清新和引人注目.另一方面,糟糕的排版選擇會分散注意力.排版是為了更好地展示內容.內容應以不增加用戶認知負荷的方式加以尊重.
1.所用字體的小數目
使用超過3種不同的字體使網站看起來沒有結構和不專業.太多的類型大小和樣式也可以同時破壞任何布局.一般來說,整個網站的字體數量限制為兩個,一個一般就足夠了.如果使用多個字體,請確保字體系統基于字符寬度互補.如圖所示:左邊組的字體比較和諧,而右邊字體的對比太明顯,顯得比例很不協調.
2.嘗試標準字體
字體嵌入服務(如谷歌網頁字體或打字機)有許多有趣和標準的系統字體,而且由于用戶對標準字體更加熟悉,他們可以更快地閱讀它們. 除非您的網站是吸引自定義字體,如品牌宣傳或創建一個沉浸式的體驗,通常好使用系統字體.
3.限制行長度
如果你想要一個好的閱讀體驗,你應該有大約60個字符每行.在每一行中有適當數量的字符是文本可讀性的關鍵.如果每一行文字太短,視線必須反復折回,以打破讀者的節奏.如果文本行太長,用戶的眼睛就很難集中在文本上. 對于移動設備,每行應該有30-40個字符.以下是在移動設備上瀏覽的兩個網站的例子.一種使用每行50-75個字符(每行印刷和桌面使用好的字符數),第二種使用好的30-40個字符.
4.選擇各種維度的字體
確保您選擇的字體在較小的屏幕上是清晰的! vivaldi字體將很難在小屏幕上閱讀:
5.使用區分字母的字體
許多字體容易混淆相似的字母,特別是i和l(如下圖所示),因此在選擇字體類型時,要確保在不同的上下文中檢查您的類型.確保你不會給你的用戶帶來麻煩.
6.避免所有英文大寫
不要強迫用戶閱讀所有的大寫字母,這會大大減慢掃描和閱讀的速度,使它們在幾分鐘內爆炸.
7.不小化行間距
行間距一般是字符高度的30%,以保證良好的可讀性.與直線間距相比,段落之間的間距可以增加20%,美白可以為用戶提供消化內容的時間.
8.確保你有足夠的顏色對比
文本越明顯,用戶掃描和閱讀的速度就越快.
9.避免將文字涂成紅色或綠色
建議使用顏色以外的線索來區分重要的信息.也避免使用紅色和綠色單獨傳達信息,避免色盲用戶無法順利閱讀.
10.避免顯示文字
閃爍或閃爍的內容可以使一些敏感的人瘋狂,并可能令人討厭或分散一般用戶的注意力.
必須使排版具有可讀性、易懂性和明確性.良好的排版可以讓你的網站感覺清新和引人注目.另一方面,糟糕的排版選擇會分散注意力.排版是為了更好地展示內容.內容應以不增加用戶認知負荷的方式加以尊重.
本站文章均為新竹網站建設摘自權威資料，書籍，或網絡原創文章，如有版權糾紛或者違規問題，請即刻聯系我們刪除，我們歡迎您分享，引用和轉載，我們謝絕直接復制和抄襲！感謝...
猜你喜歡
聯絡方式：
電話：
郵箱：1700970777@qq.com
微信公眾號 
手機網站 
小程序 
我們猜你喜歡
-
網站建設的目的是什么？
不同類型的網站起到的作用是有區別的。在建設網站的初期，就要明確網站建設的目的，提出指導方針和整體規劃。 在網絡發達的時代，傳統的商貿模式悄然發生著改變，越來越多的行業實現網上營銷、線上交易，打破原有的時間和空間觀...
-
網站建設有哪些優勢？
隨著新媒體時代的到來，各種自媒體、公眾號、短視頻平臺的崛起，網站建設的重要性被大家逐漸的忽略。越來越多的企業開始將推廣的重心往自媒體、公眾號和短視頻偏移。網站建設到底有哪些優勢呢？ 1、樹立良好的企業形象 &nb...
-
管理系統定制開發注意細節
1.功能是否完整 既然是管理系統定制開發，那就說明是根據客戶的需求來開發定制管理系統的，其功能、架構、流程的設計及方案編寫全部都是來自客戶的需求，所以管理系統定制開發的一驗收標準就是看管理軟件的功能是否...
-
什么是五站合一？
在了解三站合一之前，先了解以下定義： 1. 電腦網站 指針對普通PC電腦上或筆記本的屏幕進行排版設計的網站，只有在普通PC電腦上或筆記本上瀏覽才能獲得佳用戶體驗，這一類的網站可以統稱為電腦網站。在電腦上也可以訪問手機網站，只是電腦大顯示器顯示手機網站得不到...
-
網站上線一個月沒收錄的原因
網站上線，指的是網站已經向百度提交（或者是蜘蛛已經有來抓取網站）都屬于是網線上線，包含站長主動提交或無意被抓取，都算作上線。 正常情況下網站提交后次日，spider會放出一個網站主頁的快照。再接下來的時...
