我最近一次重新設(she)計我的網站Hitched是在(zai)約(yue)五年前。自那(nei)時(shi)以來，發(fa)生了很(hen)多(duo)變化，尤其是近年移動(dong)設(she)備的迅速(su)崛(jue)起。雖(sui)然我們多(duo)年前就確保我們的網站可在(zai)移動(dong)設(she)備上瀏覽，但它并沒(mei)有(you)(you)（現在(zai)仍然沒(mei)有(you)(you)）針對小型(xing)設(she)備進行優化。不用說，我們正拼(pin)命工作，以盡快(kuai)改進網站。

    在我(wo)(wo)們努力為網站更(geng)換新(xin)外衣(yi)之際，我(wo)(wo)碰(peng)巧發(fa)現了當前(qian)一些(xie)我(wo)(wo)們可能會、也可能不(bu)會追隨的(de)設計趨勢(shi)，不(bu)管怎樣，我(wo)(wo)希望能和大家(jia)分享。

    連續滾動。這是福(fu)布斯網站(zhan)已經采(cai)用的一(yi)種設計元素(su)。在你(ni)向下滾動頁面(mian)時，你(ni)不用點擊(ji)就(jiu)會自動進(jin)入(ru)下一(yi)篇文章。由于你(ni)連續滾動屏幕(mu)，這改變了網站(zhan)設計中的其(qi)它元素(su)。例如，你(ni)在打開第二篇文章時，除(chu)非你(ni)添加了浮動導航(hang)和其(qi)它元素(su)，否則你(ni)會失(shi)去(qu)非常(chang)重(zhong)要的“頂部折起”功能。

    較大的字體。雖然多年來我們未對網(wang)站進行(xing)重(zhong)大(da)(da)(da)改(gai)造，但(dan)幾個月前我們悄悄加大(da)(da)(da)了我們文章頁(ye)面(mian)的(de)(de)字(zi)體(ti)大(da)(da)(da)小。明年，我預(yu)計字(zi)體(ti)還會(hui)變得(de)更大(da)(da)(da)。這(zhe)(zhe)么(me)做的(de)(de)一個重(zhong)要原因是計算機和其它目前使(shi)用的(de)(de)設備(bei)的(de)(de)屏幕分辨率得(de)到了得(de)高，屏幕也更大(da)(da)(da)，這(zhe)(zhe)讓之前流行(xing)的(de)(de)標準字(zi)體(ti)大(da)(da)(da)小顯得(de)十分細小。

    更加(jia)靈敏的(de)(de)移(yi)(yi)動(dong)設計(ji)。我較早前提到過移(yi)(yi)動(dong)設備是(shi)如(ru)何(he)影響網(wang)(wang)頁設計(ji)的(de)(de)。公關公司Walker Sands發現(xian)，2013年第(di)三季度，移(yi)(yi)動(dong)設備在全部網(wang)(wang)站訪問流量中占據了28%的(de)(de)份額，比去(qu)年同(tong)(tong)期上升了67%。我們的(de)(de)數(shu)字顯示(shi)，移(yi)(yi)動(dong)設備目前占Hitched全部訪問流量的(de)(de)近60%。幾(ji)年來這一趨勢(shi)一直在上升，2014年仍將持續。過去(qu)對此(ci)采(cai)用的(de)(de)設計(ji)方(fang)法是(shi)創(chuang)建(jian)一個(ge)(ge)專(zhuan)門面向移(yi)(yi)動(dong)設備的(de)(de)網(wang)(wang)站，但現(xian)在網(wang)(wang)站反應(ying)更加(jia)靈敏，能(neng)夠(gou)根據設備和(he)屏幕進行相應(ying)調整。這意味(wei)著網(wang)(wang)站發布者(zhe)無需維(wei)護兩個(ge)(ge)完全不同(tong)(tong)的(de)(de)網(wang)(wang)站，而可以專(zhuan)注于(yu)一個(ge)(ge)能(neng)根據終端情(qing)況做出相應(ying)反應(ying)的(de)(de)網(wang)(wang)站。

    扁平化設計。看起來移動設備真的是推動了一切事物的發展。自從蘋果公司發布經過徹底改造、完全采用扁平化設計的iOS 7以來，扁平化審美迅速席卷桌面系統和網站設計領域（公平(ping)地說，扁(bian)(bian)(bian)平(ping)化(hua)(hua)設(she)(she)計(ji)最先由Windows采(cai)(cai)用）。例(li)如，我(wo)們使用的(de)(de)社(she)交書(shu)簽(qian)共(gong)享(xiang)網站AddThis在11月更新(xin)(xin)了(le)他(ta)們的(de)(de)共(gong)享(xiang)按(an)(an)鈕(niu)(niu)，采(cai)(cai)用了(le)新(xin)(xin)的(de)(de)扁(bian)(bian)(bian)平(ping)化(hua)(hua)設(she)(she)計(ji)。看起(qi)來(lai)扁(bian)(bian)(bian)平(ping)化(hua)(hua)設(she)(she)計(ji)不僅(jin)僅(jin)是提(ti)供了(le)新(xin)(xin)的(de)(de)外觀，它還提(ti)升了(le)性能。AddThis提(ti)到新(xin)(xin)按(an)(an)鈕(niu)(niu)比(bi)他(ta)們原(yuan)來(lai)的(de)(de)按(an)(an)鈕(niu)(niu)小了(le)40%。考(kao)慮(lv)到扁(bian)(bian)(bian)平(ping)化(hua)(hua)設(she)(she)計(ji)排除了(le)所有(you)那些能迅速吃(chi)掉寶貴(gui)流(liu)量的(de)(de)陰影和漸變(bian)效果，這(zhe)實際上極具(ju)意義。

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