小莫

pk10在线计划网:2018最酷的设计趋势

小莫 流行趋势 27260浏览

pk10技巧 冠亚和稳赚 www.581n8.cn 1

 

魔镜魔镜快告诉我,谁才是它们当中最酷的设计趋势?

在2017年,我们可以看到移动端的设计变得越来越重要:我们倾向于认为2018年的这样的趋势将延续下去,使得例如响应式logo这样的元素对于设计师而言至关重要起来。

我们也可能会看到充满活力和色彩鲜艳的定制的插画的运用,以及更多的充满自由创意的作品。

2018年将是一个充满缤纷多彩和炫动元素的一年:听起来是不是很让人兴奋呢?

 

01?未来主义风格

2

早在21世纪初,未来看起来就像在电影《黑客帝国》中看到的那样:滚动的数字序列,技术,机器人,脉冲灯……

当电影看起来和现实相差较大时,这种场景就会失去了它的吸引力。但最近在说到人工智能或大数据时,我们可以切实感受到机器人技术的热度,虽不及黑客们对此的狂热,再018年的设计界,未来风格仍将占一席之地。

3

项目:?Automotivecluster effects exploration process? ?作者:FΛNTΛSY

 

4

项目:?Crown Tech?|?SpaceShip?|?DataVisualization Concept

作者:Jan Wolinger?|?Arif Rachman Hakim Yogyakarta?|?Mario ?imi?

 

02?极简&大留白

5

少即是多,化繁为简是一个永恒的趋势。简单意味着干净、整洁的页面,以极简主义的名义,大量留白,整洁的页面??占浼词峭醯溃憾杂谝趁嬷锌占涞挠呕?,适用于多种场景和功能的设计。

6

项目:Rem? ? ?作者:Alim Maasoglu

 

7

项目:?A propos du cancer?|?WaveOCCorporate Website Redesign

作者:Extra?|?Tetiana Donska

 

03?纵深和空间感

8

为传统的扁平化风格设计加点料或许是2018年一个正确的方向,添加一点微投影将会使对象更加饱满立体,虽然极简的扁平风格仍是主导的风格。

在拉大纵深的概念下,空间感和层次感都会得以充分体现。

9

项目:Nike PromotionAds — Parallax Effect

作者:Jardson Almeida

 

10

项目:Flyknit Lunar 3?|?Made You Look?? 255 | Live a little more.

作者:Callum?Notman?|?STUDIOJQ

 

04?响应式logo

11

Logo适配移动端规范。未来的趋势是,品牌的竞争将会更多的在智能手机,平板电脑或banner上展开角逐,更多的移动设备上的体验,桌面平台将渐渐失势。

响应式logo对于设计师而言将会变得至关重要:一个品牌形象的呈现必须不会被维度和空间限制。2018年品牌的响应式logo必须得有—-这对于设计师而言是个刺激的挑战。

12

项目:PremiereLeague?|?Evolving Google Identity?|?Nike Air

作者:DesignStudio?|?Google Design?|?Nike

 

05?定制插画

13

素材图,不带劲。这就是为什么我们会在2018年看到更多的定制化设计和插画,素材库的艺术作品将会因为其同素化而更少的被使用。从网站的整体设计开始,配合插画的运用,品牌语言将使一个网站变得独一无二。一旦网页着陆,人们就会感受到明确的品牌之声。

14

项目:Lifecycle? ?作者:Iswanto Arif

 

06?动效,Gif和动感照片

15

我们就爱动起来!随着GIF在社交网络上爆红, 动效的运用愈发重要。在首页或重点页面,使用例如带有动态元素的Banner或者背景图可以作为抓取用户眼球的策略。
2018将最有可能看到回归的cinema-graph趋势(固定的照片和仅有的动态元素, 例如:一个正在冒着烟的杯子)。最重要的东西永不会是死板不动的!

16

项目:Neo Kids -Onboarding Concept

作者:FΛNTΛSY

 

17

项目:?Exploring TheNorth Face

作者:Eddie Lobanovskiy

 

18

19

项目: cinemagraphs.com

作者:?Kevin?Burg,?Jamie?Beck

 

07 微交互

20

它们无处不在。每当你在Facebook上点下一个赞,或在app上左右滑动,都是在与“微交互” 建立紧密接触??悸堑侥勘晔俏没Ш捅Vち榛钏吵┑慕换?,微交互的确管用。
界面元素变得如液体般灵活多变:按钮能变成别的什么控件,整个界面在触碰和使用时都是一个动态的场景。我们打赌在2018年它们将继续主导潮流。

21

 

22

23

项目:My idea?|?An incident infront of you!?|?Playlist -Radial Interaction

作者:Johny vino?

 

24

25

项目:Brewskies v2?|?Gesichtspunkt

作者:?Kevin Yang?|?Alim Maasoglu

 

08?集成的动画

26

轻微而恒定。?集成的动画的动作并不剧烈,但能持续在用户导航体验中引导用户——无论是用户等待加载时,还是与引导其与屏幕上控件交互时–例如滚动屏幕或聚焦于某一部分。动画人物的存在可以帮助用户找到角色定位,增强与网站的互动,以及建立一条真实的的叙事线。

2018-the-coolest-design-trends 01

28

2930

项目:?inturn?website? ?作者:INTURN

 

09?大胆的渐变色

31

有时它们会回归潮流。渐变在10年前便被设计师弃用,后来被扁平化设计所取代。但在2015年像Spotify和Instagram这样的巨头将渐变带回人们视野后,它似乎迎来了第二春。渐变2.0没有它的老版本那么杂乱了: 颜色得以较好的区分营造出双调渐变效果。比起主流的扁平化设计, 渐变设计则代表着新鲜、酷炫和数字时代。

32

项目:Nike Free Design? ?作者:Leo Natsume

 

33

项目:A?Posterevery day – Collection 2?|?Elje – group website

作者:MagdielLopez?|?elje-group.com

 

10?半写实3D风格

34

3D一直都是热门,在2018年仍会引领潮流。它的力量在于以一种微妙的方式游走于虚幻和真实中,有时甚至让人难辨真假。到底是照片还是渲染图?这种边界正变得越来模糊不清……

35

项目:YOOX: Make a Wish

作者:?Peter Tarka,?Mateusz Krol,?JVG ?

 

36

2018-the-coolest-design-trends 02

38

项目:NIKE iD? ? ?作者:?Jordi Pagès

 

39

项目:?Personal Collection?|?Air Max ’17

作者:Peter Tarka?|?Berd .,?Lukas Vojir,?mark haley,?Oliver Harris,?Jeff Thomson,?Fred Huergo,?James Owen

 

11 3D金属和实体元素

40

由于在设计中玩转现实与虚拟变得更加艰难,困难在持续,而3D正挑战着未来设计的趋势。当有机体与无机体相遇,设计将阴影和颜色转变为实体的如工业生产的金属物。?这种逼真感使你想要去触碰和感受那些流畅、冰冷、光滑的表面,并且难以置信它仅仅存在于屏幕上。难道无法触碰?!

4142

项目:Haja Cora??o

作者:DanielAristizábal,?Carlos García,?DanielRodrigues

 

43

项目:Black & Gold?|?Blindness

作者:Daniel Aristizábal?|?Carlos García,?Daniel Aristizábal

 

12?单色3D设计

44

如果3D效果运用再极致些–感觉一个物体诞生于同色的背景,那会怎样?使用单色3D设计,无论是线下还是线上,都使设计师能够利用光影和景深来欺骗观者的眼睛。
当我们看到物体从墙体上蹦跳而出时,除了对比度的略显不足外,单色3D效果带来了流畅而饱满之感。这种魔法将在2018常常见到。

45

项目:?NespressoExpertise? ??作者:JVG ?

46

项目:Magrela Popcorn?|?AmazoniaBeverages

作者:?Hugo Aranha

 

13 80-90年代配色和图案

47

我是不是在哪儿见过?当然:80-90年代配色和图案回来了,毒性的粉色和大胆的撞色。难道这种怀旧风气只是又一次回潮?还是因为曾属于那些鲜亮疯狂年代的孩子们现在都成为设计师了?这一充满活力,引起当代共鸣的复古潮流把我们带回那充满咀嚼口香糖风味的美好旧时光。设计师们的旧玩具,妈妈们令人不摸不着头脑的着装搭配,都是他们的灵感源泉。

48

49

50

项目:80’s inspired Pattern?|?POINT ////////?|?W-1411 FLY

作者:Rahul Das?|?álvaro Pe?alta?|?WRITE SKETCH &

 

14?大而醒目的排版

51

  • 1.?充满个性的字体。一个即将到来的趋势是文字本身成为设计的主体,作为蒙版结合图像。文字立即成为主角和框架,简直是给任何页面带来了不可抗拒的吸引力。
  • 2.?有的人试图抹灭衬线字,但他们没有成功,不论线上还是线下的使用中衬线字都还是回来了。无衬线不再是必须的,衬线字体的使用将会为创造性的布局打开更多的情形。
  • 3.?超大字体是未来。?2018年将把大而粗的字体带入设计潮流。文字变身??樵?,从而创造出令人兴奋的创新作品。

52

项目:Bolden? ??作品:Jeanne Bataille

 

53

项目:NurtureDigital?|?A DigitalVolcano? ??作品:Bryan James?|?Gin Lane

 

15?创意十足的字体

54

一段时间内,创意字体不仅不会在2018年被抛弃,更加肯定的是会在来年成为最热门趋势之一。正如Willy Wonka在?纯粹由想象构成的世界?中所说,就是对技术不加限制的使用的结果。让文字来使人加深印象一定会是年度风向标。

55

56

项目:?ILOVEDUST – 3DTYPE COLLECTION 1

作品:?ILOVEDUST .

 

57

 

16?粒子背景

58

让我能够好好阅读吧,这一定毫无疑问是用户对任何设计师的含蓄的请求。因此弱化背景看起来是个理想的解决方式,既能突出主体信息抓人眼球,不至于让人眼花缭乱,又避免了视频背景会带来的加载问题。

一个轻微的肌理移动,一个柔和的动画,一点泡泡效果:它们都能成为更伟大的的设计的一部分,旨在给用户带来更愉悦的体验。即便在2018年也是这样。

59

项目:Wibicom? ?作品:Wibicom?Agency

60

项目:NinjaTune?|?Heco?Partners? ??作品:Luke Twyman?|?Heco

 

17???榛牧舭卓占?/strong>

61

有些东西一直都很流行,比如黑色鸡尾酒礼服,或是??榛牧舭咨杓?。为什么能够确定它一定是来年的趋势之一?答案就像它自身布局一样简单:清晰,高效,整洁,它可以通过使用颜色和形状来增强最有趣的部分,从而使空间管控和内容达到极致。就像牛仔裤和白T恤这样的经典搭配,它总能在涉及清晰优雅的感觉时扮演主角,利用它的??榛匦匀ナ视γ恐殖【?。

62

项目:— Ifys.? ??作品:?Adencys

 

63

项目:MinimE-commerce Website?|?Nona HomeE-commerce Website?|?Digital AgencyWebsite

作品:?Daniel Tan

 

18?分页设计

64

买一赠一。将整个页面分成2个部分能够将内容区域加以划分,例如将文本与图像分开,或构建信息的层级结构。2018,当信息量不断增加,我们却不想在拥挤的页面中迷失。分区设计将成为设计师处理所有内容的利器,而不失去对UX和美学体验。

65

项目:Fold animation? ?作品:Divan Raj

 

66

项目:ProductLanding Page UI?|?DesignThinking?|?Split foldcards for blog

作品:Dinesh Shrestha?|?Radowan Nakif Rehan?|?Divan Raj

 

19?活力四射、高饱和度色彩的页面

67

2018将是色彩之年。让我们放下对于“过度”的恐惧:多亏了设备对阅读体验更优的支持,新时期我们可以欢迎“过度”的效果。任何勇于尝试的设计师都将被鼓励和赞扬去尝试超饱和的色彩和新形状。让碰撞发生吧:双色调不再会让人恐慌,每个品牌最终都会尝试一些跳出安全区的配色方案。让我们把网站变得更多彩!

68

项目:?Runningon experience? ??作品:Adobe

69

项目:Egwineco?|?Nike Tech Packin-store app

作品:egwineco.com?|?Shakir Dzheyranov,?Luis Liwag,?Robo Inc.

 

20?单色图标

70

71

 

21?混合图标

色彩仍可以用于以线凸显轮廓的线性图标上。填充不需要太多太明显,而是使用一些颜色再留一些白,让图标带一点手绘感??啥列匀允鞘堑谝晃坏?。

73

项目:Alfred icons?|?Icons? ??作品:?Andrea O?|?Denise_

 

22?蒙德里安风格

74

Piet Mondrian说:“对自由和均衡(和谐)的渴望是人类天生的(出于人的本质)?!?/strong>

这就是为什么蒙德里安会被看作是下一年的趋势:一种基本的红黄蓝色组合的风格,创造出干净、和谐和平衡的氛围。

这种风格的平衡来源于正方形形状和基础颜色的组合,内容和图像均以可用性分布其中。

75

项目:?Mondrian? ? 作品:Stugbear

 

76

项目:Guernica?|?Beruit? ? ?作品:Shota?|?Zak Steele-Eklund

 

原文地址:behance

译文地址:非科班设计(公众号)

译者:Marshall

201712251514185271

转载请注明:pk10技巧 冠亚和稳赚 » 2018最酷的设计趋势

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网pk10技巧 冠亚和稳赚 www.581n8.cn?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.www.581n8.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.www.581n8.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.www.581n8.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
这些基本的提升产品体验知识你应该知道这些基本的提升产品体验知识你应该知道
2019 年最新设计趋势汇总2019 年最新设计趋势汇总
设计师带你了解一下赛博朋克设计风格设计师带你了解一下赛博朋克设计风格
你的平面设计风格隐藏着你的个性你的平面设计风格隐藏着你的个性
U享会|小程序专?。ㄏ拢钒咐治黾吧杓菩枳⒁獾摹翱印?/span>
看完天猫2018年双11海报,不会字体设计的设计师们已哭晕在厕所!~看完天猫2018年双11海报,不会字体设计的设计师们已哭晕在厕所!~
语音交互设计(二):设计流程与方法语音交互设计(二):设计流程与方法
80%的用户时间停留在前三屏,然而八年前完全不是这样80%的用户时间停留在前三屏,然而八年前完全不是这样
浅谈消费升级下的体验设计升级浅谈消费升级下的体验设计升级
语音交互设计(一):VUI发展及特征语音交互设计(一):VUI发展及特征
?
  • 端午节湖北接待游客1558万多人次 实现旅游总收入61亿元 2018-11-21
  • 自家车给自家店拉货咋就成“非法营运”了? 2018-11-21
  • (两会受权发布)中华人民共和国副主席简历 2018-11-20
  • 远离闹市喧嚣 亲子携手感受特色小镇的生活美学 2018-11-20
  • 租购并举渐入佳境 构建楼市阶梯型消费 2018-11-19
  • 向德荣寓言:农夫、青蛙与苍蝇(原创首发) 2018-11-19
  • 2018首届“中新广州知识城杯”绘画摄影作文大賽·奥一网 2018-11-18
  • 任何时候,国家安全都是老百姓最"稳"的幸福 2018-11-17
  • 别扯没用的,土地事实上属于地方政府才是关键。粮食更重要,咋不炒粮食? 2018-11-16
  • 中考科目改革催热高价冲刺班 2018-11-16
  • 因滑门存隐患 现代汽车召回2339辆起亚嘉华汽车 2018-11-15
  • 异类非人思维。如一尼安德特人从2万年前发出的声音。 2018-11-15
  • 【专题】王学义教授做客长城网燕赵名医大讲堂 2018-11-14
  • 广州市从化区人民法院公告专栏 2018-11-14
  • 美媒:中国歼10改进型能力强悍,已成美空军强大威胁 2018-11-13
  • 143| 691| 980| 568| 111| 47| 696| 726| 226| 131|