2018年值得设计师学习的六大视觉设计趋势总结

所属分类: 平面设计 / 平面其它 阅读数: 637
收藏 0 赞 0 分享

文章来源于UiiiUiii.com,感谢作者沪江UED给我们带来经精彩的文章!

刚告别2017,整个沪江用户体验设计团队便投入到2018视觉和交互设计趋势的研究当中。经过前两年的设计趋势分析,总结当下预测未来已经成为HJUX的一项传统。事实上2017的设计趋势中的确有一部分内容被印证,并且应用到产品与运营设计之中。

而这次我们再次温故而知新,首先从互联网、平面媒体、时尚等相关领域分小组搜集资料,然后以颜色、图形、质感、版式等视觉维度进行研究分析,最后根据流行趋势提炼设计语言,整个过程历时一个月,总结出2018年视觉设计流行趋势的风格关键词。

在过程中我们发现设计趋势并非无规律可循,事实上它往往是受到社会大环境及热点等因素影响下的结果使然。同时我们也意识到不同设计领域存在着相当多的通用性,希望这份报告能给各位从事并热爱设计的同学们带来一些启发和帮助。

一. 镭射虹彩渐变

Color-gel Laser Gradient

荧光 / 流体 / 梦幻感

1. 概念简述

荧光色自然融合下的流体渐变运用。

在科技成为近些年的热点后,设计配色也潜移默化地受其影响。镭射(激光)作为科技下的视觉产物,呈现出光彩陆离的渐变,浪漫而不失刺激,致幻而不失理性,使人有种穿越时光隧道来到异次元的梦幻感。

随着如今显示设备显色能力的提升,荧光色下的镭射虹彩渐变也在向更广的色彩领域延伸。我们预测明快,透气,强感官冲击下的镭射虹彩渐变,将成为2018年热议的配色方式。

2. 运用案例

由于镭射材质在光下变换莫测的炫彩感,让其在印刷,服装,甚至彩妆上都有着巨大的发挥空间。这种充满未来感的视觉体验受到当下沉浸于网络娱乐的年轻人青睐。这场色彩的狂欢已在时尚领域掀起热潮,相信很快也会在整个视觉领域大放异彩。

二. 赛博故障风格

Cyberpunk-glitch Art

霓虹 / 错位拉伸 / 未来感

1. 概念简述

蓝紫调下的故障科技风格。

上世纪80年代科幻小说出现一个分支——赛博朋克。自此从文学到影视都开始热衷对人工智能展开畅想。而2018年正处于当年小说描写的近未来年代,同时人工智能,VR,AR恰恰也是当今热议的主题之一。种种巧合让赛博故障风格开始流行于各个领域。

赛博故障风格往往以蓝紫的暗冷色调为主,搭配霓虹光感的对比色,用错位,拉伸,扭曲等故障感图形体现电子科技的未来感。

2. 运用案例

从天猫造物节到中国有嘻哈的海报,我们不难看出赛博故障风在设计领域的影响。赛博朋克张扬的调性,符合现在年轻人标榜自我的价值观。而故障艺术这种刻意展现文件损坏状态的视觉效果,令画面更加具有科技发展中的不确定和未知感。

三. 图形通感化解构

Synesthetic Graphic Deconstruction

解构 / 反逻辑 / 通感体验

1. 概念简述

将主体物用解构的方式赋予其全新感官体验。

物体是由形状,材质,颜色,排列等维度所构成的。若将主体物进行打碎、分解、叠加等方式进行重组解构,从逻辑上打破其固有感官印象,由此物体将被赋予全新的含义。这种图形通感化解构的手段会让人在视觉,味觉,嗅觉等多个方面触发人的通感,从而引发人们对画面下深层内涵的联想与思考。

2. 运用案例

解构的手段融入了设计冲突感,会让观者产生耳目一新的体验。而解构下的物体本身带有的符号属性,又令设计真实而显得有据可循。台湾艺术大学学生用污水制作冰棒,打破了人们对冰棒美味可食用的固有印象,经验与现实的强烈反差,直观的引发人们对水污染问题的思考。

四. 三维纯色渲染

3D Solid Color Rendering

去材质 / 纯色系 / 平面感

1. 概念简述

统一三维物体的色系,将立体画面平面化。

随着C4D的流行,三维的表现形式在设计中变得愈演愈烈。不过在后扁平化时代,如何在扁平与立体的形式中间寻找平衡是大家关注的焦点,而三维纯色渲染恰恰是一种很好的尝试。空间感的布局拓展了画面深度,同时物体纯色系的渲染方式又强化了画面的平面感。设计将干扰人们注意力的因素排除,只留下需要传达的主题部分,令人印象深刻,这样的形式已经在摄影及三维艺术中流行起来,充满仪式感的画面让设计者爱不释手。

2. 运用案例

三维纯色渲染在时尚设计、产品设计领域中应用广泛。FENDI的2017情人节系列广告通过红色系的产品组合,很直观的体现热烈的节日氛围。而HypnoShine系列太阳眼镜广告中,利用统一绿色系的元素的搭配,强调了「超防晒丛林主题」,将产品本身无法表达的时尚感通过环境的组合放大强化。

五. 极简化设计

Complexion Reduction Design

大字号 / 信息优先 / 去风格化

1. 概念简述

以信息内容为优先的去风格化设计。

信息爆炸的时代,让用户聚焦信息的难度越来越高。如何减少干扰,让信息有效传达给用户正是极简化设计所推崇的。加大字号,拉大层级对比,增加留白,减少颜色以及不必要的装饰等手段越来越多的在设计中体现。

2. 运用案例

极简化设计的核心是围绕信息内容本身而呈现的,因此这种方式首先在产品UI设计层面开始流行起来。 尽管极简的设计风格导致很多应用的风格越来越趋同。但它是真正以用户为核心的设计发展趋势。设计不再作为独立于内容之外的元素存在,而将着眼于内容本身,为用户打造直观的视觉体验。

六. 光感透气叠加

Light Sensation Superimposition

光感 / 渐变 / 氤氲感

1. 概念简述

具有光感的半透明渐变叠加。

去年我们曾经总结过半透明叠加这种形式。今年我们发现这样的叠加方式开始融入新的视觉元素——光感。 光因为其剔透,纯净,反射的特性,一直被人们所青睐着。 人们不再满足于简单的色彩叠加,增加光感的设计将会为产品增添更多的未来迷幻属性。

2. 运用案例

光感透气叠加的方式让颜色与其背后的内容更和谐地相融在一起。在《国家地理》这组关于气候变暖宣传设计中,由于光感叠加令颜色渐变产生氤氲之感,直观的传达给读者气候变化的感受。

欢迎关注作者微信号:「沪江UED」

文章结束,以上就是关于2018年值得设计师学习的六大视觉设计趋势总结的全部内容,希望大家看完有所收获!更多精彩,尽在脚本之家网站!

更多精彩内容其他人还在看

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多