免費參與·100+跨境活動 
免費下載·4000+跨境資料 
免費學習·2000+直播課程 
免費加入·15萬+賣家交流群 
2017-01-10 15:24
已收藏，可在
我的資料庫 中查看
作為一個不斷發(fā)展的行業(yè)，網(wǎng)頁設計領域在方方面面發(fā)生的演變幾乎都是不可避免的。 隨著2017年的到來，每個人都在期待著網(wǎng)頁設計領域即將發(fā)生什么趨勢和轉(zhuǎn)變。
Business2community網(wǎng)站近期發(fā)布了2017年網(wǎng)頁設計趨勢的文章。從主題到技術(shù)，預計在未來幾年里，這些趨勢將會影響到網(wǎng)站的性能并最終改善用戶體驗。
從2015年以來，微交互的概念真正受到了許多網(wǎng)頁設計愛好者的關(guān)注，因為它能使用戶界面變得更吸引人、更易于用戶使用。而隨著微交互成為網(wǎng)頁設計的一個基本概念，毫無疑問，未來會有越來越多的品牌在其網(wǎng)站上落實這一概念。
然而，隨著app和服務變得越來越具體和可觸摸，我們期待未來的網(wǎng)頁設計會朝著微交互的方向發(fā)展，使個人互動過程被進一步劃分為更細微的互動。
我們早上起床第一件想知道的事就是天氣，因為天氣情況可能會打破或影響我們的日?；顒?，我們會時時關(guān)注天氣狀況，然后相應地改變我們的行動計劃。
在2017年，人們對天氣應用的需求可能將會增加，因為越來越多的人需要對最新的天氣情況保持更新。因此，我們可能會看到更多的UX（用戶體驗）設計師在把注意力轉(zhuǎn)向設計移動天氣app上。
在設計過程中優(yōu)先考慮移動設備已經(jīng)不是什么新鮮事了，但隨著越來越多的人使用智能手機上網(wǎng)或使用喜歡的App，2017年將會有更多公司在設計自己的網(wǎng)站和應用時采取移動端優(yōu)先的策略。
由于移動端設計相比較大屏幕的設備（比如臺式機和筆記本電腦）的設計有更多的限制，所以移動端優(yōu)先的策略也能讓品牌更深入了解他們真正想要與用戶溝通的核心內(nèi)容和信息是什么，因為這個策略迫使他們?nèi)ニ伎歼@個問題。
講故事是最有效的方法之一。只要你做得正確，這個辦法可以吸引到大量的網(wǎng)站訪問者。未來幾年，品牌商要在網(wǎng)上講故事可以從這幾個趨勢下手：
視頻
利用視頻向用戶傳達品牌信息已經(jīng)十分常見，預計在2017年還將會有更多的網(wǎng)站將會使用視頻。到了2018年，視頻流量將占到所有互聯(lián)網(wǎng)用戶流量的70％。
聊天機器人
為了實現(xiàn)更自然、更具交互性的界面，網(wǎng)頁設計者目前正在嘗試使用聊天機器人來使網(wǎng)站和用戶之間的交互盡可能地實現(xiàn)個性化。
動畫
HTIVILS、CSS和JQuery的技術(shù)進步允許品牌商可以在其網(wǎng)站上使用動畫與用戶互動，即使目前大多數(shù)網(wǎng)站只是使用動畫作為一種增強用戶體驗的方式。
響應式設計在網(wǎng)頁設計中并不新鮮，但在2017年，預計會有更多的品牌商將構(gòu)建一個響應性更強的網(wǎng)站，無論其規(guī)模的大小。響應式設計，指的是使用CSS media query以及靈活的網(wǎng)格/網(wǎng)頁布局來構(gòu)建網(wǎng)站，這在一個移動端優(yōu)先策略愈發(fā)重要的時代中將會起到十分關(guān)鍵的作用。
響應式設計能使網(wǎng)站更具兼容性和動態(tài)性，允許網(wǎng)頁根據(jù)不同設備的屏幕尺寸調(diào)整和重新排列內(nèi)容。因此，品牌商可以使用這種方法大幅節(jié)省成本，因為他們只需要構(gòu)建一個網(wǎng)站，就可以有效地在各種設備上顯示內(nèi)容。
觸覺反饋，指的是在用戶界面中運用觸覺感應技術(shù)，如虛擬鍵盤，其各個按鍵能在被按壓時產(chǎn)生觸覺反饋。多年來，多虧于電活性聚合物驅(qū)動器（EAPs：Electo-Active Polymer Actuators）成本的下降，這種技術(shù)已經(jīng)取得了很多進步。
該技術(shù)的最新成果之一是“觸覺催眠”反饋技術(shù)，交互設計者可以使用一連串的微脈沖和振動來引導用戶到“立即購買”的按鈕上，甚至通過激活頁面上能使人感到愉快的紋理來打消他們離開屏幕的念頭。雖然該技術(shù)仍處于實驗階段，但它很可能會在未來12個月內(nèi)就推向市場。
如今我們已經(jīng)可以看到很多網(wǎng)站的外觀和模式都十分相像，因此，更多的品牌商正在逐漸避免在他們的網(wǎng)站上使用網(wǎng)上圖片庫、視頻庫或圖標庫里的資源，轉(zhuǎn)而自己創(chuàng)作出那些能使他們脫穎而出的原創(chuàng)資源。
獨特的字體
數(shù)字領域不愿意使用炫目字體的日子已經(jīng)一去不復返了。作為能體現(xiàn)出品牌個性和格調(diào)最有效的也最直接的方式之一，2017年預計將有更多的品牌商將在網(wǎng)站上使用超大尺寸的字體以及手繪字體。
個性化插圖
近來在互聯(lián)網(wǎng)上那些趣味性的、通常以光為主題的插圖正在吸引越來越多的目光，一些網(wǎng)站甚至已經(jīng)使用這種插圖作為主要的視覺效果，以跟其他同類型網(wǎng)站區(qū)分開來。
原創(chuàng)照片
照片將仍然是網(wǎng)頁設計的一個主要部分，但這里并不是指網(wǎng)上的圖片庫。許多品牌商近來的一部分策略就是策劃出高品質(zhì)的圖像以吸引用戶，這同時也能幫助他們更好地傳遞品牌信息以及講述品牌故事。
基于谷歌材質(zhì)設計標準的扁平化設計最早是由谷歌在2014年提出的，在如今的移動化趨勢時代下，這種設計仍然還是實現(xiàn)簡約性的最好方式。
利用扁平化設計的配色和極簡的設計，用戶可以更流暢和直觀地與網(wǎng)站進行互動。從現(xiàn)在來看，這種設計在未來幾年內(nèi)的網(wǎng)頁設計中仍然會是一個大趨勢。
另一個基于谷歌材質(zhì)設計標準中扁平化設計理念的用戶界面就是“卡片式（Cards）”界面，其中最出名的就是Pinterest了。所謂的“卡片”UI（用戶界面），顧名思義就是頁面中的內(nèi)容被分為一個個獨立的內(nèi)容“卡片”板塊，用戶可以分別通過不同的“卡片”瀏覽不同的內(nèi)容。
這與如今移動端優(yōu)先的策略正好相得益彰，因為后者需要的就是使用簡單的手勢，如滑動，來瀏覽移動端的內(nèi)容，而現(xiàn)在這種趨勢正在逐漸蔓延到PC端網(wǎng)頁。
2017年的另一個趨勢就是，越來越多品牌商會在網(wǎng)站上使用視差滾動效果（Parallax Scrolling）。視差滾動就是指讓多層背景以不同的速度移動，形成3D的運動效果，帶來出色的視覺體驗。這對那些想讓網(wǎng)頁盡可能顯得獨特和動態(tài)化，同時還不想影響用戶使用體驗的網(wǎng)站來說，相對有用。
什么樣的網(wǎng)頁設計對你的網(wǎng)站來說是好的設計，什么是不好的設計，這取決于這些設計能不能在你的網(wǎng)站上行得通。在2017年，更多品牌商在設計網(wǎng)頁時，將會把網(wǎng)頁的性能評判標準擴大，而不止僅僅考慮瀏覽量和獨立訪問者的數(shù)量。
通過進一步的深入分析，你能得出網(wǎng)站的哪些部分應該進行改進和舍棄，這樣網(wǎng)站才能進一步增加用戶的互動率，而這也是網(wǎng)頁設計的一個主要目標之一。
以上這些只是2017年網(wǎng)頁設計領域預計將發(fā)生的一些趨勢和變化。通過了解這些趨勢，你將能夠?qū)δ愕木W(wǎng)站進行必要的調(diào)整和開發(fā)，使其適應于行業(yè)標準的發(fā)展。
（編譯/ 康杰煒）
【作者小貼士】：全球領先支付平臺Paypal的跨境電商深度服務號，這里每周一早上八點定時推送跨境電商干貨，歡迎搜索【Paypal外貿(mào)幫】求關(guān)注，PP哥等你來騷擾！
公眾號二維碼
