1. <li id="eaqh1"></li>
            網站廣播 本站提供的源碼經過測試,有前臺及后臺管理界面演示圖,免費下載!
            提高網站可讀性的方法
            2013-02-10 20:11:32    【 】   瀏覽:

                一個更易讀的網站意味著網站使用性的改良以及提供愉悅的閱讀體驗。我們希望瀏覽者們能或者這些好處不是嗎?


                這篇文章我們將介紹5個簡單的方法讓你能提高你網站的可讀性。當然,文章的最后請大家自由發表意見,我希望能知道你們的想法。



                對排版的基本了解


                你必須收悉字距調整、亮度動態控制、首字、截線、無截線、線高等術語。


                排版是現代網站設計的一個重要方面,特別是現在許多人使用css下的font-face字體而且有一些像Typekit一樣的軟件讓人們可以用不合法的字體在他們的網頁上。



                當然最漂亮的字體也不能在你不遵守相關基礎規則的情況下幫助你。試著一直用字體標準度量,無論是你的自創體還是現有的字體,簡單的12, 14, 16, 18, 21, 24, 36, 48, 60,將會很好的規范字體等級制度,保持使用合法的字體度量標準。


                有效地利用空白處



                “空白空間”是指設計網站時的閑置空間-它并不一定指白色的白,可以說它是隔開章節段落之間的那些空閑空間。能更好的利用這些空間是提高你網站可讀性的關鍵。


                如果你的網站擠的滿滿的使得段與段之間都沒有空白,閱讀瀏覽你的網站將變得很困難。確保你的文字內容,副本,圖標,列表,超鏈接以及其他元素擁有自己的空間。


                我們知道網絡使用者是不回去耐心閱讀的,他們快速瀏覽直到找到他們感興趣的內容,于是才點擊來讀(或者繼續快速瀏覽)。在這方面做一些提高,通過利用空白空間讓你的頁面便于瀏覽。


                對其線和格



                如果文章和其他網頁元素在網頁上四處分散會使你的頁面十分難以閱讀從而無人問津。使用對其格能幫助你保持頁面的整齊并讓讀者能直接的發現你頁面的關鍵點-比如說請讀者注意的按鈕。


                有一些出名的網格系統如960.gs 和Blueprint可以作為你設計網頁的起點和參考。我個人喜歡用我自己的構架風格,但是我相信這只是個人選擇罷了。


                色彩對比



                顯然上述的幾點對網頁設計很重要,但是色彩對于網頁也是不可或缺的重要因素。白色底紋淺灰色文本也許讓你讀著不費力,但對于其他人來說可能根本無法讀下去。如果你的目標讀者是60歲以上的人時,你可能希望文章字色稍暗點更利于閱讀。同樣的,如果你的頁面背景太暗,要讓文字越亮越好。


                你當然可以在對比度的掌握上玩的的心應手,你可以使你的圖標顏色更深來吸引讀者注意,讓其更淺來讓讀者忽略。


                確保元素間的對比,背景和文字的對比。你可以使用Colour Contrast Check‘這樣的工具來使文章有不同的色彩和對比。


                確保簡潔切題



                如我之前說的,人們不會去仔細閱讀,他們只是瀏覽罷了。至少我是這樣的。所以讓你的內容簡短并把不相關的東西去掉可以提高可讀性。要知道你不是在寫小說,你是在寫網絡文章。我個人一看到長篇大論的文章就立刻點擊關閉。把文章拆成小段落和關鍵點。


                當你能把文章縮到50字時就不要寫100個字。保持簡潔切題你的讀者會感謝你的。


                該你說了


                我知道我關于這個問題的看法只是表面見解,請同我們分享你們的小經驗。我會仔細閱讀它們的。評論區見!


            Tags:網站可讀性
            】【打印繁體】【關閉】 【返回頂部
            上一篇CSS網頁設計無效的10個原因 下一篇jquery實時更新調用數據代碼

            廣告推薦

            網頁設計文章推薦閱讀

            时时彩后二稳赚技巧

                  1. <li id="eaqh1"></li>

                          1. <li id="eaqh1"></li>