干貨苏研！專為UI設(shè)計(jì)師整理的25條設(shè)計(jì)流行趨勢(shì)，想知道2018是否會(huì)延續(xù)2017年的設(shè)計(jì)方向？和我們一起來(lái)看吧
又一年過(guò)去了流部，2017有許多設(shè)計(jì)上的創(chuàng)新，那么今年又將會(huì)出現(xiàn)怎樣的變化呢纹坐？我們從2017年的一些特征中不難發(fā)現(xiàn)枝冀，移動(dòng)設(shè)計(jì)變得越來(lái)越重要，這種趨勢(shì)將會(huì)持續(xù)耘子，使諸如響應(yīng)式標(biāo)志這樣的設(shè)計(jì)越來(lái)越被設(shè)計(jì)師重視果漾。接下來(lái)，我們也將會(huì)看到更加活力與鮮明的色彩谷誓，定制插圖以及更自由的創(chuàng)造力绒障，2018將是更多姿多彩的一年，下面就是我們對(duì)2018年設(shè)計(jì)趨勢(shì)的25點(diǎn)預(yù)測(cè)片林。
色彩
1.單色設(shè)計(jì)
這種形式就是追求背景色與物體色的一致端盆，同時(shí)在版式設(shè)計(jì)上使用陰影或3D模型來(lái)創(chuàng)造出體量感怀骤。盡管這種形式會(huì)缺乏對(duì)比度，但整體效果非常平滑且充滿了真實(shí)體量感焕妙，我們會(huì)感覺物體要從平面里跳出來(lái)了一樣蒋伦。
2.色彩斑斕的世界?
2017年，我們看到了很多大膽使用色彩的案例焚鹊，這一趨勢(shì)一直在延續(xù)痕届，并且將會(huì)成為今年最重要的趨勢(shì)之一。在這一趨勢(shì)下末患，這種強(qiáng)烈的色彩以及一些迷幻的炫彩效果研叫，極受歡迎。
3.色彩明亮的漸變
漸變?cè)?017年的一個(gè)流行趨勢(shì)璧针，而今年這一趨勢(shì)越發(fā)火熱嚷炉，并且變得更加大膽，更加多樣探橱。我們發(fā)現(xiàn)了更多在漸變上的創(chuàng)新申屹，比如明亮色彩與多種紋理相結(jié)合的效果。這一趨勢(shì)出現(xiàn)在了從品牌到包裝等的所有設(shè)計(jì)領(lǐng)域隧膏。另外哗讥，漸變2.0時(shí)代還將包括背景漸變，雙色調(diào)漸變胞枕，多色漸變杆煞，圖像疊加漸變等。
4.2018潘通流行色
今年的潘通流行色是一些明亮的色彩腐泻，其中紫羅蘭色更是備受推崇决乎。紫羅蘭色是一種偏藍(lán)的紫色，它能給我們帶來(lái)耳目一新的感受贫悄。許多大品牌也已經(jīng)開始在他們的品牌中使用這一顏色了瑞驱。與此同時(shí)，深淺不一的紫色窄坦，藍(lán)紫色也很受歡迎唤反。除了紫色外，今年還有一些流行色分別為：櫻桃番茄色鸭津，草地鷚色彤侍、石灰潘通色、世外桃源色等逆趋。
5.雙色調(diào)
我們預(yù)測(cè)雙色調(diào)會(huì)是2018最流行的趨勢(shì)之一盏阶。首先，這不是一種新的設(shè)計(jì)形式闻书，它已經(jīng)存在了幾十年了名斟，Spotify將其重新帶回到大眾的視線中脑慧。借助這種形式，你可以大膽的使用顏色來(lái)創(chuàng)造令人難忘的設(shè)計(jì)砰盐。
3D
6.3D現(xiàn)實(shí)
在過(guò)去的兩年里闷袒，我們看到越來(lái)越多的3D設(shè)計(jì)作品。2018年岩梳，3D仍將是一股不容小覷的力量囊骤。3D的抽象造型與大膽的色彩相結(jié)合，以一種非常微妙的形式冀值，完美的將虛擬與現(xiàn)實(shí)結(jié)合在一起也物，甚至有時(shí)讓你難分真假。那么列疗，下面展示的滑蚯，是一張圖片還是真實(shí)的場(chǎng)景呢？你能夠分辨出它們嗎作彤？你是否感覺到它們之間的界限變得越來(lái)越模糊了呢……
7.金屬質(zhì)感的3D模型
像第6點(diǎn)所說(shuō)膘魄，虛擬與現(xiàn)實(shí)的界限越來(lái)越模糊，3D設(shè)計(jì)隨之也遇到了一些新的挑戰(zhàn)竭讳。把有機(jī)和無(wú)機(jī)結(jié)合起來(lái)，可以賦予3D模型固態(tài)金屬的陰影和顏色等浙踢，從而使設(shè)計(jì)效果格外逼真而又迷人绢慢。這種效果看起來(lái)如此的具象，以至于那些清晰洛波、冰冷胰舆、光滑的表面，會(huì)使你產(chǎn)生想要觸摸與感受的沖動(dòng)蹬挤，幾乎很難相信缚窿，它們只是出現(xiàn)在屏幕上而已。到目前為止焰扳，3D在各方面都得到了完善倦零，可以說(shuō)是有了一個(gè)重大的飛躍，也許在不久的將來(lái)吨悍，將會(huì)出現(xiàn)更多的3D有機(jī)形態(tài)扫茅。
8.2D與3D的融合
將3D動(dòng)畫融入到2D平面中，是一種具有想象力和創(chuàng)造力的設(shè)計(jì)形式育瓜，這樣的形式總是能引發(fā)人們的深思葫隙。不僅如此，通過(guò)給平面添加空間維度躏仇，還可以創(chuàng)造出一些非常獨(dú)特的美感恋脚，這種設(shè)計(jì)形式可以應(yīng)用在logo腺办，網(wǎng)頁(yè)，視頻等各種設(shè)計(jì)領(lǐng)域里糟描。
10.利用手工藝術(shù)的方法來(lái)制作3D模型
我們發(fā)現(xiàn)3D數(shù)字技術(shù)與手工藝術(shù)相結(jié)合的趨勢(shì)愈來(lái)愈顯著菇晃。手工藝是一種非常成熟的技術(shù)，它能在觸覺上給設(shè)計(jì)增添一層有趣的感受蚓挤。在下面這個(gè)由馬克西姆·斯克瑞特設(shè)計(jì)的例子中磺送，3D模型看起來(lái)就像是一個(gè)手工制作的紙質(zhì)工藝品一樣。
11.交互式3D設(shè)計(jì)在網(wǎng)頁(yè)中越來(lái)越流行
2018年網(wǎng)頁(yè)設(shè)計(jì)的一大趨勢(shì)是交互式3D設(shè)計(jì)灿意，這些3D設(shè)計(jì)在深度估灿、方向、紋理以及視角等方面都表現(xiàn)出了與眾不同的一面缤剧。3D元素和空間的使用使網(wǎng)站獨(dú)樹一幟馅袁，增強(qiáng)了網(wǎng)站的設(shè)計(jì)美學(xué)和用戶體驗(yàn)。例如荒辕，Atacac創(chuàng)建了一個(gè)互動(dòng)式的未來(lái)虛擬現(xiàn)實(shí)展示廳汗销，讓用戶可以在虛擬的3D場(chǎng)景中探索各種時(shí)尚的服裝。另一個(gè)項(xiàng)目是The Artery公司的動(dòng)畫和3D雕塑?抵窒。
平面設(shè)計(jì)
12.AR技術(shù)在設(shè)計(jì)領(lǐng)域的廣泛應(yīng)用
近年來(lái)弛针，增強(qiáng)現(xiàn)實(shí)技術(shù)在游戲領(lǐng)域、視頻領(lǐng)域以及移動(dòng)應(yīng)用領(lǐng)域飛速發(fā)展李皇。AR在設(shè)計(jì)領(lǐng)域其實(shí)同樣也有很好的發(fā)展前景削茁，尤其是在移動(dòng)設(shè)備方面。DIA工作室給我們做了一個(gè)很好的示范掉房，他們將交互式的3D排版應(yīng)用于日常物品上茧跋，這樣的效果令人非常驚艷。
13.定制化的插圖設(shè)計(jì)
2018年卓囚，越來(lái)越多的品牌都在追求差異化瘾杭、品牌化如筛，因此自定義插圖和定制化設(shè)計(jì)的趨勢(shì)應(yīng)運(yùn)而生泄私。設(shè)計(jì)師繪制特色的插圖，以適應(yīng)不同業(yè)務(wù)郁副、或滿足不同目標(biāo)客戶的需求锣夹。定制化的插圖不僅增加了趣味性页徐，同時(shí)也能給用戶帶來(lái)更多的共鳴。
14.80-90年代復(fù)古色彩及圖案的重新流行
現(xiàn)代設(shè)計(jì)與復(fù)古元素相結(jié)合將成為2018年的一大設(shè)計(jì)趨勢(shì)银萍。80变勇、90年代的色彩和圖案正在回歸現(xiàn)代設(shè)計(jì)中。
80年代的音樂(lè)海報(bào)，藝術(shù)搀绣，電影與時(shí)尚都給現(xiàn)代設(shè)計(jì)帶來(lái)了啟發(fā)飞袋，大膽的色彩應(yīng)用將我們帶回了舊時(shí)代的美好回憶中，引起了很多人的共鳴链患。
15.大膽的字體排版及3D字體的應(yīng)用
大膽的字體排版可以傳達(dá)出強(qiáng)烈而明確的信息巧鸭。如果你想要你的設(shè)計(jì)脫穎而出，請(qǐng)使用大號(hào)字體麻捻，并將其與大膽的顏色相結(jié)合纲仍。在這種設(shè)計(jì)中，文字變成了主角贸毕，每個(gè)頁(yè)面都具有無(wú)法抗拒的吸引力郑叠。
此外，2018年明棍，3D字體變得越來(lái)越流行乡革。3D字體讓人印象深刻。并缺對(duì)于企業(yè)來(lái)說(shuō)也非常重要摊腋，因?yàn)樗麄兪沁B接與打動(dòng)用戶的一個(gè)有效的手段沸版。
16.創(chuàng)意字體
創(chuàng)意字體的設(shè)計(jì)同樣是過(guò)去幾年的一大趨勢(shì)，并且會(huì)在今年繼續(xù)流行兴蒸。如果你想表達(dá)明確的想法视粮，創(chuàng)意字體是最好的選擇。扭曲类咧、破碎馒铃、可交互式，2018年在字體方面的試驗(yàn)肯定會(huì)更多痕惋。
17.混合攝影效果
手繪插畫、3D模型與攝影相結(jié)合娃殖，這種手法使作品看起來(lái)非常的獨(dú)特并具有現(xiàn)代感值戳。將插畫/3D元素添加到攝影作品中，無(wú)論是時(shí)裝攝影炉爆、概念攝影或者海報(bào)攝影堕虹，都能夠使照片脫穎而出。
18.額外的深度
在傳統(tǒng)的平面設(shè)計(jì)中添加一些“調(diào)味料”可能是2018的正確方向：陰影的使用使得物體變得更加豐富芬首，并且使對(duì)象能夠在不同的層級(jí)分離開來(lái)赴捞。
19.野獸派藝術(shù)
野獸派意味著使用粗獷的手法以及笨重的排版來(lái)抓人眼球。野獸派首先在40年代的建筑設(shè)計(jì)中風(fēng)行郁稍，但現(xiàn)在這種概念又回來(lái)了赦政，并且你會(huì)在所有設(shè)計(jì)領(lǐng)域都看到它的影子。
UI
20.簡(jiǎn)潔的半扁平設(shè)計(jì)
簡(jiǎn)潔意味著干凈，極簡(jiǎn)主義意味著一個(gè)以白色為主恢着，可適用于表現(xiàn)各種功能的簡(jiǎn)潔頁(yè)面桐愉。半扁平的設(shè)計(jì)可以運(yùn)用微妙的陰影創(chuàng)造層級(jí)，也可以運(yùn)用到一些漸變或者鮮艷的顏色掰派，這些將使你的設(shè)計(jì)更加醒目和難忘从诲。
21.拆分頁(yè)面
過(guò)度擁擠的設(shè)計(jì)已成為過(guò)去，因此所有非必要信息都必須為重要信息騰出空間靡羡。在信息量不斷增加的2018年系洛，如果我們不想讓用戶在使用中產(chǎn)生疑惑，那么拆分將會(huì)成為設(shè)計(jì)師的寶貴工具略步，從而保持對(duì)用戶體驗(yàn)和審美的追求描扯。
22.微交互
他們無(wú)處不在。比如光標(biāo)的交互會(huì)給網(wǎng)站的用戶體驗(yàn)增加一層新的體驗(yàn)纳像。用戶通過(guò)控制鼠標(biāo)來(lái)觸發(fā)定制的交互反饋荆烈。在Ben Mingo的例子中，當(dāng)光標(biāo)靠近菜單選項(xiàng)時(shí)竟趾，交互反饋便開始像“磁鐵”一樣憔购。光標(biāo)也可以對(duì)不同的動(dòng)作作出不同的反應(yīng)，這在Walking Men的例子中得到了完美的展現(xiàn)岔帽。我們對(duì)這個(gè)領(lǐng)域十分的好奇玫鸟，想要繼續(xù)探索下去。
23.響應(yīng)式標(biāo)志
在一個(gè)越來(lái)越重視移動(dòng)體驗(yàn)的時(shí)代犀勒，讓你的標(biāo)志適配到所有類型的設(shè)備上是至關(guān)重要的屎飘。一個(gè)真正的響應(yīng)式標(biāo)志不僅僅是能夠在頁(yè)面或者設(shè)備上進(jìn)行放大縮小，它還需要具有一個(gè)非常巧妙的適應(yīng)性贾费，可以非常靈活的去搭配不同的尺寸結(jié)構(gòu)钦购。
此外，響應(yīng)式的標(biāo)志對(duì)于設(shè)計(jì)師來(lái)說(shuō)也變的越來(lái)越重要：一個(gè)品牌無(wú)論使用的尺寸與空間褂萧，都要能清晰的呈現(xiàn)自身押桃，這對(duì)于設(shè)計(jì)師來(lái)說(shuō)，也將是一個(gè)更刺激的挑戰(zhàn)导犹，響應(yīng)式的標(biāo)志設(shè)計(jì)在2018不會(huì)缺席唱凯。
動(dòng)效&動(dòng)畫
24.動(dòng)效和動(dòng)態(tài)靜圖
從網(wǎng)站、標(biāo)識(shí)到產(chǎn)品或服務(wù)的演示視頻谎痢，動(dòng)態(tài)圖形無(wú)處不在磕昼。動(dòng)圖可以讓人們更好地理解你的產(chǎn)品。動(dòng)圖也出現(xiàn)在版式設(shè)計(jì)中节猿，例如一個(gè)滑塊上的提示文字或者是一個(gè)動(dòng)態(tài)標(biāo)志票从。
隨著GIF的爆發(fā)，動(dòng)畫在線上的應(yīng)用也越來(lái)越廣泛。使用動(dòng)態(tài)元素（例如banner或頭圖）可以保證足夠吸引眼球纫骑。2018年動(dòng)態(tài)靜圖趨勢(shì)很可能也會(huì)回歸蝎亚。（一個(gè)靜態(tài)圖像中帶有一個(gè)單一的運(yùn)動(dòng)元素，例如一個(gè)靜態(tài)的杯子先馆，伴隨著動(dòng)態(tài)的煙霧從里面冒出）
25.集成動(dòng)畫
集成動(dòng)畫是一種非常輕微的发框，持續(xù)循環(huán)的動(dòng)畫。無(wú)論是正在加載的頁(yè)面煤墙，或是頁(yè)面上運(yùn)動(dòng)的元素梅惯，都可以通過(guò)他們來(lái)引導(dǎo)用戶體驗(yàn)。動(dòng)畫的出現(xiàn)可以幫助用戶找到與之類似的人物角色仿野，這樣可以加強(qiáng)其與網(wǎng)站的互動(dòng)铣减。
結(jié)語(yǔ)
相較于17年，我們從今年的流行趨勢(shì)中能夠看到脚作，18年無(wú)論在色彩葫哗、布局、形式還是動(dòng)效上球涛，都是更加多元化的發(fā)展劣针。作為一名UI設(shè)計(jì)師，當(dāng)然需要了解設(shè)計(jì)的流行趨勢(shì)亿扁，但不能盲目的去跟隨捺典，良好的產(chǎn)品功能以及用戶體驗(yàn)才是設(shè)計(jì)的根本，那么从祝，我們應(yīng)當(dāng)如何更好的去運(yùn)用這些流行來(lái)打造出高質(zhì)量的產(chǎn)品襟己，才是真正值得我們?nèi)ド钏嫉膯?wèn)題。
本文轉(zhuǎn)自：UI中國(guó)?DUBEST
