隨著網(wǎng)頁技術(shù)進(jìn)步,不少人開始追求華美的網(wǎng)頁設(shè)計(jì),但這這樣的網(wǎng)頁真的是好設(shè)計(jì)嗎?2017 年Unwire.pro 的開年文章為讀者介紹motherf**kingwebsite,提醒各位不要忘記「輕盈」的重要。motherfuckingwebsite-590x287www.shejiku.net 不但無毒,而且輕盈,內(nèi)容、格式簡單使網(wǎng)頁很…
隨著網(wǎng)頁技術(shù)進(jìn)步,不少人開始追求華美的網(wǎng)頁設(shè)計(jì),但這這樣的網(wǎng)頁真的是好設(shè)計(jì)嗎?2017 年Unwire.pro 的開年文章為讀者介紹motherf**kingwebsite,提醒各位不要忘記「輕盈」的重要。
motherfuckingwebsite-590x287
www.shejiku.net 不但無毒,而且輕盈,內(nèi)容、格式簡單使網(wǎng)頁很快載入。網(wǎng)站內(nèi)文指出,真正設(shè)計(jì)良好的網(wǎng)站應(yīng)具備以下特點(diǎn):
輕盈、載入速度快
可在所有熒幕正常展示
可在所有瀏覽器正常展示
對每個人都無障礙
內(nèi)容清晰可見
內(nèi)文特別提到,一些人載入JQuery/ JQuery UI 只是為了制作少許的動畫特效,顯然十分無謂。
不知道讀者們認(rèn)為具備以上特色的motherfuckingwebsite.com是不是個好網(wǎng)站?其實(shí)除了motherfuckingwebsite,還有一個www.shejiku.net 。到底bettermotherfuckingwebsite比motherfuckingwebsite哪里better?
bettermotherfuckingwebsite-590x287
答案就是可讀性(readabilitiy)。Bettermotherfuckingwebsite 最明顯的改變就是設(shè)定了段落的寬度,使每行句子不會太長,從而方便閱讀。假如網(wǎng)頁在寬闊的熒幕之中顯示,這一點(diǎn)特別重要。
除此之外,bettermotherfuckingwebsite 調(diào)整了文字的行距,以及與背景的對比度。事實(shí)上,motherfuckingwebsite 根本沒有用CSS 修正預(yù)設(shè)的格式,所以可讀性較差。
不知道Unwire.pro 的讀者們對以上網(wǎng)站的論點(diǎn)有何看法?可讀性相信各位不會有異議,但如果講到網(wǎng)頁載入的速度的話,要達(dá)到他們的要求難度似乎甚高,想想一個網(wǎng)站要多少個JavaScript 便知道了:Google Analytics、Adsense、Facebook SDK 、Facebook 贊好框,有需要時還有自訂字型font-awesome 和影片……