2017 年十大網頁設計趨勢

2017 年十大網頁設計趨勢

又迎來了嶄新的一年，讓咱們來了解網頁設計的發展趨勢吧。

隨着技術的蓬勃發展，它們已經深刻到了咱們平常生活的方方面面，而用戶們也愈來愈注重線上的體驗。

自身、互動、相關這三個關鍵詞，是用戶指望經過他們的 UX 設計來知足的體驗。而這也意味着網頁設計師將要面臨更加嚴峻的網站開發挑戰，他們須要感知用戶的體驗，並貫穿到網站開發的全過程。

2017 年會出現哪些新趨勢？

去年，我寫了篇關於 2016 年七大網頁設計趨勢的文章。它受到了衆多網友的關注。所以，我決定再也不更新去年的文章，而與你們分享一篇關於 2017 年網頁設計趨勢看法的新文章。

讓咱們開始吧！

1. 傳統網頁設計的消亡

網頁設計正從傳統的概念中逐漸的消亡。或像 Eric Meyer 在最近的 Offscreen 雜誌中所說的，他中止稱本身爲網頁設計師，而是稱本身爲「體驗設計師」。

在傳統的網頁設計中，設計的做用更可能是讓研發人員看起來不錯，而現現在網頁設計已演變的不只如此了。

網頁設計師（或體驗設計師）再也不只是使網站「看起來美麗」。 相反，他們須要研究用戶的體驗以及他們之間的故事。

深刻了解推薦閱讀：網頁設計已死，體驗設計長存。

2. 對話式 UI

2016 年是對話式交互發展的重要的一年，做爲 hashtag 的創始人以及前 Google 員工Chris Messina 說：

「2016 年是對話式商務的元年。」

Chris 在這篇文章裏提到，人們將經過聊天應用，通信應用和其餘天然語言界面來與公司、服務商和機器人進行交互。做爲通信應用平臺（例如 Slack，Facebook Messenger 或 WeChat）也超越了社交網絡應用的下載，企業開始思考如何利用這一變化。

所以，對話式用戶界面（例如網站）的設計，將成爲大多數網頁設計師在 2017 年關注的重點。

雖然，仍然有諸多問題還沒有解決，但請放心：對話式界面將成爲 2017 年裏的一個主要的話題。

3. GIFs 和其餘動畫

衆多的網站和應用程序正在使用着動畫，而 GIFs 也逐步的成爲了主流。
做爲 Buffer 網站的內容製做官 Ash 說：

「GIFs 是偉大的。它們無處不在。」

如今它已經內置到 Facebook 和 Twitter 中，你也能夠將 GIFs 用於你的網頁設計。

但不要過分的依賴它們——雖然，它們很好的吸引了用戶的注意。GIFs 可以讓你提供更豐富的產品體驗，演示工做流程，或者爲你的客戶提供簡單的指導。

隨着多款 GIF 製做工具的出現（如 Photoshop，Giphy 或 record.it），網頁設計師在其設計的過程當中也不會受到限制。

簡單的說，咱們的 Usersnap 網站就熱衷於 GIFs 。

4. 下一代響應式設計

響應式設計將繼續佔據着主導地位，由於它是實現最佳用戶體驗的有效方式之一。CSS media queries 爲網站提供了靈活性，並根據訪問網站的不一樣設備進行調整。

2016 年 4 月，谷歌對網站的排名算法進行了調整，並對網站內容進行了優化。咱們看到了很多公司正忙於從新提高他們網站的 Google 排名。

做爲建站者，咱們必須接受這種狀況。雖然，沒有一個通用標準，但我確信的是網站提供的選項越少，響應的時間越短，那麼網站的轉化率就會獲得提高。

5. 極簡主義的網頁設計

在 2017 年極簡主義將會達到一個全新的高度。當用戶點擊首頁後，呈現的將是相似於「卡片」同樣的展示，它們成爲了用戶獲取網站更多信息的入口。而對於網站自己，多圖片的展現也可用於可視化的專題推薦，並能夠促使用戶進行點擊。

Netflix 就是一個比較成功的網站示例。卡片圖像不只可以詮釋節目或電影的更多內容，並且能夠減小網站的使用空間。

整體上，人們更青睞那些在視覺上清晰、簡單的網頁設計。

6. 數據可視化

現現在，數據和分析愈來愈重要。而大品牌服務商正爲用戶提供了一個查看本身網站的統計數據的機會。

經過可視化的數據展現來增長用戶與數據間的交互。當涉及讓用戶更好的表達時，豐富多彩的圖表會特別有用。例如你可使用 Tableau 來建立吸引用戶注意的圖表。

7. 減小圖庫圖片，增長真實照片

這是一個簡單卻有趣的網頁設計趨勢。 在過去幾個月瀏覽網站的過程當中，咱們發現使用圖庫圖片的網站在不斷的減小。做爲用戶，咱們更願意看到那些可以代表公司或業務的照片，而不僅是一張通用的圖片。

我也有這樣的感受，網頁設計師寧肯不選擇圖片，也不會使用圖庫圖片。

攝影是一種藝術的表現形式，卻被人們遺忘了若干年。但在2017年它會強勢迴歸。然而，銘記於心的事情是你網站的服務目的是什麼。所以，上述的一切，包括網站圖像的選擇，請務必要這樣作。

我的照片（團隊照片）一樣很受歡迎——請給品牌一個門面

不只真實圖像的使用率在不斷的增加，並且像卡通、漫畫以及其餘插圖的使用比例也在增長。尤爲是在一些科技類的社區中，一般會用一則漫畫來談論特定的主題或闡述一些細節。

8. Material Design

近年來，由 Google 推出的材料設計語言正穩步的推廣到其應用程序中，包括 Gmail，Google 地圖，Google 雲盤和 YouTube 。而早在 2013 年，材料設計就以搜索詞的形式出現了，但直到 2015 年它才成爲了主流。

它是一種在頁面上建立具備意義的層次排版結構的設計方法，在移動和響應用戶動做的同時，將用戶的焦點繪製到不一樣的區域。他們稱後者爲材料動效。而材料設計則是利用幾何形狀從視覺上來加強他們網站的體驗。

因爲它具有極大的靈活性，以及全部設備的兼容性，它也愈來愈受歡迎。

這是一個關於材料設計及其將來的持續討論。要詳細瞭解材料設計，請參閱Google上的簡介。

9. 長滾動頁網站

它是一個擁有利弊的長滾動頁網站。總而言之，咱們看到了愈來愈多的長滾動頁網站的出現，例如 Facebook，Twitter 或 Instagram 。它們看似無底，然而又很成功。

在 Facebook，Twitter 和 Instagram 網站上，用戶經過長時間滑動頁面，來不斷的刷新與瀏覽新的內容。做爲慵懶的人類，咱們已經習慣瞭如今的行爲方式。許多網站也都在摒棄菜單和標籤選項，取而代之的是將全部內容放在一個長長的頁面上。而網站也能夠拆解爲圖像、文字與視頻，用以增添一些讓人們感到有趣的體驗。

那麼，就繼續愉快地滾動吧！

推薦閱讀：長滾動頁網站：最佳實踐

10. 字體排印愈來愈大

字體排印愈來愈大，而且更大膽。

2016 年咱們已經看到了字體的大小與外觀設計的增加，但這種趨勢不會很快就中止。品牌名稱將會變得更大、更醒目，甚至會全屏出現。而動態的顏色與紋理也將添加到那些有趣、充滿活力的字體中，並創造出一個讓你「哇」的效果。

不管是用於繪圖，仍是用來吸引用戶的注意，字體排印工做都在有條不紊的進行着。而大型字體的排印能夠有效地打破網格的界限，尤爲針對那些擁有較長滾動頁面的網站。

總結

雖然，咱們認爲這份列表上的全部內容都至關不錯的，但不要嘗試將每個趨勢都歸入到你設計的新網站上。它們中的一些適合爲企業服務，而你也能夠選擇一些客戶須要和想要的樣式和功能。同時，不要嘗試太多沒必要要的功能，這樣會馬上下降網站的用戶體驗。因此，請謹慎的選擇，最重要的是要有創意。

感謝你的閱讀，若是以爲文章不錯，不妨點個贊。

注：

1. 因爲譯者水平有限，歡迎你們多多指正；
2. 本文版權歸原做者全部。如需轉載譯文，煩請註明出處，謝謝！

英文原文：10 Web Design Trends for 2017
做者： Thomas Peham
譯者：IT程序獅
譯文源自：http://www.jianshu.com/p/d2285d06f782