UI设计师需知:2018年的设计趋势

2018年已经过去一个月,再不2018设计趋势就晚了。Mindsparkle Mag整理了2018年20个最新设计趋势,你的灵魂绝对无法拒绝。

过去的2017带来了很多的设计创新,那么,接下来会有什么呢?Mindsparkle Mag在我们的设计博客整理了20个设计趋势分享给大家。回顾了今年的内容后,我们整理了一份我们认为最有可能成为2018的设计趋势的设计特征清单。话不多说,以下是我们的TOP 20预测。

1、3D仍然流行

过去两年,我们看到了越来越多3D项目。看了一些顶级的3D艺术家,比如MVSM和Peter Tarka的作品。我们预测3D在2018甚至会更流行。这对于企业合作、logo和产品植入尤其适用。

Project:Squarespace stillifeAuthor:MVSM

Project:Shapes & Forms|RubikAuthor:Peter Tarka

Project:Audi Q-Riosity|Adobe GovernmentAuthor:Peter Tarka

2、更多AR设计

AR的快速发展不仅仅只应用在游戏、视频和app上。我们相信AR在设计领域会有很好的发展前景,特别是在移动端。一个潜在的灵感来源可能来自DIA工作室,在日常用品上使用交互式3D排版。

Project:DIAAuthor: DIA

3、更多3D字体

2018年,3D字体将会变得更加流行。关键是看令人印象深刻,能推动创新边界。3D对Nike这样的公司来说变得非常重要,因为这是连接和打动用户的一种有效途径。我们肯定也会看到更多3D字体动画。

Project:3D Type CollectionAuthor:ILOVEDUST.

Project:3D Type CollectionAuthor:ILOVEDUST.|    Project:Typography projectsAuthor:Muokkaa Studio

Project:3D Type CollectionAuthor:ILOVEDUST.

4、数字化手工艺术

新的工具(像平板、手写笔等)和新的app使得使用手绘技术和将其与数字技术融合变得越来越容易。那些使用ps里面旧笔刷的时代已经正式结束了。这种新潮流被称为“数码画笔”,其用途更加广泛,利用了尺寸,最终形成更现代,更美观的外观。越来越多的品牌,像Adobe和Nike都把这项技术整合到它们的品牌中。

Project:Paintblast Vol.1Author:David Milan

Project:Adobe Creative Cloud 2018Author:Ruslan Khasanov|    Project:MaskedAuthor:Rik Oostenbroek

Project:PaintwavesAuthor:Ari Weinkle|    Project:MIAuthor:Rik Oostenbroek

5、生动明亮的色彩/渐变

渐变最近这几年重新流行起来,我们预测这个趋势会继续下去,但更多样化。我们发现更多的渐变创新,特别是用明亮生动的颜色和多元化纹理结合。渐变2.0也包括双色调效果。

Project:Electric ObjectsAuthor:Rose Pilkington|    Project:Magic.coAuthor:Ludmila Schevenko

Project:Daily PostersAuthor:Magdiel Lopez

6、更多3D动画整合到2D中

和上面提到的AD趋势相似,我们期待更多设计师在平面的2D设计中整合3D图形和动画,像天才设计师Baugasm将这个运用到他的海报系列一样。

Project:Daily PostersAuthor:Baugasm

7、灵活的3D

过去两年,3D设计在各个方面都得到了完善,这是一个巨大的飞跃。在现实和虚拟之间的交集变得越来越模糊而难以区分。我们赌定,会有更多的有机自然形态和运动的兴起,让3D艺术设计作品和动画更引人注目,这可能包括我们从自然中认识的液体形式和运动。

Project:Nike VapormaxAuthor:MVSM

Project:Blobs with MediumAuthor:Vincent Schwenk

Project:Covestro DCAuthor:Vitaly Grossmann

8、更多艺术化照片

现代写真和品牌活动设计通过使用演示和巧妙的设计,将会变得更大胆前卫。不管是用纸制的还是用三维的映射和可视化来增强的,它们肯定会脱颖而出,让你印象深刻。

Project:MonkifestoAuthor:Snask

Project:AizoneAuthor:Sagmeister&Walsh

Project:Nike AMD RevolutionAuthor:Happy Finish

9、现代复古插图

现代的插图加上复古的外观将会是2018的主要趋势。此外,我们还会看到精心制作的动画(例如增加深度的平面插画或微妙的动作),这是为了让双方愉悦,并表达更有影响力的故事。

Project:PSB RefinanceAuthor:Kirill Pavlov

Project:Bare WitnessAuthor:Re Agency

Project:Inside the HeadAuthor:Sara Svensson

10、彩色凝胶摄影

另一种即将出现在摄影师中的趋势是彩色凝胶或滤镜的使用。这种技术有无限的可能性,为被拍照的物体创造有趣的彩色照明场景。当使用两种或两种以上不同颜色的颜色时,会产生美丽的褪色和对比度,这是无法在Photoshop中复制的。

Project:Nude Coca-Cola & Nude PleasureAuthor:Local Preacher

Project:UnknownAuthor:Patrice Brilla|    Project:Neon HoodiesAuthor:Tim Tadder

11、响应式logo

在移动优先的情况下, 响应式logo变得越来越重要。只设计一个logo已经不够了,需要随着屏幕尺寸的变化而改变。logo变得越来越有适应性,它包含移动、平板、电脑等多个版本。就像几年前的web响应式设计,响应式logo现在也是“必须”的了。

Project:Responsive LogosAuthor:Joe Harrison

12、简单的半3D logo

像下面要举的例子所展示的,logo设计的新趋势将简化的形状与半三维的外观结合起来。利用光滑微妙的层叠颜色渐变,增加均衡的深度。颜色的整体使用将变得更加明亮和饱和,使品牌更加大胆。

Project:Formula 1Author:Wieden Kennedy|    Author & Project:Firefox

13、自定义艺术化字体

定制设计和古怪的字体正在成为热门,尤其是在设计师中。无论是碎片化的,扭曲的还是视觉上的破碎,这种类型的设计显然是突出的,这正是他们的目的。其中一些字体也是交互式的,会对鼠标光标做出反应。有一件事很清晰,定制字体永远都不够独特,而且在2018年这一领域的尝试肯定会增加。

Project & Author:Jeanne Bataille

Project:Vi NovellAuthor:Atipus|    Project & Author:Abschluss HSD

14、更多(互动)3D运用到web设计

2018 web设计的一个主要趋势是(互动的)3D元素的兴起,它具有深度、运动、纹理和透视效果。3D元素和场景的运用使每个网站都很独特,当然也提高了美学和或用户体验。比如,Atacac已经创造了一个交互式未来虚拟现实展示厅,允许用户在虚拟3D中探索时装系列。另外一个我们最爱的是The Artery的三维动态雕塑。

Project & Author:Atacac 2017 Yearbook

Project & Author:The Artery

15、动态鼠标指针

动态鼠标指针为网站添加了另一层用户体验。用户可以通过为个人网站定制的特定交互控制鼠标指针。用户可以通过为个人网站定制的特定交互控制鼠标指针。在Ben Mingo的例子中,当菜单项被接近时,鼠标指针开始表现得像一块磁铁。游标对不同的动作也有不同的反应,这在Walking Men中得到了完美诠释。我们对游标交互作用尚待探索的问题充满好奇。

Project:FolkAuthor:Phoenix

Credits & Author:Ben Mingo

Credits & Author:Walking Men

16、有创意的网站加载

使用枯燥的加载条的日子已经过去了。为什么不在你的网站使用一个更有创意的方式展示加载?下面是两个很好的例子: Contemple 和 Awwwards,它们很好地利用了创造性的网站加载。

Credits & Author:Contemple

Credits:AwwwardsConference    Design & Development:Adoratorio

17、Instagram的storytelling

不一定是一种设计趋势,而且是设计师的一种趋势。2017年是许多Instagram创新的一年。自从Instagram的storytelling发布以来,这一功能立即得到了认可,并日益被设计师和品牌所使用。一个很好的例子,如何与你的观众互动,可以在Ales Nesetril的专栏上看到,他还出版了一本成功的电子书《完美的网格:关于Instagram的创意指南》。讲故事最重要的是建立一个真实的真实的品牌,并获得热情的追随者。在2018年,我们肯定会看到它在许多创新方面的应用,如教程、视频、工作进度等。我们还预测,在不同的设计师账户之间会有更多的交叉共享。我们在Mindsparkle (@mindsparklemagazine)会邀请更多的设计师在instagram上花一天时间和我们的观众交流。

18、3D手工艺术

我们发现,在数字和手工艺术的交织中,有一种向上的趋势。手工制作的外观是一种经过深思熟虑的技术,为设计增添了一层有趣的触感。在下面这个例子中, Maxim Shkret的雕塑看起来就像是用纸张手工制作的一样。

Credits:3D ArtAuthor:Maxim Shkret

19、等距设计和摄影

等距投影是在二维空间中直观地表示三维物体的一种方法。在它被设计师发现之前,主要用于技术和工程图纸。无论是在摄影、插画、3D设计还是肖像学中,等距设计都在快速发展,你也可以期待在2018年看到更有创意的作品。

Credits:Ultraviolet Break of DayAuthor:Field.io

Project:Abstractions Vol.1Author:Mohamed Samir|    Project:Isometric HouseAuthor:Angela Chan

20、给扁平化设计添加深度

通过使用逼真的阴影,将深度添加到最小的平面设计中,创造出一个三维空间的外观,这几乎与现实生活相符。当对象在不同的层中分离,并自动与锐度和模糊组合交互时,这种效果将得到增强。

Credits:Nike Promotion AdsAuthor:Jardson Almeida

Credits:Flyknit Lunar 1 & 3Author:Callum Notman

本文已经取得原文作者Filip Triner的授权,Filip Triner人很nice。欢迎访问原文作者博客www.mindsparklemag.com,也可以他们的Instagram,Mindsparkle Mag是一个高质量的设计博客,里面有很多很棒的作品。

behance

译文地址:站酷

译者:爱设计的狐狸

(0)

相关推荐

  • UI设计师必读!iOS 10 人机界面设计指南 (2)

    小编:iOS 10人机界面设计指南中文版来了,感谢译者@喵大神经. iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产 ...

  • UI设计师必读!iOS 10 人机界面设计指南 (3)

    小编:iOS 10人机界面设计指南中文版来了,感谢译者@喵大神经. iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产 ...

  • UI设计师必读!iOS 10 人机界面设计指南 (4)

    小编:iOS 10人机界面设计指南中文版来了,感谢译者@喵大神经. iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产 ...

  • 2018年交互设计趋势

    想必你还在对昨天HJUX视觉伙伴们给出的视觉设计趋势啧啧称赞,那么赞别停!今天团队的交互伙伴们将带来2018年交互设计趋势.选择在农历新年来临之际奉上这道历时一个月烹制的"交互趋势年夜饭&q ...

  • UI设计师必知!关于Android和iOS设计的不同之处

    之前在DDC后台有粉丝留言说希望我们能写一篇关于iOS和Android平台特性对比的文章,笔者曾经为两个平台分别做过差异化的设计,所以今天想借此话题为大家介绍一下iOS和Android两个系统在设计方 ...

  • [案例解析] UI设计师如何用产品思维做设计!

    今天要跟大家分享的是一个小程序的迭代,通过这次迭代的过程,告诉你怎么分析一款产品,做为UI设计师怎么全局的看待一个产品,以及如何运用产品思维思考设计! 案例解析 有些产品迭代因为项目时间紧急,到UI设 ...

  • 【2018下半场】设计趋势之抽象设计,赶快上车

    有价值的设计总会归来 在产品设计领域,或许有人认为已经到了成熟阶段,已没有太多空间进行创新. 但事实上,由于品牌需要新鲜的东西持续吸引用户的注意力,新的设计或者对旧设计的改造依旧层出不穷.那些真正实用 ...

  • UI设计师必知:线框图、原型和视觉稿

    UI设计大师们常常画漂亮的线框图,原型,视觉稿,超赞,超令人感叹. 但是你分得清这3个概念,它们的用途吗?是否也常常傻傻分不清呐,今天就彻底的了解下它们吧. 前言:本文为译稿 背景:两三年以前,我发现 ...

  • 3个基础的APP技术框架,UI设计师必知!

    信籽(手淘设计师):不知道大家有没有遇到过这种情景,当你做好一个设计方案,满心欢喜地给开发讲解方案的思路和创意时,开发突然说一句:"这个方案实现不了",这时你整个人都不好了,心里开 ...