2015年，網站設計十大趨勢

每年，網站設計都在快速提高，天天幾乎都有新的設計泛起。我可以想象得到，2015年將泛起最好的網站，包括2014年已經猜測到的很多趨勢。跟著這些趨勢在2015年左右實現，現在該是時候讓我們猜測2015年可能泛起的新趨勢了。每個人都在反思2014年，并瞻望2015年，下面就讓我們看看2015年可能泛起的網站設計趨勢。

▲動彈翻頁更流行

今天泛起的大多數新網站傾向于更長的頁面，并通過動彈方式翻頁。跟著移動設備越來越受歡迎，以動彈方式瀏覽顯示器上的內容變得越來越常見，正代替點擊方式，特別是在設備的主頁面上。對于用戶來說，以動彈翻頁的方式獲得信息顯然比不斷地點擊按鈕更簡樸。

主頁并非動彈翻頁越來越流行的獨一地方。跟著超長動彈網站（即一頁式網站）日益變得熱點，動彈帶來的好處也更多，除主頁面外的其他很多地方也開始泛起這種模式，好比有關網頁以及產品網頁等，它們都已成為展示各種內容的簡樸顯示方式。好比，蘋果iPhone 6的動彈翻頁方式已經擴展到很多地方，可以展示該產品各種特點和機能。此外，iPhone 6網站也增加了一些流暢的動畫，讓動彈體驗在視覺上變得更具吸引力。

▲講故事+互動

對于網站來說，擁有令人感到驚異的內容老長短常樞紐，而利用這些內容講故事更是一大上風。2015年的網站設計很可能聚焦于如作甚用戶講故事。好比，Space Needle（美國西雅圖地標建筑太空針塔）的網站非常漂亮，可以通過使用講故事的方式先容Space Needle的有關事實，并以動彈翻頁的設計予以支持。Space Needle也證實2015年的另一種趨勢——互動。網站設計正添加更多互動和動畫元素，以獨特和有吸引力的方式匡助先容內容。在網站設計中加入互動與動畫，可認為你的網站帶來令人驚奇的因素。好比，Impossible Bureau網站的互動性就很強，可以對你的動彈和懸停做出回應。

▲大標題背景圖像缺失

過去幾年中，網站設計中十分流行大標題背景圖像，上面常常有文字說明，這也是大多數訪客瀏覽網站時首先看到的東西。而在大標題背景圖像如斯流行的情況下，你的網站如何能脫穎而出呢？采取相反措施。近來泛起的一些網站逆勢而行，即沒有大標題背景圖像。我猜，他們這樣做不僅僅是不愿意追隨潮流，而且也在尋求進步網站的機能與速度。New Wave Company的網站就體現出這些特點。它使用大標題歡迎訪客，大字體集中在網頁中央，但標題后面沒有大背景圖片。這是一種高雅的做法，效果并不次于其他使用大背景圖像的流行網站設計。

▲剔除非必要設計元素

有一種設計觀念以為，當所有非必要元素都被剔除后，網站設計才算完成。2015年，我以為我們能夠看到這種觀念更好地體現出來，由于更多網站都在試圖通過剔除非必要設計元素實現網站設計的簡化。New Wave Company網站中剔除大背景圖像的做法就是最好例證之一。另一個剔除非必要設計元素確保網站簡潔的最佳例證是Rareview Digital Agency網站，它也沒有使用大背景圖像標題問候訪客。設計師們實際上已經消除了很多當前網站上流行的設計元素，好比背景顏色、眾多圖片以及復雜布局等。相反，他們選擇更清楚、簡潔的網站設計，在注重設計、圖片以及顏色確當前網站中，這些設計不禁令人面前一亮。

▲固定寬度的中央網站布局

過去幾年中，大多數網站都使用了以寬度為中央的網站布局，它可以讓圖片或視覺延伸部門在整個瀏覽器視口中全部展現出來。在這種趨勢熱點前，大多數網站都是固定寬度的，內容處于網頁中央，你可以看到網站兩側的終結部門。固定寬度趨勢好像正以更現代的方式回歸，只是網站及其內容部門不再處于視口的邊側，有些網站選擇最大寬度，以確保它們的內容處于視口中央。Michele Mazzucco的網站就是如斯。 

▲專業高質量自定義攝影

圖庫照片依然在設計中據有一席之地，但是對于大多數最新泛起的網站來說，圖庫照片開始采取高質量的專業攝影照片，它們通常是唯一無二的，專為網站自定義拍攝的。使用自定義攝影比僅選區圖庫照片在設計方面取得了更大提高，它讓你的網站唯一無二，其他網站無法使用同樣的照片。好比，Grain and Mortar網站的自定義照片使用了該網站的大標題，這展現出個性化效果，由于照片上的人和辦公場景都是在Grain and Mortar真實存在的，究竟沒有假辦公空間的圖庫照片！

▲彈出/滑出應用式菜單

響應式網站設計已經流行了一段時間，可是直到近來，大多數網站設計重點都放在令網站在桌面設備上看起來更好，而在手機或平板設備上看得過去即可。不管何種設備，響應式網站設計正邁向更好體驗。我們正看到這種設計元素向移動設備上轉移，并在更廣泛地使用。好比24ways與Rawnet都展示了這種觀念，將類似應用和響應式菜單添加到整個網站中，而不僅僅有更小視口的設備上。在這種情況下，這兩家網站選擇靠左或靠右的垂直菜單，而不是位于頂部的水平菜單，使用起來更像彈出/滑出應用式菜單，這種技術答應網站應用與響應式設計泛起在更小的視口上。

▲躲藏主菜單

這與上面討論過的彈出/滑出應用式菜單很像，我期待更多網站可能向首次訪問網站的訪客躲藏主菜單。只有當訪客預備移動和點擊相應圖標后，這些躲藏菜單才會顯示出來。這種響應式設計技術正開始泛起在網站設計中，而非僅僅小的視口中。Brian Hoff Design的新網站就是最好的例子。他使用網站右上角的漢堡圖標躲藏導航功能，直到訪客點擊它。過去2年，這種行為已經逐漸被接受，訪客正習慣在網站應用或手機應用上如斯操縱。他將這種模式應用到網站上，不管視口多大，都可匡助確保網站簡介，功能完全。

▲非常大的字體

2014年，字體在很多網站設計中施展重要作用，我未發現這種趨勢在短期內改變的跡象?？墒?015年，我看到網站中的標題和字體變得越來越大?？鋸埖卣f，就連天上的飛機可能都能看到地面上的字。當你訪問Tiny Giant的網站時，你會看到很大的字體。這實際上是一種聲明，讓你很難錯過。大字體將繼承在2015年的網站設計中施展重要作用，成為確保進步訪客視覺層次的方法。訪客首先會看到最大的字體，由于那會首先吸引你的留意力。

▲機能與速度

很多設計趨勢受需求驅動，以促使網站加載速度更快，消耗的寬帶流量更少。這篇文章中討論的大多數趨勢都可能需要減小網站，為那些手機、平板設備或更慢網絡用戶尋找更快加載方式。網站設計師和開發者越來越強烈地意識到自己網站的權重，以及用戶如何與他們互動。響應式網站設計已經匡助減輕這些擔憂。網速過慢以及設備類型等因素迫使設計師和開發者緊密親密關注它們的文件和網站大小，網站加載速度在不同網速前提下也不盡相同。無需驚奇，2015年需要加載速度更快、沒有滯后感的無縫網站。