無標題文件

網頁設計網頁設計中高手的可讀性設計技巧

發佈者:SEO香港優化專家 - Web Design

網站設計

  1. 使用對比色 (Use contrasting colours)。 這裡說的對比是文字的顏色和背景色的對比。這樣用戶可以比較容易的看清文字,減少閱讀疲勞。有視力障礙的人可能看不清楚低對比度的文字。可以去Vischeck這個網站可以看看你的網站在色弱(或色盲)用戶眼中的樣子。

  2. 把文字圈成小塊 (”Chunk up” your copy)。 大塊的高密度的文字讓你的用戶感覺信息負荷超載,有壓抑感。幾個小技巧:

  用列表(或者1-2-3)和副標題。

  保持段落短小。

  在重要的觀點上使用加粗或使用不同顏色,便於那些不太耐心而快速瀏覽的用戶能抓住重點。

  控制文字的行寬(Use columns to control text width.)

  3. 避免雜亂的背景(Avoid busy backgrounds),讓文字容易看清楚。

  4. 少一點更好(Less is better)。 在頁面上放置越多雜亂的東西,越是讓用戶迷惑,分散注意力,不能集中閱讀。網站看起來也不夠專業。在放任何一項東西前想想,真的不放不可麼?

  5. 使用辨識性好的字體(Strive for a clean font style for maximum readability.)

  6. 文字不要太小(Don’t use itsy-bitsy font sizes)。 螞蟻似的文字,很難快速的閱讀。如果用戶自己可以控制就更好了。

  7. 讓鏈接更像鏈接(Make your links look like links)。 如果不是標準藍色鏈接,最好可以加上下劃線。不是鏈接的文字,最好不要加下劃線。

網頁寄存

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 lixiangni 的頭像
    lixiangni

    lixiangni

    lixiangni 發表在 痞客邦 留言(0) 人氣()