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