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