時間過得非常快，不知道你知道去年所流行的網頁趨勢的內容。經過這一年的驗證，這些趨勢確實已經成為主要的指標之一。但是，除了這些之外，還有一些重要的趨勢在這一年誕生，並且預計將會成為關鍵的指標項目:
一、行動網站設計浪潮來臨
也許你會有疑問。行動網站(以響應式網站為主)在過去幾年一直很火熱。
但這裡將告訴你，現在開始 - 玩真的~
在過去幾年當中，行動裝置網站設計主要以設計師及工程師為主。由於行動裝置越來越普及，行動裝置上網佔有比率越來越高，並且預計在2015年，移動裝置的搜尋量將會超過桌上型電腦的使用量，讓一些科技大咖也越來越重視這塊領域。
針對搜尋引擎方面，Google搜索質量團隊(Google Search Quality Team) 已經率先增加了搜尋友善標籤，當你使用行動裝置搜尋網頁時，有善標籤將會提示用戶該網站的友善程度，並且，提供相關的行動網站檢測平台，以迎接有善行動網站的新浪潮(詳見:移動趨勢時代來臨，立刻檢測你的行動網站友善度!)。
也就是說，搜尋引擎將會率先警示使用者，哪些網站是屬於不友善於行動裝置，或者還在用Flash..
此外，由於社群的使用者越來越多，為了能提升使用者搜尋體驗，Google 的搜尋引擎也已經整合了Google+社群網站，微軟也將Facebook整合到Bing搜尋引擎中，預計在未來五年，讓搜尋引擎越來越緊密地和社群網站結合。
因此預計未來，行動網頁設計將會大舉擴張版圖。
二、Google Material Design
今年6月份，Google I/O 2014最亮眼的主題就是"Google Material Design"。在這當中，Google將優秀的設計經典原則定義出來，目的是希望這些經典能以更精準的方式呈現。當中，強調以符合紙張質感及舒適性的材質為設計主軸，要讓設計能符合自然物理特性。值得關注的是，針對這些準則的相關技術及討論越來越熱烈。這股新興趨勢，在未來將會有很大的影響力。
PS: (未來，不知道會不會充滿著這種超"紙"感的APP)
三、多元版型服務
從Google +、Pinterest、Inbox等主流平台中都可以發現他們提供了版面選單，讓使用者能自由決定版型，包含:純文字排列、圖文排列、卡片式排列設計、雜誌風格排列..。並且主要以無限下拉設計(Infinite Scroll)的方式來載入內容(例如:Facebook的訊息牆)。 在這些版型當中，以卡片式設計最為亮眼。尤其式當卡片設計結合液態特效時，能讓畫面變得更活潑生動。關於卡片式設計具有以下優點: - 卡片設計架構簡單，容易理解 - 卡片設計可靈活移動排版，符合行動裝置需求 - 卡片本身空間有限，能有效於避免塞入太多資訊，讓編輯者必須思考如何簡短說明，讓使用者更加容易理解標題 - 卡片設計在行動裝置上容易點擊，因此使用者能輕鬆的分享其內容
雖然這些版型在過去已經存在，但是將這些功能匯集之後，在近幾年將越來越重要，其實也代表著，多元版型服務(由其是卡片服務)將會成為主要趨勢，提供使用者自行選擇版面的服務將會越來越流行。
四、扁平化設計的進擊
扁平化設計去除了非必要的華麗，傾向於內容的呈現，讓使用者在任何裝置都能更深入的體驗。但是在幾年之間，我們開始意識到，這股趨勢開始出現一些困境。其中包括，網路上提供了大量的扁平設計的免費樣板或低價樣板，讓一些為了能快速趕上趨勢，直接參考的現有模板的網站出現，造成許多網站越來越像的情況。幸運的是，設計理念不斷的演進，其中，因為Material Design的出現，帶來了許多關於材質觸感效果、及不同的視覺層面的思考準則。因此，相信在未來，扁平化設計將有更進一步嶄新的突破。
五、Web Fonts
過去，網頁字形往往使用工整的編排方式，並且大量使用預設字體為主。當Google Font等相關具有設計感的網頁字型出現之後，設計師們便開始跳脫平淡的做法，嘗試將字形做不同的編排及風格呈現，可惜多是以英文字形為主，亞洲字形資源仍然缺乏。在2014年，Google與Adobe合作推出一款"思源黑體“之後，讓亞洲的設計師能運用這個字型，讓網頁設計能更具有現代感、容易閱讀。未來，字形的變化將會越來越多元，其中包含結合響應式、視差滾動以及搭配陰影、深度的方式，甚至以文字來繪圖的方式呈現，讓字體更加動感多元。這股趨勢必然會持續延燒，越來越多網站會將字形設計列為重點要素，會有越來越多的創新字體出現，並且期待嶄新的技術能與網頁字體結合，打造更具有美感的網站。
六、始終經典的大背景圖
在2014年之前，已經有越來越多主流網站已大面積的背景圖為架構，並且在設計輪播圖時，也是以大背景圖輪播方式已取代Coverflow，並且會結合動態影片、垂直視差滾動等方式來呈現。相信在未來，會持續保持這樣的趨勢。 關於背景圖的風格，近年流行使用類似 Instagram 編修過色調、風格的圖片。在2014年則開始改以強調清晰的細節、且具生動、大膽、喜悅的圖片，讓背景圖能更真實的傳達產品的涵義(而非純藝術)。並且，鼓勵使用大膽的呈現方式，以3D的方式讓圖片更具有層次。或是以故事的方式，讓圖片具有情緒、啟發性。在2015年，保留圖片的真實性，避免過度修飾，讓圖片容易理解的方式將會變成主要趨勢，讓使用者能獲得更好的體驗。
七、真實觸感的按鈕
圖片來源: 
未來，按鈕將會朝向友善行動裝置的方向來設計，主要以Material Design描述的浮動、突起、扁平三種風格為主，並且著重符合觸碰的尺寸、類似真實按鈕的觸感。此外，幽靈按鈕(Ghost Button)的設計風格也將會是重點之一。所謂的幽靈按鈕是指透明的，僅具有基本的框線組成的按鈕圖示。當然，目前來說，現在很流行幽靈按鈕，但是要注意使用過程可能會讓按鈕消失在焦點中，因此必須思考如何讓它脫穎而出。此外，滑鼠移動到按紐上所出現的工作提示框，盡可能添加符合物理動作的彈出方式，呈現的方式也將會是未來的重點。
八、符合應用程式概念的轉場
當設計元素及效果越來越多元，載入資料量也跟著越來越多，造成網頁資源載入完成之前，出現凌亂不堪的畫面。這個問題，在過去，已經開始使用載入初始頁面或進度條的方式來解決，確認所有元素都妥善就位後，再移除初始畫面。 未來，為了因應行動裝置上網的趨勢，在網頁完整載入前的初始畫面將會越來越重要。網頁轉場除了會設計豐富的載入動畫頁，針對切換網頁時的轉場，將會以類似舞台劇的方式來編排進場元素及退場元素的動作，讓元素能有順序且連貫的移動，使畫面更生動，具有意義，以增加使用者的體驗。 以Google為哈比人五軍之戰做出的戰場地圖，為例: 在各個場景切換過程，都會針對出場及退場設計轉場動畫，讓網站能更符合應用程式的概念來呈現。
九、豐富的選單變化
為了符合行動裝置體驗，具有響應式的目錄將會成為主流。在桌機環境中，可以用目錄搭配選單按鈕的方式來呈現，當切換到行動裝置時，則會將目錄隱藏，以選單按鈕的方式來呈現。關於點擊選單按鈕後的呈現方式，最常見的屬於長條狀的目錄選單。未來，針對選單的呈現方式將會越來越多元，其中包含目錄選項環繞主要按鈕、自然的重新編排元素等。
十、與使用者互動的提示訊息
提示功能在未來將會是大數據的利器，若能妥善的安排，除了能夠讓使用者覺得貼心，更重要的是可以有效的提升轉換率。其中主要的關鍵在於如何搭配情境來設計提示訊息。提示資訊出現的地點可以遍及各個角落，出現的時機則包含固定及非固定的情況。固定的情況，例如:使用者首次登入頁面的操作指示、提示進行某項工作、以及確保表單操作過程正確。非固定情況則包含即時新聞、收到訊息、或者由大數據演算過後給予的建議資訊。這些對話框的設計必須要能讓使用者容易察覺，並且要能清楚表達、避免過於突兀或造成干擾。