2014年網(wǎng)站設計趨勢

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

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

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

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

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

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

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