一個更易讀的網站意味著網站使用性的改良以及提供愉悅的閱讀體驗。我們希望瀏覽者們能或者這些好處不是嗎?
1、對排版的基本了解
你必須收悉字距調整、亮度動態控制、首字、截線、無截線、線高等術語。
排版是現代網站設計的一個重要方面,特別是現在許多人使用css下的font-face字體而且有一些像Typekit一樣的軟件讓人們可以用不合法的字體在他們的網頁上。
當然最漂亮的字體也不能在你不遵守相關基礎規則的情況下幫助你。試著一直用字體標準度量,無論是你的自創體還是現有的字體,簡單的12,14,16,18,21,24,36,48,60,將會很好的規范字體等級制度,保持使用合法的字體度量標準。
2、有效地利用空白處
“空白空間”是指設計網站時的閑置空間-它并不一定指白色的白,可以說它是隔開章節段落之間的那些空閑空間。能更好的利用這些空間是提高你網站可讀性的關鍵。
如果你的網站擠的滿滿的使得段與段之間都沒有空白,閱讀瀏覽你的網站將變得很困難。確保你的文字內容,副本,圖標,列表,超鏈接以及其他元素擁有自己的空間。
我們知道網絡使用者是不回去耐心閱讀的,他們快速瀏覽直到找到他們感興趣的內容,于是才點擊來讀(或者繼續快速瀏覽)。在這方面做一些提高,通過利用空白空間讓你的頁面便于瀏覽。
3、對齊線和格
如果文章和其他網頁元素在網頁上四處分散會使你的頁面十分難以閱讀從而無人問津。使用對其格能幫助你保持頁面的整齊并讓讀者能直接的發現你頁面的關鍵點-比如說請讀者注意的按鈕。
有一些出名的網格系統如960.gs和Blueprint可以作為你設計網頁的起點和參考。
4、色彩對比
顯然上述的幾點對網頁設計很重要,但是色彩對于網頁也是不可或缺的重要因素。白色底紋淺灰色文本也許讓你讀著不費力,但對于其他人來說可能根本無法讀下去。如果你的目標讀者是60歲以上的人時,你可能希望文章字色稍暗點更利于閱讀。同樣的,如果你的頁面背景太暗,要讓文字越亮越好。
你當然可以在對比度的掌握上玩的的心應手,你可以使你的圖標顏色更深來吸引讀者注意,讓其更淺來讓讀者忽略。
確保元素間的對比,背景和文字的對比。你可以使用ColourContrastCheck這樣的工具來使文章有不同的色彩和對比。