编辑:陈作者:卡丽考辛斯设计一直在随着潮流快速发展,每隔一段时间我们就会看到一些与以往不同的设计潮流。这些流行的设计方法和视觉趋势使得一些优秀的产品和设计引人注目,受人喜爱,甚至带来商业价值,这也是为什么作为设计师,我们需要利用好这些趋势,让这些流行的设计手法发挥更大的能量。
随着时间推移到2020年,我们注意到很多流行的设计手法,——,更多的是夸张的渐变,打破逻辑和常规的排版,以及依然流行的简约设计。这些你都不陌生。但另一方面,你可能并不精通的黑暗图案、声音交互和3D元素越来越主导当前的视觉设计。
如果你想让你的设计更贴近当下,更突出,更有价值,看看这张整理出来的趋势表。
1.流行的“极简风格”和“大留白”的极简设计一直是设计中的重点和难点,这一点毋庸置疑。极简设计一直很受欢迎,从未过时。不过,虽然每个时代的极简风格都有相同的宽泛范畴,但细节却有所不同。2020年流行极简风格,留白多,更注重通透。很难说这种趋势是否受到了当今信息过载的影响。3354以尽可能小的信噪比区别于其他设计。
在下面的两个案例中,白板的网站采用了更加经典简洁的设计,中心无衬线字体,微妙的浅灰色背景。
Soldo的设计会丰富一点,但背景图片也采用了近乎纯白色的背景墙,借用不对称布局来吸引用户。
白色书写板
意大利铜币
2.疯狂流行的“黑暗模式”
2019年,iOS全面拥抱黑暗模式,使得这种视觉设计手法迅速传播并流行开来。深色图案具有使信息更集中的功能——,但是随着其流行,深色图案已经成为一种用户需求3354。用户想要,当设计师开始大规模设计这样的作品并应用到产品中,自然就成了一种流行的视觉审美。
深色图案深邃而迷人,一方面是因为其强烈的色彩和信息对比,另一方面是因为其不同于常规设计的独特性。
在下面的例子中,CanneSeries使用了neon强调色和加粗字体,并配以动画,使页面看起来引人注目。
与前者不同,达文波特是优雅深色图案的典范。白色衬线字体,优雅的金色,精致的视觉元素,身临其境,高级。
罐头系列
达文波特
3.打破字体和排版的规则
从去年开始,热衷于版式设计的设计师们频频打破各种版式设计规则。2020年这个趋势大概会更彻底吧?
但是想玩好也不容易。关键是你既要打破间距、对齐等——的规则,又要让用户能够获取信息,在“新奇”和“不舒服”之间做好平衡。当然,很多设计偏向于艺术,而不是追求信息的准确。所以,你需要知道你的目的是什么,然后选择是否使用这种技术。
J Powers Events以不损害可读性的方式设计了跨区域文本布局。有趣的是,当你滚动页面时,字体会随着叠加区域的变化而变化。
这一页的创客梦想家使用了倒置字体、混合衬线和非衬线字体,在简洁的布局下营造出高端而艺术的感觉。
J Powers事件
制造者梦想家
4.提升格调的艺术插画大行其道,充满艺术感的线性插画是先锋。这个插画网页和UI的视觉风格有了明显的提升,可能看起来有点怪。——问题是,你不就是想吸引用户的注意力吗?
恐怕这不是第一次有人在这里推荐URD设计了。讲的是艺术插画小图库,极具想象力和视觉感染力,强烈推荐。
赫崇把插画和动画结合在一起,天马行空,天马行空。
荒谬的设计
赫松
5.手绘插图和真实材料的结合
设计的时候,最常见的一个问题就是用图片素材还是插画素材。实际上,还有另一种选择:混合使用。将精致的图片与有趣的插画混搭,同样牛逼!也是在打破常规,也能创造视觉奇观。
Constance Burke这个网站让真人穿上手绘的衣服,非常独特!
布勃卡更大胆。当你滚动页面时,抽象的插图和真实的图片来回穿插,颇具想象力!
康斯坦斯伯克
布勃卡
6.有机流体动画效果你可能注意到了,越来越多的网站和平台都在有意识地使用各种动画和不太死板的元素,比如不规则的流体。这些像水一样的可变元素使网站和应用程序更有活力。
流体动画可以创造更好的过渡效果,吸引用户的注意力。这种动态效果的关键是控制流体的速度,平滑度是设计的核心。
Toonami使用了光标悬停时的流体动画效果,视频和文本也使用了类似的流体效果。
Ilya Kulbachny在标题中使用了液体动态效果。这些文字随着页面滚动而变化,这种用法可能会越来越流行。
图文
伊利亚库尔巴赫尼
7.各种3D元素增加了网站和UI中的视觉张力和景深层次。3D元素是个不错的选择,什么都可以3D!2020年,效果更加强大细腻的3D视觉设计,将让优秀的设计更加强大出众。
就像下面的Metaconf Meetup和Toke网站,都是借用3D设计来增强整体的视觉张力。
Metaconf会议
Toke
8、错落有致层层叠加穿插当你在设计的时候,你是否习惯让所有的元素在页面上铺开?如果将不同的层次错落有致的铺开,会带来更多样更有层次感的设计!
可以让文本框与图片、视频重叠,甚至可以结合动态效果在交互过程中进行移动!
在工艺厨房的首页,图片和图片,文字和图片重叠,但总体来说,是在一个相对稳定的框架里,显得稳定,有些错落有致。
Curthompson MD的网站使用圆角矩形卡片来承载图片,图片中会穿插其他元素来产生景深。这个网站通过卡片建立了一个重叠交织的规则,值得学习~
工艺厨房
医学博士科特汤普森
9.梯度大。在扁平化设计大行其道的前几年,每个人都尽力避免渐变。现在,梯度不仅卷土重来,而且不得不说是越来越飞了。
刚刚回归的渐变更加微妙,但是现在的渐变颜色跨度越来越大,开始无处不在。多种颜色的逐渐组合是大趋势。
例如,Bariskuran使用大胆的渐变来呈现设计组合,而Arjay Studio在小气泡元素中使用非常丰富多彩的大渐变效果。
巴里斯库伦
Arjay工作室
10.超级简单导航2020年,还会有另一个重要的趋势,那就是结束复杂的大型导航,转向流行的简单简化导航。
虽然这种做法乍一看似乎有风险,但从目前的情况来看,导航元素越少越符合当前用户的需求,也能让网站和app的信息主干更加清晰,适合信息传递,为内容腾出更多空间。
Bikebear采用简化导航,网站视觉很有特色,甚至有点搞笑;Uniel隐藏汉堡图标中的导航。无论你是在桌面上还是在移动设备上访问它,都会有更多的内容显示在弹出菜单中。
自行车熊
尤妮尔
结论设计趋势、流行手法,它们是日常设计中重要的参考和学习对象。他们最大的特点就是“契合当下”,因为大家都喜欢,他们符合当下的语境和需求。在自己的设计中,善用这些流行的技术或潮流,可以让现在的设计更有效果。当然,这些趋势并不是独立的,它们可以相互结合,产生更有趣的效果,不是吗?