廣州網頁設計的主要趨勢是什么,2018年會發(fā)生什么?年底,我們邀請了頂級設計師和工作室分享他們對未來的看法和展望。
01.網頁動畫
“動畫今年非常重要,已經達到了一個新的水平,”數字創(chuàng)意機構DARE的主任米雷婭洛佩茲說。
“我們看到設計團隊在動畫設計和原型設計上投入了更多,學會了簡單編程使用交互性更好的原型工具,比如Framer,更好地向用戶傳遞內容,向程序員展示效果?!痹O計師和程序員的界限逐漸模糊,我相信這幾年一定會看到他們的快速融合。
社交媒體管理平臺Lightful的高級設計師布魯諾拉維拉(Bruno Lavera)贊同這一觀點:“講故事和個性是新老品牌抓住客戶的關鍵,動畫在這方面的效果非常顯著。動畫將繼續(xù)展示品牌在數字世界中的力量,賦予品牌更強的個性,使其更加生動靈活?!?/p>
02、更大膽地使用顏色
“在過去的一年里,我們通過數字平臺看到了許多大膽的顏色,”卡庫爾的創(chuàng)造力在與詹姆斯貝爾內的那次會議上被提到。一個很好的例子就是Design Studio 2016/2017《The Premier League’s》的新品牌組合。
“現在品牌從自信開始,使用強烈的視覺沖擊力,遍布網站和應用。在戶外廣告、社交媒體、更多渠道的配合下,品牌揚名立萬?!?/p>
這種趨勢在2018年不會下降。Bearne預測:“隨著Khroma等新型配色工具的出現,我們有了更有趣的配色方法。我們可以看到越來越多的設計師在研究如何利用色彩創(chuàng)造特殊的體驗?!?/p>
03、巧妙使用字體
字體是吸引眼球的有力武器,今年網站對字體的使用得到了進一步的升華。來自99designs的資深設計師凱利摩爾(Kelly Moor)表達了自己的觀點。
“字體強大,越大越好。當像Helvetica這樣的無襯線字體流行的時候,設計師們就在使用各種各樣的字體
她預測2018年會有更多的襯線字體回歸屏幕。"我們還將看到更多的網站使用襯線字體和非襯線字體的組合來創(chuàng)建動態(tài)并行."
04.數據語言
伊藤世界高級視覺數據設計經理克雷格泰勒(Craig Taylor)表示:“2017年是設計的好年頭。我們目睹了數據可視化的繁榮和用3D表示數據的吸引力。但是,如果這些數據不能被消化利用,它們的意義何在?”泰勒稱之為“數據語言”,他解釋說:“現在人們非常重視通過設計有效地講述故事,盡可能用簡單有趣的方式向不同的受眾表達復雜的信息。設計師們正在尋找一種新的定制方式?!捎谜\實柔和的色彩,并結合生動的過渡和極簡的排版?!?/p>
05.設計工具的更換
2017年,似乎每天都有新的軟件、工具或功能出現,比如InVision、Adobe XD、Figma、Axure、漫威、Vectr等等。特別是隨著Sketch 43開放文件格式的更新,Sketch成了黑馬。
布魯諾拉維拉(Bruno Lavera)說,“我們想告訴你,如果你還在使用Photoshop進行UI設計,你可能需要四處看看。2017年是新設計工具的一年:Figma,Webflow,InVision Studio等等。設計工具的激增凸顯了設計在商業(yè)運作中的重要性?!?/p>
“這就帶來了一個問題,就是每種工具導致不同的工作流程,需要測試。這是市場的選擇,如何提高工作效率將成為核心導向力。值得期待的是2018年哪些設計工具會成為主流?!?/p>
06、平面設計2.0
扁平化設計不會消失,但在2018年,需要適應和保持相關性。摩爾認為:“這種被稱為扁平化設計2.0的設計需要根據現狀做一些改變。會帶回一些設計禁忌,比如漸變和陰影。但不用擔心,適度使用?!?/p>
扁平化設計是對21世紀設計風格的拋棄,但依然會存在。摩爾相信我們會兩全其美,有時候巧妙地引入陰影和漸變可以增加功能性和美觀性。
07.交互式插圖
“2017年,我們在網站上看到了更多的插圖,這不是巧合。”摩爾說:“如果一個品牌想要脫穎而出,插畫是注入個性的絕佳方式?!?/p>
“它們不會影響視覺的功能性和簡潔性,會成為動態(tài)元素,可以承載各種形狀、大小和風格。值得期待2018年及以后。我們也在學習,學習。我們不能以‘直觀’為借口,忽視網頁的趣味性。”
這種趨勢絕不是荒誕的。“插圖可以非常直觀的方式提供或解釋信息。沒人愿意瀏覽無聊的網站,定制插畫可以讓無聊的生活充滿人情味?!?8.人工智能的演進
人工智能不再是科幻話題。這項技術已經通過Chatbots等端口進入主流網頁設計。事實上,根據易貝產品設計師李依琳的說法,人工智能可能已經在你的日常工作中被無意識地使用了。
她在一篇文章中分析說,ANI(人工狹義智能)已經不足以支持Google Home或者Apple Siri這樣的服務?,F在人工智能可以運行亞馬遜、Spotify和網飛等技術,更不用說智能家居、自動駕駛和聊天機器人了。
09.不對稱布局
2010年的一場響應性設計運動徹底改變了網頁的設計,使設計師能夠構建在不同設備之間無縫切換的網站。Bearne說:“近年來,我們看到越來越多的設計違反了響應設計的限制,視圖獲得了更多的創(chuàng)造力?!?/p>
“你幾乎可以預見到顧客的反饋:‘你能讓元素變得緊湊嗎?’設計師會這樣回應:“新技術的出現意味著傳統的網頁設計規(guī)則將在2017年被打破?!?quot;
10.移動終端成為主戰(zhàn)場
2017年是移動網絡的里程碑年,因為它的使用超過了桌面瀏覽。這意味著網頁設計師將比過去更加關注移動用戶的體驗。
摩爾說:“隨著我們進入2018年,我希望移動端擁有桌面端前所未見的功能。我們會看到更巧妙、更直觀、更美觀的信息組織方式,這會帶來更多的用戶體驗,圍觀者和手勢也會變得更受歡迎?!?/p>
11.回復郵件
阿德斯特拉的數字設計主管羅布佩洛說:“在英國,人們開始設計電子郵件中的移動通信,這是一個新的跡象?!?/p>
“事實上,盡管一些品牌問我們如何讓他們的廣告系列和模板具有響應性,但幾乎每個人都在問:‘我們能做些什么?’"
近年來,Adestra似乎使用“動態(tài)”電子郵件,即CSS3和HTML來創(chuàng)建電子郵件中的交互性。這種趨勢源于用戶對移動應用和網站UI語言的高接受度,樂于在其他地方看到,包括電子郵件。