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