1.傳統網頁設計的(de)消亡
網頁設計正從傳統的(de)概念中逐漸的(de)消亡。或像 Eric Meyer 在最近的(de) Offscreen 雜(zá)志中所說的(de)，他(tā)停止稱自己爲網頁設計師，而是稱自己爲“體驗設計師”。
在傳統的(de)網頁設計中，設計的(de)作用(yòng)更多(duō)是讓研發人(rén)員(yuán)看起來(lái)不錯，而現如今網頁設計已演變的(de)不僅如此了(le)。
網頁設計師（或體驗設計師）不再隻是使網站“看起來(lái)美(měi)麗”。 相反，他(tā)們需要研究用(yòng)戶的(de)體驗以及他(tā)們之間的(de)故事。
深入了(le)解推薦閱讀：網頁設計已死，體驗設計長(cháng)存。
2. 對(duì)話(huà)式 UI
2016 年是對(duì)話(huà)式交互發展的(de)重要的(de)一年，作爲 hashtag 的(de)創始人(rén)以及前 Google 員(yuán)工Chris Messina 說：
“2016 年是對(duì)話(huà)式商務的(de)元年。”
Chris 在這(zhè)篇文章(zhāng)裏提到，人(rén)們将通(tōng)過聊天應用(yòng)，通(tōng)訊應用(yòng)和(hé)其他(tā)自然語言界面來(lái)與公司、服務商和(hé)機器人(rén)進行交互。作爲通(tōng)訊應用(yòng)平台（例如 Slack，Facebook Messenger 或 WeChat）也(yě)超越了(le)社交網絡應用(yòng)的(de)下(xià)載，企業開始思考如何利用(yòng)這(zhè)一變化(huà)。
因此，對(duì)話(huà)式用(yòng)戶界面（例如網站）的(de)設計，将成爲大(dà)多(duō)數網頁設計師在 2017 年關注的(de)重點。
雖然，仍然有諸多(duō)問題尚未解決，但請放心：對(duì)話(huà)式界面将成爲 2017 年裏的(de)一個(gè)主要的(de)話(huà)題。
3. GIFs 和(hé)其他(tā)動畫(huà)
衆多(duō)的(de)網站和(hé)應用(yòng)程序正在使用(yòng)著(zhe)動畫(huà)，而 GIFs 也(yě)逐步的(de)成爲了(le)主流。
作爲 Buffer 網站的(de)内容制作官 Ash 說：
“GIFs 是偉大(dà)的(de)。它們無處不在。”
現在它已經内置到 Facebook 和(hé) Twitter 中，你也(yě)可(kě)以将 GIFs 用(yòng)于你的(de)網頁設計。
但不要過度的(de)依賴它們——雖然，它們很好的(de)吸引了(le)用(yòng)戶的(de)注意。GIFs 可(kě)讓你提供更豐富的(de)産品體驗，演示工作流程，或者爲你的(de)客戶提供簡單的(de)指導。
随著(zhe)多(duō)款 GIF 制作工具的(de)出現（如 Photoshop，Giphy 或 record.it），網頁設計師在其設計的(de)過程中也(yě)不會受到限制。
4. 下(xià)一代響應式設計
響應式設計将繼續占據著(zhe)主導地位，因爲它是實現最佳用(yòng)戶體驗的(de)有效方式之一。CSS media queries 爲網站提供了(le)靈活性，并根據訪問網站的(de)不同設備進行調整。
2016 年 4 月(yuè)，谷歌(gē)對(duì)網站的(de)排名算(suàn)法進行了(le)調整，并對(duì)網站内容進行了(le)優化(huà)。我們看到了(le)不少公司正忙于重新提升他(tā)們網站的(de) Google 排名。
作爲建站者，我們必須接受這(zhè)種情況。雖然，沒有一個(gè)通(tōng)用(yòng)标準，但我确信的(de)是網站提供的(de)選項越少，響應的(de)時(shí)間越短，那麽網站的(de)轉化(huà)率就會得(de)到提升。
5. 極簡主義的(de)網頁設計
在 2017 年極簡主義将會達到一個(gè)全新的(de)高(gāo)度。當用(yòng)戶點擊首頁後，呈現的(de)将是類似于“卡片”一樣的(de)展現，它們成爲了(le)用(yòng)戶獲取網站更多(duō)信息的(de)入口。而對(duì)于網站本身，多(duō)圖片的(de)展示也(yě)可(kě)用(yòng)于可(kě)視化(huà)的(de)專題推薦，并可(kě)以促使用(yòng)戶進行點擊。
Netflix 就是一個(gè)比較成功的(de)網站示例。卡片圖像不僅能夠诠釋節目或電影(yǐng)的(de)更多(duō)内容，而且可(kě)以減少網站的(de)使用(yòng)空間。
總體上，人(rén)們更青睐那些在視覺上清晰、簡單的(de)網頁設計。
6. 數據可(kě)視化(huà)
現如今，數據和(hé)分(fēn)析越來(lái)越重要。而大(dà)品牌服務商正爲用(yòng)戶提供了(le)一個(gè)查看自己網站的(de)統計數據的(de)機會。
通(tōng)過可(kě)視化(huà)的(de)數據展示來(lái)增加用(yòng)戶與數據間的(de)交互。當涉及讓用(yòng)戶更好的(de)表達時(shí)，豐富多(duō)彩的(de)圖表會特别有用(yòng)。例如你可(kě)以使用(yòng) Tableau 來(lái)創建吸引用(yòng)戶注意的(de)圖表。
7. 減少圖庫圖片，增加真實照(zhào)片
這(zhè)是一個(gè)簡單卻有趣的(de)網頁設計趨勢。 在過去幾個(gè)月(yuè)浏覽網站的(de)過程中，我們發現使用(yòng)圖庫圖片的(de)網站在不斷的(de)減少。作爲用(yòng)戶，我們更願意看到那些能夠表明(míng)公司或業務的(de)照(zhào)片，而不隻是一張通(tōng)用(yòng)的(de)圖片。
我也(yě)有這(zhè)樣的(de)感覺，網頁設計師甯可(kě)不選擇圖片，也(yě)不會使用(yòng)圖庫圖片。
攝影(yǐng)是一種藝術的(de)表現形式，卻被人(rén)們遺忘了(le)若幹年。但在2017年它會強勢回歸。然而，銘記于心的(de)事情是你網站的(de)服務目的(de)是什(shén)麽。因此，上述的(de)一切，包括網站圖像的(de)選擇，請務必要這(zhè)樣做(zuò)。
個(gè)人(rén)照(zhào)片（團隊照(zhào)片）同樣很受歡迎——請給品牌一個(gè)門面
不僅真實圖像的(de)使用(yòng)率在不斷的(de)增長(cháng)，而且像卡通(tōng)、漫畫(huà)以及其他(tā)插圖的(de)使用(yòng)比例也(yě)在增加。尤其是在一些科技類的(de)社區(qū)中，通(tōng)常會用(yòng)一則漫畫(huà)來(lái)談論特定的(de)主題或闡述一些細節。
8. Material Design
近年來(lái)，由 Google 推出的(de)材料設計語言正穩步的(de)推廣到其應用(yòng)程序中，包括 Gmail，Google 地圖，Google 雲盤和(hé) YouTube 。而早在 2013 年，材料設計就以搜索詞的(de)形式出現了(le)，但直到 2015 年它才成爲了(le)主流。
它是一種在頁面上創建具有意義的(de)層次排版結構的(de)設計方法，在移動和(hé)響應用(yòng)戶動作的(de)同時(shí)，将用(yòng)戶的(de)焦點繪制到不同的(de)區(qū)域。他(tā)們稱後者爲材料動效。而材料設計則是利用(yòng)幾何形狀從視覺上來(lái)增強他(tā)們網站的(de)體驗。
由于它具備極大(dà)的(de)靈活性，以及所有設備的(de)兼容性，它也(yě)越來(lái)越受歡迎。
這(zhè)是一個(gè)關于材料設計及其未來(lái)的(de)持續討(tǎo)論。要詳細了(le)解材料設計，請參閱Google上的(de)簡介 （https://material.google.com/#introduction-principles）。
9. 長(cháng)滾動頁網站
它是一個(gè)擁有利弊的(de)長(cháng)滾動頁網站。總而言之，我們看到了(le)越來(lái)越多(duō)的(de)長(cháng)滾動頁網站的(de)出現，例如 Facebook，Twitter 或 Instagram 。它們看似無底，然而又很成功。
在 Facebook，Twitter 和(hé) Instagram 網站上，用(yòng)戶通(tōng)過長(cháng)時(shí)間滑動頁面，來(lái)不斷的(de)刷新與浏覽新的(de)内容。作爲慵懶的(de)人(rén)類，我們已經習(xí)慣了(le)現在的(de)行爲方式。許多(duō)網站也(yě)都在摒棄菜單和(hé)标簽選項，取而代之的(de)是将所有内容放在一個(gè)長(cháng)長(cháng)的(de)頁面上。而網站也(yě)可(kě)以拆解爲圖像、文字與視頻(pín)，用(yòng)以增添一些讓人(rén)們感到有趣的(de)體驗。
那麽，就繼續愉快(kuài)地滾動吧！
10. 字體排印越來(lái)越大(dà)
字體排印越來(lái)越大(dà)，并且更大(dà)膽。
2016 年我們已經看到了(le)字體的(de)大(dà)小與外觀設計的(de)增長(cháng)，但這(zhè)種趨勢不會很快(kuài)就停止。品牌名稱将會變得(de)更大(dà)、更醒目，甚至會全屏出現。而動态的(de)顔色與紋理(lǐ)也(yě)将添加到那些有趣、充滿活力的(de)字體中，并創造出一個(gè)讓你“哇”的(de)效果。
無論是用(yòng)于繪圖，還(hái)是用(yòng)來(lái)吸引用(yòng)戶的(de)注意，字體排印工作都在有條不紊的(de)進行著(zhe)。而大(dà)型字體的(de)排印可(kě)以有效地打破網格的(de)界限，尤其針對(duì)那些擁有較長(cháng)滾動頁面的(de)網站。
總結
雖然，我們認爲這(zhè)份列表上的(de)所有内容都相當不錯的(de)，但不要嘗試将每一個(gè)趨勢都納入到你設計的(de)新網站上。它們中的(de)一些适合爲企業服務，而你也(yě)可(kě)以選擇一些客戶需要和(hé)想要的(de)樣式和(hé)功能。同時(shí)，不要嘗試太多(duō)不必要的(de)功能，這(zhè)樣會立刻降低網站的(de)用(yòng)戶體驗。所以，請謹慎的(de)選擇，最重要的(de)是要有創意。
*版權所有，引用(yòng)時(shí)請在顯要位置注明(míng)轉自 東正網站建設，網絡營銷服務領跑者—東正科技
