每年，網站設計都在快速進步，每天幾乎都有新的設計出現。我可以想象得到，2015年將出現最好的網站，包括2014年已經預測到的許多趨勢。隨著這些趨勢在2015年左右實現，現在該是時候讓我們預測2015年可能出現的新趨勢了。

網頁設計趨勢的探討主要會在排版布局、色彩搭配、用戶體驗和設計風格中進行。2014年設計趨勢的綜合指數比較高，每個部分都會有所涉及;而隨著用戶對網站使用體驗的要求越來越“嚴苛”，我們有理由相信，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年，我看到網站中的 標題和字體變得越來越大。夸張地說，就連天上的飛機可能都能看到地面上的字。當你訪問Tiny Giant的網站時，你會看到很大的字體。這實際上是一種 聲明，讓你很難錯過。大字體將繼續在2015年的網站設計中發揮重要作用，成為確保提高訪客視覺層次的方法。訪客首先會看到最大的字體，因為那會首先吸引 你的注意力。

十一、停不下來的頁面自適應(響應式)

如今移動端的用戶數量足以證明頁面自適應的重要性，隨著各種智能化設備繼續不斷興起，自適應更將成為設計師們需要研究的課題。和過去相比，響應式網頁不僅要在未來適應更多不同的分辨率，也要同時關注內容流、斷點、相對單位，以及套嵌對象等內容的設計，讓用戶真正享受到自適應帶來的舒適感。

十二、卡片式設計

設計的內在魅力被挖掘的越來越深入，網頁的邏輯條理關系也因此受到了大家的關注，卡片式設計就此崛起!

關于卡片式設計，也許最簡單的解釋就是一張撲克牌。一個圖案、一個文字，雖然內容并不多，但能很清楚的表達出這張卡片的含義。不僅如此，設計師還應該在此基礎上為用戶提供交互的機會，因為卡片式設計反饋的不只是一條有價值的資訊，更需要讓用戶融入其中做更多的事。

十三、扁平化不再是風格，而是一種手法

最值得一提的是2014年如火如荼的扁平化設計!

扁平化設計在近幾年的勢頭不言而喻，就連WIN8刮起的Metro風也加入了以色塊為主的扁平效果。扁平化設計是指無論是色塊、圖片，又或是布局表現都去掉了陰影、漸變等擬物化元素，這樣的設計理念很符合時下的設計風尚，將扁平化用到極致依然不失為一種非常好的設計。

但是，我們絕不能為了扁平化而扁平化!如果加個內陰影就能讓網頁更有立體感和豐富飽滿，那我們為什么不這樣做呢?正如蘋果公司一直堅決推崇的：提煉一款偉大產品設計直至最干凈簡潔的狀態，而并非定格它“必須的”風格走向。

未來的扁平化運用更傾向于是一種表現手法，比如你的設計可以是小清新風格，也可以是歐美風格，但這并不妨礙其中都使用了扁平化的手法。絕對的扁平化除了一些軟件級產品或是主打扁平化設計的作品之外，可能更適合作為提高設計水準的工具。

十四、性能與速度

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

十五、更優雅的個性化微交互

首先說明一下關于“個性化”的理解。很多網站的通病是把當下流行的元素和技術，在不顧及實際體驗的情況下統統搬到自己的網站上，一味的追求自認的“個性化”設計方式，像這樣的外貌協會行為明顯已經不符合如今的網頁設計趨勢了。

在未來的網頁設計領域，我們需要的是一種更優雅的微交互反應方式。比如鼠標懸停時產生效果、便于快速訪問的隱藏導航，以及注冊頁面的彈出框等，這些小細節的設計看起來很不起眼，但能在用戶心里留下深刻的印象。

 本信息來源于：東郡網絡