2014年網(wǎng)站設(shè)計(jì)趨勢

    我最近一次重新設(shè)計(jì)我的網(wǎng)站Hitched是在約五年前。自那時以來，發(fā)生了很多變化，尤其是近年移動設(shè)備的迅速崛起。雖然我們多年前就確保我們的網(wǎng)站可在移動設(shè)備上瀏覽，但它并沒有（現(xiàn)在仍然沒有）針對小型設(shè)備進(jìn)行優(yōu)化。不用說，我們正拼命工作，以盡快改進(jìn)網(wǎng)站。

    在我們努力為網(wǎng)站更換新外衣之際，我碰巧發(fā)現(xiàn)了當(dāng)前一些我們可能會、也可能不會追隨的設(shè)計(jì)趨勢，不管怎樣，我希望能和大家分享。

    連續(xù)滾動。這是福布斯網(wǎng)站已經(jīng)采用的一種設(shè)計(jì)元素。在你向下滾動頁面時，你不用點(diǎn)擊就會自動進(jìn)入下一篇文章。由于你連續(xù)滾動屏幕，這改變了網(wǎng)站設(shè)計(jì)中的其它元素。例如，你在打開第二篇文章時，除非你添加了浮動導(dǎo)航和其它元素，否則你會失去非常重要的“頂部折起”功能。

    較大的字體。雖然多年來我們未對網(wǎng)站進(jìn)行重大改造，但幾個月前我們悄悄加大了我們文章頁面的字體大小。明年，我預(yù)計(jì)字體還會變得更大。這么做的一個重要原因是計(jì)算機(jī)和其它目前使用的設(shè)備的屏幕分辨率得到了得高，屏幕也更大，這讓之前流行的標(biāo)準(zhǔn)字體大小顯得十分細(xì)小。

    更加靈敏的移動設(shè)計(jì)。我較早前提到過移動設(shè)備是如何影響網(wǎng)頁設(shè)計(jì)的。公關(guān)公司W(wǎng)alker Sands發(fā)現(xiàn)，2013年第三季度，移動設(shè)備在全部網(wǎng)站訪問流量中占據(jù)了28%的份額，比去年同期上升了67%。我們的數(shù)字顯示，移動設(shè)備目前占Hitched全部訪問流量的近60%。幾年來這一趨勢一直在上升，2014年仍將持續(xù)。過去對此采用的設(shè)計(jì)方法是創(chuàng)建一個專門面向移動設(shè)備的網(wǎng)站，但現(xiàn)在網(wǎng)站反應(yīng)更加靈敏，能夠根據(jù)設(shè)備和屏幕進(jìn)行相應(yīng)調(diào)整。這意味著網(wǎng)站發(fā)布者無需維護(hù)兩個完全不同的網(wǎng)站，而可以專注于一個能根據(jù)終端情況做出相應(yīng)反應(yīng)的網(wǎng)站。

    扁平化設(shè)計(jì)�？雌饋硪苿釉O(shè)備真的是推動了一切事物的發(fā)展。自從蘋果公司發(fā)布經(jīng)過徹底改造、完全采用扁平化設(shè)計(jì)的iOS 7以來，扁平化審美迅速席卷桌面系統(tǒng)和網(wǎng)站設(shè)計(jì)領(lǐng)域（公平地說，扁平化設(shè)計(jì)最先由Windows采用）。例如，我們使用的社交書簽共享網(wǎng)站AddThis在11月更新了他們的共享按鈕，采用了新的扁平化設(shè)計(jì)�？雌饋肀馄交�設(shè)計(jì)不僅僅是提供了新的外觀，它還提升了性能。AddThis提到新按鈕比他們原來的按鈕小了40%。考慮到扁平化設(shè)計(jì)排除了所有那些能迅速吃掉寶貴流量的陰影和漸變效果，這實(shí)際上極具意義。

    視差滾動。我第一次看到網(wǎng)站使用視差滾動是2012年《紐約時報》網(wǎng)站上一篇題為“Snow Fall”的特寫文章。自那時起，其它網(wǎng)站也在采用這一技術(shù)，看起來在2014年，這將成為一個標(biāo)準(zhǔn)設(shè)計(jì)。如果你不熟悉視差滾動，我將對它做一簡要說明。視差滾動將網(wǎng)頁以多層呈現(xiàn)，其中背景層以不同于前景層的速度滾動（實(shí)際上背景層可能根本沒有移動）。其它技術(shù)也可以配合使用，比如動畫可以實(shí)現(xiàn)某些特別而帶動感的效果。我們最近發(fā)布了“2013年假日禮品指南”，其中包括由FiftyThree公司開發(fā)的一款名為“Pencil”的新式觸控筆。我提到這點(diǎn)是因?yàn)樗麄兊漠a(chǎn)品站點(diǎn)非常有效地利用視差滾動技術(shù)對“Pencil”這款產(chǎn)品進(jìn)行了分解和說明。我希望視差滾動和其它設(shè)計(jì)趨勢能對你下一次重新設(shè)計(jì)網(wǎng)站有所啟發(fā)。