太原網(wǎng)頁(yè)設(shè)計(jì)工作室飛揚(yáng)動(dòng)力分享網(wǎng)站設(shè)計(jì)的文章一篇:一個(gè)更易讀的網(wǎng)站意味著網(wǎng)站使用性的改良以及提供愉悅的閱讀體驗(yàn)。我們希望瀏覽者們能或者這些好處不是嗎?這篇文章我們將介紹5個(gè)簡(jiǎn)單的方法讓你能提高你網(wǎng)站的可讀性。
對(duì)排版的基本了解
你必須收悉字距調(diào)整、亮度動(dòng)態(tài)控制、首字、截線、無(wú)截線、線高等術(shù)語(yǔ)。
排版是現(xiàn)代網(wǎng)站設(shè)計(jì)的一個(gè)重要方面,特別是現(xiàn)在許多人使用css下的font-face字體而且有一些像Typekit一樣的軟件讓人們可以用不合法的字體在他們的網(wǎng)頁(yè)上。
當(dāng)然最漂亮的字體也不能在你不遵守相關(guān)基礎(chǔ)規(guī)則的情況下幫助你。試著一直用字體標(biāo)準(zhǔn)度量,無(wú)論是你的自創(chuàng)體還是現(xiàn)有的字體,簡(jiǎn)單的12, 14, 16, 18, 21, 24, 36, 48, 60,將會(huì)很好的規(guī)范字體等級(jí)制度,保持使用合法的字體度量標(biāo)準(zhǔn)。
有效地利用空白處
“空白空間”是指設(shè)計(jì)網(wǎng)站時(shí)的閑置空間-它并不一定指白色的白,可以說(shuō)它是隔開(kāi)章節(jié)段落之間的那些空閑空間。能更好的利用這些空間是提高你網(wǎng)站可讀性的關(guān)鍵。
如果你的網(wǎng)站擠的滿滿的使得段與段之間都沒(méi)有空白,閱讀瀏覽你的網(wǎng)站將變得很困難。確保你的文字內(nèi)容,副本,圖標(biāo),列表,超鏈接以及其他元素?fù)碛凶约旱目臻g。
我們知道網(wǎng)絡(luò)使用者是不回去耐心閱讀的,他們快速瀏覽直到找到他們感興趣的內(nèi)容,于是才點(diǎn)擊來(lái)讀(或者繼續(xù)快速瀏覽)。在這方面做一些提高,通過(guò)利用空白空間讓你的頁(yè)面便于瀏覽。
對(duì)其線和格
如果文章和其他網(wǎng)頁(yè)元素在網(wǎng)頁(yè)上四處分散會(huì)使你的頁(yè)面十分難以閱讀從而無(wú)人問(wèn)津。使用對(duì)其格能幫助你保持頁(yè)面的整齊并讓讀者能直接的發(fā)現(xiàn)你頁(yè)面的關(guān)鍵點(diǎn)-比如說(shuō)請(qǐng)讀者注意的按鈕。
有一些出名的網(wǎng)格系統(tǒng)如960.gs 和Blueprint可以作為你設(shè)計(jì)網(wǎng)頁(yè)的起點(diǎn)和參考。我個(gè)人喜歡用我自己的構(gòu)架風(fēng)格,但是我相信這只是個(gè)人選擇罷了。
色彩對(duì)比
顯然上述的幾點(diǎn)對(duì)網(wǎng)頁(yè)設(shè)計(jì)很重要,但是色彩對(duì)于網(wǎng)頁(yè)也是不可或缺的重要因素。白色底紋淺灰色文本也許讓你讀著不費(fèi)力,但對(duì)于其他人來(lái)說(shuō)可能根本無(wú)法讀下去。如果你的目標(biāo)讀者是60歲以上的人時(shí),你可能希望文章字色稍暗點(diǎn)更利于閱讀。同樣的,如果你的頁(yè)面背景太暗,要讓文字越亮越好。
你當(dāng)然可以在對(duì)比度的掌握上玩的的心應(yīng)手,你可以使你的圖標(biāo)顏色更深來(lái)吸引讀者注意,讓其更淺來(lái)讓讀者忽略。
確保元素間的對(duì)比,背景和文字的對(duì)比。你可以使用Colour Contrast Check‘這樣的工具來(lái)使文章有不同的色彩和對(duì)比。
確保簡(jiǎn)潔切題
如我之前說(shuō)的,人們不會(huì)去仔細(xì)閱讀,他們只是瀏覽罷了。至少我是這樣的。所以讓你的內(nèi)容簡(jiǎn)短并把不相關(guān)的東西去掉可以提高可讀性。要知道你不是在寫(xiě)小說(shuō),你是在寫(xiě)網(wǎng)絡(luò)文章。我個(gè)人一看到長(zhǎng)篇大論的文章就立刻點(diǎn)擊關(guān)閉。把文章拆成小段落和關(guān)鍵點(diǎn)。
當(dāng)你能把文章縮到50字時(shí)就不要寫(xiě)100個(gè)字。保持簡(jiǎn)潔切題你的讀者會(huì)感謝你的。