2017年廣州網(wǎng)頁(yè)設(shè)計(jì)的主要趨勢(shì)是什么，到了2018年又會(huì)怎么樣？在一年接近尾聲的時(shí)候，我們邀請(qǐng)了頂尖設(shè)計(jì)師和工作室，來(lái)分享他們的觀點(diǎn)和對(duì)未來(lái)的展望。
01、網(wǎng)頁(yè)動(dòng)畫
“動(dòng)畫在今年分量很重，并被帶上了新的臺(tái)階”，數(shù)字創(chuàng)意機(jī)構(gòu)DARE的總監(jiān)Mireia Lopez如是說(shuō)。
“我們看到，設(shè)計(jì)團(tuán)隊(duì)更多地在動(dòng)畫設(shè)計(jì)、原型設(shè)計(jì)上投入，并學(xué)習(xí)了簡(jiǎn)單的編程以運(yùn)用交互性更好的原型工具如Framer，以更好地向用戶傳遞內(nèi)容，并向編程者們更好地展示效果?！痹O(shè)計(jì)師和編程者的界限逐漸模糊，我確信我們將在近年看到他們的迅速融合。
社會(huì)媒體管理平臺(tái)Lightful的高級(jí)設(shè)計(jì)師Bruno La Versa同意該觀點(diǎn)：“故事性和個(gè)性，是新老品牌抓住客戶的關(guān)鍵，而動(dòng)畫在這方面效果顯著。動(dòng)畫將會(huì)在數(shù)字世界持續(xù)展示品牌的力量，給予品牌更強(qiáng)的個(gè)性，讓它更加生動(dòng)靈活?！?/span>
02、更大膽的用色
“過(guò)去的一年中，我們通過(guò)數(shù)字平臺(tái)，看到了許多大膽的用色”，Kagool的創(chuàng)意哦在那個(gè)見James Bearne提到。其中一個(gè)很好的例子是Design Studio在2016/2017年度的的新品牌組合《The Premier League’s》。
“現(xiàn)在品牌從自信出發(fā)，使用強(qiáng)烈的視覺沖擊，遍布網(wǎng)站和APP。在戶外廣告、社交媒體和更多渠道的配合下，品牌咆哮般的表現(xiàn)著自己?！?/span>
這種趨勢(shì)在2018年不會(huì)衰退，Bearne預(yù)言道：“隨著Khroma等新配色工具的出現(xiàn)，我們有更多有趣的配色方式，我們能看到越來(lái)越多的設(shè)計(jì)師在研究如何使用顏色創(chuàng)造特殊的體驗(yàn)?！?/span>
03、別出心裁的字體使用
字體是吸引眼球的強(qiáng)力武器，字體在網(wǎng)站上的使用在今年被進(jìn)一步升華，來(lái)自99designs的高級(jí)設(shè)計(jì)師Kelly Moor發(fā)表了他的觀點(diǎn)。
“字體力量強(qiáng)大，而且越大越好。當(dāng)無(wú)襯線字體如Helvetica盛行時(shí)，設(shè)計(jì)師們卻在分化，轉(zhuǎn)而使用各種各樣的字體。”
她預(yù)言，2018年更多的襯線字體將回歸屏幕，“我們也會(huì)看到更多網(wǎng)站使用襯線和非襯線字體的組合，來(lái)創(chuàng)建動(dòng)態(tài)平行?！?/span>
04、數(shù)據(jù)語(yǔ)言
Ito World的高級(jí)可視數(shù)據(jù)設(shè)計(jì)經(jīng)理Craig Taylor說(shuō)：“2017年是設(shè)計(jì)的好年頭，我們目睹了數(shù)據(jù)可視化的興盛，并看到了用3D表示數(shù)據(jù)的吸引力。但是，如果這些數(shù)據(jù)無(wú)法被消化和使用，那它們有什么意義呢？”
Taylor將它稱為“數(shù)據(jù)語(yǔ)言”，他解釋說(shuō)：“現(xiàn)在，人們非常重視通過(guò)設(shè)計(jì)有效地講故事，將復(fù)雜的信息盡可能用簡(jiǎn)單有趣的方式表達(dá)給不同的觀眾。設(shè)計(jì)師們正在尋找新的定制方式——使用老實(shí)的柔和的色調(diào)，并配以色彩鮮明的過(guò)渡和極簡(jiǎn)鮮明的排版，將它們結(jié)合在一起?！?/span>
05、設(shè)計(jì)工具的更替
2017年，似乎每一天都有新的軟件、工具或功能出現(xiàn)，比如InVision、Adobe XD、Figma、Axure、Marvel、Vectr等。特別要提到Sketch，隨著Sketch 43版本的開放文件格式更新，它成為了一匹黑馬。
Bruno La Versa表示：“我們想告訴你，如果你還在用Photoshop進(jìn)行UI設(shè)計(jì)，那你可能需要看看周圍。2017是新設(shè)計(jì)工具輩出的一年：Figma、Webflow、InVision Studio等等。設(shè)計(jì)工具的激增，突出了設(shè)計(jì)在企業(yè)運(yùn)營(yíng)中的重要性?！?/span>
“這帶來(lái)了一個(gè)問(wèn)題，也就是每個(gè)工具導(dǎo)致不同的工作流程，需要經(jīng)過(guò)測(cè)試。這也就是市場(chǎng)的選擇，如何提高工作效率將成為核心的指導(dǎo)力量。2018年哪些設(shè)計(jì)工具將成為主流，這是值得期待的?！?/span>
06、Flat design 2.0
Flat design并不會(huì)消失，但在2018年，它需要適應(yīng)并保持相關(guān)性。Moor相信：“這種被稱為Flat design 2.0的設(shè)計(jì)，需要根據(jù)現(xiàn)狀做出一些改變。它會(huì)將一些設(shè)計(jì)禁忌，比如漸變和陰影帶回來(lái)。但是不必?fù)?dān)心，適度使用即可。”
Flat design是對(duì)21世紀(jì)設(shè)計(jì)風(fēng)格的背棄，但它仍然將成存下來(lái)。Moor認(rèn)為，我們將會(huì)進(jìn)入兩全其美的局面，有時(shí)巧妙地引入陰影和漸變，可以增加功能性和美感。
07、可交互插畫
“2017年，我們?cè)诰W(wǎng)站上看到了更多插畫，這不是巧合”，Moor說(shuō)：“品牌要想脫穎而出，插畫是注入個(gè)性的絕佳方式?！?/span>
“他們不會(huì)影響視覺上的功能性和簡(jiǎn)易性，而且將變?yōu)閯?dòng)態(tài)元素，可以承載各種形狀、大小和風(fēng)格，2018年及以后是值得期待的。我們也在研究學(xué)習(xí)，不可以用‘直觀’作為借口，忽略了網(wǎng)頁(yè)的趣味性?！?/span>
這個(gè)趨勢(shì)絕不是異想天開，“插圖可以用非常直觀的方式來(lái)提供或解釋信息。沒(méi)有人希望瀏覽一個(gè)無(wú)聊的網(wǎng)站，而定制的插圖可以讓枯燥無(wú)味的生活，充滿更多人情味?！?/span>
08、AI的進(jìn)化
人工智能已經(jīng)不再是一個(gè)科幻話題，這種技術(shù)已經(jīng)通過(guò)Chatbots等端口進(jìn)入了主流的網(wǎng)頁(yè)設(shè)計(jì)。事實(shí)上，根據(jù)eBay產(chǎn)品設(shè)計(jì)師Elaine Lee的說(shuō)法，在您的日常工作中，可能已經(jīng)在不知不覺的情況下使用到了AI。
她在一篇文章中分析道，ANI（artificial narrow intelligence，弱人工智能）已經(jīng)不足以為Google Home或Apple Siri這樣的服務(wù)提供支持?，F(xiàn)在的AI已經(jīng)可以運(yùn)行亞馬遜、Spotify和Netflix等技術(shù)，更不用說(shuō)智能家居、自動(dòng)駕駛和聊天機(jī)器人了。
09、不對(duì)稱布局
2010年的一場(chǎng)響應(yīng)式設(shè)計(jì)運(yùn)動(dòng)，已經(jīng)徹底改變了網(wǎng)頁(yè)設(shè)計(jì)，使設(shè)計(jì)人員能夠構(gòu)建在不同設(shè)備間無(wú)縫切換的網(wǎng)站。Bearne說(shuō)：“近年，我們看到也來(lái)越多的設(shè)計(jì)，違背了響應(yīng)式設(shè)計(jì)的限制，視圖獲得更多創(chuàng)造性?！?/span>
“你幾乎可以預(yù)見到客戶這樣的反饋：‘能不能讓元素緊湊一些？’，設(shè)計(jì)師則會(huì)這樣回應(yīng)：‘新技術(shù)的出現(xiàn)，將意味著2017年，傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)規(guī)則將被打破。’”
10、移動(dòng)端成為主戰(zhàn)場(chǎng)
2017年對(duì)移動(dòng)網(wǎng)絡(luò)來(lái)說(shuō)是具有里程碑意義的一年，因?yàn)樗氖褂贸^(guò)了桌面瀏覽。這意味著網(wǎng)頁(yè)設(shè)計(jì)師將比過(guò)去更加關(guān)注移動(dòng)用戶的體驗(yàn)。
Moor表示：“隨著進(jìn)入2018年，我希望移動(dòng)端能夠出現(xiàn)我們?cè)谧烂娑藦奈匆娺^(guò)的功能。我們將看到更多巧妙、直觀、優(yōu)美的信息組織方式，這將導(dǎo)致更多種用戶體驗(yàn)，圍觀交互、手勢(shì)操作等將更流行?！?/span>
11、響應(yīng)式電子郵件
Adestra公司數(shù)字設(shè)計(jì)負(fù)責(zé)人Rob Pellow表示：“在英國(guó)，人們開始在電子郵件內(nèi)設(shè)計(jì)移動(dòng)相應(yīng)，這是一個(gè)新的征兆。”
“事實(shí)上，盡管有一些品牌詢問(wèn)我們，如何使他們的廣告系列和模板具有響應(yīng)能力，但幾乎所有人都在質(zhì)疑：‘我們能做什么？’”
而近年，Adestra開似乎使用“kinetic”電子郵件，即使用CSS3和HTML，在電子郵件中創(chuàng)建交互性。這一趨勢(shì)源于用戶對(duì)移動(dòng)應(yīng)用程序和網(wǎng)站的UI語(yǔ)言接受度很高，他們很高興在包括電子郵件在內(nèi)的其他地方看到它們。（@卡米雷特）
粵公網(wǎng)安備44011302004697
