
1. 傳統(tǒng)網站設計的消亡
網站設計正從傳統(tǒng)的概念中逐漸的消亡?;蛳?Eric Meyer 在近期的 Offscreen 雜志中所說的,他停止稱自己為網站設計師,而是稱自己為“體驗設計師”。
在傳統(tǒng)的網站設計中,設計的作用更多是讓研發(fā)人員看起來不錯,而現(xiàn)如今網站設計已演變的不僅如此了。
網站設計師(或體驗設計師)不再只是使網站“看起來美麗”。 相反,他們需要研究客戶的體驗以及他們之間的故事。
深入理解推薦閱讀:網站設計已死,體驗設計長存。
2. 對話式 UI
2016 年是對話式交互發(fā)展的緊要的一年,作為 hashtag 的創(chuàng)始人以及前 Google 員工Chris Messina 說:
“2016 年是對話式商務的元年。”
Chris 在這篇文章里提到,人們將通過聊天使用,通訊使用和其他自然語言界面來與企業(yè)、服務商和機器人進行交互。作為通訊使用平臺(例如 Slack,F(xiàn)acebook Messenger 或 WeChat)也超越了社交網絡使用的下載,企業(yè)著手考慮怎樣利用這一變動。
因此,對話式客戶界面(例如網站)的設計,將成為大多數(shù)網站設計師在 2017 年關注的重點。
固然,仍然有諸多問題尚未解決,但請放心:對話式界面將成為 2017 年里的一個緊要的話題。
3. GIFs 和其他動畫
許多的網站和使用程序正在啟用著動畫,而 GIFs 也逐步的成為了主流。
作為 Buffer 網站的內容制作官 Ash 說:
“GIFs 是偉大的。它們無處不在。”
現(xiàn)在它已經內置到 Facebook 和 Twitter 中,你也能夠將 GIFs 用于你的網站設計。
但不要過度的依賴它們——固然,它們很好的吸引了客戶的留意。GIFs 可讓你提供更豐富的產品體驗,演示工作環(huán)節(jié),或者為你的 用戶提供簡單的指導。
隨著多款 GIF 制作工具的出現(xiàn)(如 Photoshop,Giphy 或 record.it),網站設計師在其設計的過程中也不會受到限制。
4. 下一代響應式設計
響應式設計將繼續(xù)占據(jù)著主導地位,因為它是實現(xiàn)最好客戶體驗的有效方式之一。CSS media queries 為網站提供了靈活性,并根據(jù)訪問網站的不同設備進行調整。
2016 年 4 月,谷歌對網站的排名算法進行了調整,并對網站內容進行了優(yōu)化。我們看到了不少企業(yè)正忙于重新提高他們網站的 Google 排名。
作為建網站者,我們必須接受這種情況。固然,沒有一個通用標準,但我確信的是網站提供的選項越少,響應的時間越短,那么網站的轉化率就會得到提高。
5. 極簡主義的網站設計
在 2017 年極簡主義將會達到一個全新的高度。當客戶點擊主頁后,體現(xiàn)的將是類似于“卡片”一樣的展現(xiàn),它們成為了客戶獲得網站更多信息的入口。而對于網站本身,多圖片的展示也可用于可視化的專題推薦,并能夠促進客戶進行點擊。
Netflix 就是一個對照成功的網站示例??ㄆ瑘D像不僅可以詮釋節(jié)目或電影的更多內容,而且能夠減少網站的啟用空間。
總體上,人們更青睞那些在視覺上清晰、簡單的網站設計。
6. 數(shù)據(jù)可視化
現(xiàn)如今,數(shù)據(jù)和解析越來越緊要。而大品牌服務商正為客戶提供了一個查看自己網站的統(tǒng)計數(shù)據(jù)的機會。
通過可視化的數(shù)據(jù)展示來提升客戶與數(shù)據(jù)間的交互。當涉及讓客戶更好的表達時,豐富多彩的圖表會特別有用。例如你能夠啟用 Tableau 來創(chuàng)立吸調用戶留意的圖表。
7. 減少圖庫圖片,提升真實照片
這是一個簡單卻有趣的網站設計趨向。 在過去幾個月瀏覽網站的過程中,我們發(fā)現(xiàn)啟用圖庫圖片的網站在不斷的減少。作為客戶,我們更愿意看到那些可以表明企業(yè)或業(yè)務的照片,而不只是一張通用的圖片。
我也有這樣的感覺,網站設計師寧可不選取圖片,也不會啟用圖庫圖片。
攝影是一種藝術的表現(xiàn)形式,卻被人們遺忘了若干年。但在2017年它會強勢回歸。然而,銘記于心的事情是你網站的服務目的是什么。因此,上述的一切,包含網站圖像的選取,請一定要這樣做。
個人照片(團隊照片)同樣很受歡迎——請給品牌一個門面
不僅真實圖像的啟用率在不斷的增長,而且像卡通、漫畫以及其他插圖的啟用比例也在提升。尤其是在一些科技類的社區(qū)中,通常會用一則漫畫來談論特定的主題或介紹一些小節(jié)。
8. Material Design
近年來,由 Google 推出的材料設計語言正穩(wěn)步的推廣到其使用程序中,包含 Gmail,Google 地圖,Google 云盤和 YouTube 。而早在 2013 年,材料設計就以搜索詞的形式出現(xiàn)了,但直到 2015 年它才成為了主流。
它是一種在頁面上創(chuàng)立具備意義的層次排版結構的設計手法,在移動和響使用戶動作的同時,將客戶的焦點繪制到不同的區(qū)域。他們稱后者為材料動效。而材料設計則是利用幾何形狀從視覺上來增強他們網站的體驗。
由于它齊備極大的靈活性,以及所有設備的兼容性,它也越來越受歡迎。
這是一個關于材料設計及其未來的持續(xù)探討。要詳細理解材料設計,請參閱Google上的介紹 (https://material.google.com/#introduction-principles)。
9. 長滾動頁網站
它是一個擁有利弊的長滾動頁網站??偠灾?,我們看到了越來越多的長滾動頁網站的出現(xiàn),例如 Facebook,Twitter 或 Instagram 。它們看似無底,然而又很成功。
在 Facebook,Twitter 和 Instagram 網站上,客戶通過長時間滑動頁面,來不斷的刷新與瀏覽新的內容。作為慵懶的人類,我們已經習慣了現(xiàn)在的行為方式。眾多網站也都在摒棄菜單和標簽選項,取而代之的是將所有內容放在一個長長的頁面上。而網站也能夠拆解為圖像、文字與視頻,用以增添一些讓人們感到有趣的體驗。
那么,就繼續(xù)愉快地滾動吧!
10. 字體排印越來越大
字體排印越來越大,并且更大膽。
2016 年我們已經看到了字體的大小與外觀設計的增長,但這種趨向不會很快就停止。品牌名稱將會變?yōu)楦?、更醒目,甚至會全屏出現(xiàn)。而動態(tài)的顏色與紋理也將添加到那些有趣、充滿活力的字體中,并創(chuàng)造出一個讓你“哇”的效益。
無論是用于繪圖,還是用來吸調用戶的留意,字體排印工作都在有條不紊的進行著。而大型字體的排印能夠有效地打破網格的界限,尤其針對那些擁有較長滾動頁面的網站。
總結
固然,我們認為這份列表上的所有內容都相當不錯的,但不要嘗試將每一個趨向都納入到你設計的新網站上。它們中的一些合適為企業(yè)服務,而你也能夠選取一些 用戶需要和想要的樣式和功能。同時,不要嘗試太多不必要的功能,這樣會立刻降低網站的客戶體驗。所以,請慎重的選取,最關鍵的是要有創(chuàng)意。
上一篇:自適應網站設計概念
下一篇:網站建設之網站設計的顏色使用技法
