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