天天想上的網站，有哪些好的設計體驗

  天天想上的網站，有哪些好的設計體驗?

  交流在規劃里起到至關重要的作用，有助于在網站和用戶之間建立起明確的關系，還能夠協助用戶完成他們的目標，這一點非常重要。當咱們在網頁規劃里談到交流時，一般指的是文字。文字在交流進程里起到至關重要的作用：

  “網站里95%以上的信息是以書面語言的形式出現的?！?/p>

  好的字體版式能夠使閱覽毫不費力，而糟糕的排版則運用戶無法閱覽。就像OliverReichenstein在他的一篇文章《網頁規劃里95%的部分是字體排版》里提到的：

  “優化字體版式就是優化可讀性、易訪問性、適用性以及全體的圖形平衡?！?/p>

  換句話來說，優化字體版式能夠優化你的用戶界面。接下來給大家講講字體排版的一些規則，協助你增加文本的可讀性和易讀性。

  1、堅持最少的字體運用數量

  運用超越3種以上的字體，會使網站看起來毫無結構，非常的不專業。請記住，太多的不同尺度和類型的字體會損壞規劃布局。

  總歸，把字體數量約束到最少(兩種字體是足足有余的，一般一種就足夠了)，保證整個網站運用相同的字體。假如運用超越一種字體的話，要保證依據字符寬度來匹配字體。以下面的組合為例，左面Georgia和Verdana字體組合有類似的字型，而右邊的Baskerville和Impact組合中，Impact字型太粗而遮蓋了它配對字體的襯線部分。

  2、盡量運用規范字體

  字體嵌入服務(如GoogleWebFonts或許Typekit)有許多有趣的字體供你挑選，給你的規劃帶來一些新鮮、意想不到的作用。并且也非常簡單操作運用。以Google為例：

  所以能出什么問題呢?

  不過這種方法卻有一個問題，用戶更習氣規范字體，因而規范字體閱覽起來會更快。除非你的網站對特定的字體有激烈的需求，比方為了品牌推廣或許創建一個身臨其境的體會，否則一般情況下最好挑選體系字體。安全的做法是運用一種體系字體，比方Arial、Calibri、Trebuchet等等。要記住好的字體版式能夠將讀者吸引到內容自身，而不是版式上。

  3、約束每一行的文字長度

  每一行的文字長度決定了文本的易讀性。不該該由規劃來分配文本寬度，而是要由易讀性決定?？纯聪旅鍮aymardInstitute給出的主張：想要有一個良好的閱覽體會，那么每一行大概要有60個字符左右的寬度。每一行正確的字符數是文本易讀性的要害。

  每一行假如太短的話，眼睛就得來回地看，會打破讀者的閱覽節奏;假如一行文字太長，讀者注意力會很難會集到內容上。圖片來源：MaterialDesign

  關于手機端來說，每一行則應該在30至40個字符長度內。下面則是手機端的兩個網站例子?？壳皞€每一行有50至75個字符(而這個應該是印刷和桌面端的理想長度)，第二個則運用了出色的/卓越的/優異的/杰出的的30至40個字符長度。

  網頁規劃里能夠經過運用em或許pixel單位來約束文本寬度，來到達每一行最理想的字符數。

  4、挑選在不同尺度下都有良好作用的字體

  用戶會經過不同的設備訪問你的網站，而不同的設備有不同的尺度和分辯率。大多數的用戶界面需求不同尺度的文本元素(仿制按鈕、階段標簽、章節標題等等)，挑選一個在不同尺度和粗細下都能堅持很好的可讀性和易讀性的字體，這點非常重要。

  保證你挑選的字體在更小的屏幕上也能閱覽。防止運用連體字，比方下面的Vivaldi字體，雖然它們很好看，但是很難閱覽。

  5、挑選能夠分辯不同字母的字體

  許多字體的有些字母會比較簡單搞混，特別是“i”和“L”(比方說下面的例子)，還有一些字母之間的距離太短，比方“r”和“n”在一起看起來像“m”。所以當你挑選字體時，保證你的字體在不同環境下不會給讀者帶來困擾。

  6、防止全都大寫

  所有文本都是大寫字母，在一些不需求閱覽的地方是能夠的(比方縮略詞或許logo里)，但是當你的信息需求讀者去閱覽時，不要強迫你的讀者去分辯所有的大寫階段。就像MilesTinker在他的里程碑作品《LegibilityofPrint》中所說的，與小寫字體相比，大寫字體大大降低了閱讀和閱覽的速度。

  7、不要過于減少行距離

  字體版式中，咱們關于兩行字之間的空白距離稱作“行距離”。經過增加行距離，能夠進步可讀性。一般來說，行距離應該比字符高度高30%左右，這樣有利于可讀性。

  DmitryFadeyev指出，正確運用階段之間的距離，能夠進步20%的了解力。正確運用距離的技巧是提供給讀者易于了解的內容，然后去除多余的細節。

  8、保證有足夠的色彩對比度

  文本和布景不要運用相同或類似的色彩。文字越顯著，用戶能更快的閱讀和閱覽內容。W3C給咱們主張了適宜的文字和圖形的色彩對比度份額：

  一旦你選定了色彩，要在大多數設備上都測驗一下。假如測驗發現了問題，那么能肯定用戶也會有相同的問題。

  9、防止用赤色或許綠色著色文字

  色盲是一個常見的現象，特別是男性中8%的人是色盲。因而主張除色彩之外運用附加的信息來區分重要的內容。相同要防止只是運用赤色和綠色來傳達信息，由于紅綠色盲是色盲里最常見的兩種。

  10、防止運用閃耀的文本

  閃耀的文本可能會引發靈敏的個別不適的癥狀，并且可能會變得讓人討厭，讓用戶分神。