来源:中国设计在线
当我们回看2017年会发现,移动化趋势在设计中变得越来越重要。我们有理由相信,在2018年,这种趋势将继续下去。将设计中的元素变得适应移动化趋势对设计师来说尤为关键,应用响应式标识在设计作品中就是一个例子。
除此之外,我们很可能看到2018年的设计作品充满动态与活力,大胆鲜明的色彩。根据产品特性定制的插画设计将更多出现在设计作品中。设计师们将会更加自由地在作品中展现创造力。
01 未来感的装饰主义
回到21世纪初,未来似乎与我们在黑客帝国中看到的一样:滚动的数字序列、高科技、机器人、脉冲光线等。
当电影明显远离现实的时候,这种场景就失去了吸引力。但最近,当谈到数据分析或大数据时,我们看到这些机器人趋势又回来了(即使这些数字没有黑客世界那样令人兴奋)。在2018年,未来装饰主义也将会继续流行。
Project: Automotive cluster effects exploration process
Author: FΛNTΛSY
Project: Crown Tech | SpaceShip | Data VIsualization Concept
Author: Jan Wolinger | Arif Rachman Hakim Yogyakarta | Mario
02 简洁和舒适
少即是多,是永恒的趋势。简洁意味着干净,一个留白为主、整洁的页面可以称为极简主义。空间为王:对于多功能、多用途的设计,巧用空间可让设计得到优化。
Project: Rem
Author: Alim Maasoglu
Project: A propos du cancer | WaveOC Corporate Website Redesign
Author: Extra | Tetiana Donska
03 额外的景深
在传统的扁平设计中添加一些细节设计可能会是2018年设计的正确方向:扁平化设计方式仍旧会占据主导地位,但一点点阴影将有助于赋予设计作品中的物体柔和的视觉体验以及更丰富的维度。
空间和深度将在这些额外的景深概念中找到它们的维度。
Project: Nike Promotion Ads — Parallax Effect
Author: Jardson Almeida
Project: Flyknit Lunar 3 | Made You Look👁 255 | Live a little more.
Author: Callum Notman | STUDIOJQ
04 响应式logo
在移动趋势的召唤下,响应式logo也是一个趋势。在越来越面向移动体验的未来,pc端设计越来越失去重要性。品牌本身必须适应新的竞争环境,无论在智能手机端、平板电脑端或是banner上。
响应性的标志对设计师来说至关重要:一个品牌必须能够跨维度、跨空间地展现自己。
对设计师来说,一个刺激性的挑战在眼前--响应性的标识设计将是2018必须具备的技能。
Project: Premiere League | EvolVIng Google Identity | Nike Air
Author: DesignStudio | Google Design | Nike
05 自定义插图
固有的样式将不再流行。 因此在2018我们将看到更多的定制设计、定制插图、新颖的图标和更艺术性的作品。一个品牌的个性化从设计开始,需要找到一种基于绘画和插图的品牌语言。这种个性化设计将为品牌打造出独特的、清晰的品牌形象,在用户第一次登陆时就树立清晰的品牌印象。
Project: Lifecycle
Author: Iswanto Arif
06 动画,gif图和动态照片
我们喜欢事物动起来,动起来!随着GIF在全网络中的流行,动画越来越多地被在线应用。在横幅或人物形象以及闪屏或登陆页面上使用一些动效元素可以保证更多的关注度。
2018将最有可能看到动态照片趋势的回归(在一个稳定的图像上增加一个简单的小动效,例如一杯伴随着烟雾冒出来的咖啡)。最重要的事情就是永远不要呆在原地一动不动!
Project: Neo Kids - Onboarding Concept
Author: FΛNTΛSY
Project: Exploring The North Face
Author: Eddie Lobanovskiy
Project: cinemagraphs.com
Author: KeVIn Burg, Jamie Beck
07 微交互
它们无处不在。每次你在facebook上点赞或者滑动移动app时,你都在进行微交互。考虑到它们的目标是吸引用户,保证动态的用户体验,它们的效果还是很不错的。
元素具有流动性:按钮可以不局限于固有样式,所有的表面都变成了触摸和使用的动画场景。
我们打赌他们在2018也会继续流行。
Project: My idea | An incident in front of you! | Playlist - Radial Interaction
Author: Johny VIno™
Project: Brewskies v2 | Gesichtspunkt
Author: KeVIn Yang | Alim Maasoglu
08 集成动画
通过细微但持续的方式来引导。无论是在页面加载时,或是滚动或聚焦某一部分时,在交互设计中加入动画能在导航体验中更好地引导用户,通过页面上的元素和动作交互,让整个交互过程变得流畅,而不是生硬地打扰用户。
动画角色的出现可以帮助用户找到与之相关的人物角色,增强与网站的互动并构建出一个实际的叙事路径。
Project: inturn website
Author: INTURN
09 令人讨厌的艳丽渐变
它们又回来了。大约10年前,它们不再流行而是被扁平化设计取代。但是伴随着Spotify和Instagram这样的巨头从2015年开始带着它们回归,渐变迎来了它的再次辉煌。渐变2.0跟上一代比不会那么凌乱:色彩上很好区分,产生双色调效果。
随着扁平化设计进一步增强占据主流趋势,渐变现在成为清新、酷炫、数字世代的代名词。
Project: Nike Free Design
Author: Leo Natsume
Project: A Poster every day - Collection 2 | Elje - group website
Author: Magdiel Lopez | elje-group.com
10 半逼真3D效果
3D会迎来爆发,在2018,它肯定会引领很大一部分的设计趋势。它的魔力是用一种微妙的方式实现虚构和现实的交织,有时甚至分辨不出区别。是画还是渲染?边界变得越来越模糊…
Project: YOOX: Make a Wish
Author: Peter Tarka, Mateusz Krol, JVG
Project: NIKE iD
Author: Jordi Pagès
Project: Personal Collection | Air Max '17
Author: Peter Tarka | Berd ., Lukas Vojir, mark haley, Oliver Harris, Jeff Thomson, Fred Huergo, James Owen
11 3D金属和实体元素
当虚拟和现实的交互变得更加复杂的时候,唯有勇敢者能够继续前进, 3D技术让未来的设计趋势面临巨大的挑战。当有机物和无机物相遇时,设计将阴影和颜色转化为固体,金属元素从物体和产品中倾泻出来。效果真实到让你可能想触摸和感受那些液体,冷,光滑的表面,几乎难以相信它们只是在屏幕上。难道摸不到它们吗?!
Project: Haja Coração
Author: Daniel Aristizábal, Carlos García, Daniel Rodrigues
Project: Black & Gold | Blindness
Author: Daniel Aristizábal | Carlos García, Daniel Aristizábal
12 单色的3D设计
对物体使用3D效果渲染并放置在相同颜色的背景下会出现什么情况?使用单色3D效果,无论是线下还是线上展示,都能让设计师用深度和阴影的技巧来吸引观众的眼球。
尽管缺少对比,但其效果是平滑的并充满体积感的,我们看到产品好像是从墙上冒出。在2018年,这会是一种周围经常可以看到的魔法效果。
Project: Nespresso Expertise
Author: JVG
Project: Magrela Popcorn | Amazonia Beverages
Author: Hugo Aranha
13 80/90年代的调色板及样式
我以前在什么地方见过它吗?当然,80年代和90年代的色彩和图案带着它们那些令人崩溃的粉红色和大胆的对比度又回来了。这种怀旧的气氛只是一种反复出现的趋势吗?或者是因为当年那些聪明和疯狂的孩子们现在都变成设计师了?
这种生机勃勃的趋势的灵感来源于他们的旧玩具和那时会让妈妈头痛的衣服,它们带回来过去口香糖的味道,带回来一些旧时光的共鸣。
Project: BLIINK Ident
Author: Yukai Du
Project: 80's inspired Pattern | POINT //////// | W-1411 FLY
Author: Rahul Das | Álvaro Peñalta | WRITE SKETCH
14 大粗字体
1. 有个性的字体。字体变成了设计的主题,文字和图片混合成一个假面舞会,这些变成了即将到来的趋势。设计中的文字立刻成为主角和框架,给任何页面带来不可抗拒的吸引力。
2. 有人试着去干掉衬线,但并没有成功,衬线这个老家伙又回来了,无论是在线上或者线下。无衬线不再是必须的,衬线字体的使用将在更多的场景中带来创造性的布局。
3. 巨型尺寸是未来。2018,大和粗的字体继续成为设计的发展趋势。这些字母将变成模块化元素,创造令人兴奋的创新艺术。
Project: Bolden
Author: Jeanne Bataille
Project: Nurture Digital | A Digital Volcano
Author: Bryan James | Gin Lane
15 创意字体
观察一段时间后会发现,创意排版不仅不会在2018被搁置,而且肯定是未来一年的主要趋势之一。正如Willy Wonka所说,《一个纯粹的想象世界》是一个无限制使用技术的世界。令人印象深刻的文字设计肯定会是今年的潮流指引。
Project: ILOVEDUST - 3D TYPE COLLECTION 1
Author: ILOVEDUST .
Project: Typography 3D - 9
Author: Alexis Persani
16 粒子背景
“拖着我来读”是用户含蓄地向任何设计师提出的问题。这就是为什么粒子背景似乎是既吸引眼球又不会分散注意力的理想解决方案,而且它也没有视频背景带来的加载问题。
稍微移动的纹理、柔和的动画、一些气泡效果:它们都可以成为大设计的一部分,其最终目的都是为了取悦用户。
Project: Wibicom
Author: Wibicom Agency
Project: Ninja Tune | Heco Partners
Author: Luke Twyman | Heco
17 模块化空白
有些东西总是时髦的,比如黑色的鸡尾酒礼服或者模块化的空白设计。为什么它被确定为下一年的趋势之一?答案就是简单的布局本身:清晰,有效,整洁。简单布局通过使用颜色和形状增强内容中最有趣的部分,从而优化了空间和内容。
当提到优雅和清晰时,经典的如牛仔裤和白色t恤组合,可以永远充当主角。由于其模块化的性质,它可以适应各种场景。
Project: — Ifys.
Author: Adencys
Project: Minim E-commerce Website | Nona Home E-commerce Website | Digital Agency Website
Author: Daniel Tan
18 分页面设计
付一,得2。将页面分成2个部分,可以从内容中划分出语义区域,例如将文本与图像分离或建立信息层次结构。2018,当信息量不断增加,我们不想浏览拥挤的页面,对设计师来说,使用分割会是个有效的办法,并且也不会影响美学和用户体验。
Project: Fold animation
Author: Divan Raj
Project: Product Landing Page UI | Design Thinking | Split fold cards for blog
Author: Dinesh Shrestha | Radowan Nakif Rehan | Divan Raj
19 充满活力的高饱和度页面
2018将是彩色的一年。在这个新时代,不用担心大胆和过分,跟以前相比,过分的饱和度得到了更多的支持。任何大胆的设计师都会受到表扬,鼓励去尝试高饱和度的新样式。
撞色用起来:不用再担心双色调,每个品牌最终都可以试着脱离通常的调色板,大胆的尝试原本看起来危险的配色。让缤纷的色彩洒满整个网站吧!
Project: Running on experience
Author: Adobe
Project: Egwineco | Nike Tech Pack in-store app
Author: egwineco.com | Shakir Dzheyranov, Luis Liwag, Robo Inc.
20 单色icon
虽然页面的其余部分充满了颜色和渐变,但图标仍然要坚持简单的规则,它们的最终目标是易于阅读。填充一点点颜色与其说是让图标看起来更美观,倒不如说是可以传递更多的信息并且能够和其他设计元素顺利地结合起来。
Project: Icon Design
Author: Eaton
21 混合型icon
颜色也可以用在轮廓图标上,让线条变得引人注目。填充的话不需要填满,可以只有少量的颜色,留下白色的部分,使图标有点精雕细琢的元素,不是太重,但第一眼就能够看到。
Project: Alfred icons | Icons
Author: Andrea O | Denise_
22 风格派
“对自由和和谐的渴望是人类与生俱来的” -- 皮特.蒙德里安
这就是为什么蒙德里安的风格派会被视为在下一年的一个趋势:基本的红、黄、蓝汇集成一种风格,目的是能打造一个干净、和谐和平衡的氛围。
这是一种由方块和基本颜色构成的平衡,其中内容和图像都可以通过可用性的名义找到自己的位置。
Project: Mondrian
Author: Stugbear
Project: Guernica | Beruit
Author: Shota | Zak Steele-Eklund