专栏名称: AleCC
善良的小美工
目录
相关文章推荐
百姓关注  ·  千禾味业深夜回应:不存在误导消费者! ·  23 小时前  
贵州日报  ·  5天、7天、9天……多地宣布连休! ·  昨天  
百姓关注  ·  贵州,你真“红”! ·  昨天  
51好读  ›  专栏  ›  AleCC

4月份3个适用性极强的网页设计趋势

AleCC  · 掘金  ·  · 2018-04-09 02:30

正文

图形和字体是增加网站视觉体验的重要元素,即使它们并不会占据很大空间,影响依然非常明显。如果你仔细观察这个月的网页设计趋势,会注意到设计师在处理字体排版和图形元素的时候非常仔细,充分利用这些元素的概念来营造更为优秀的设计。

1. 斑点和气泡元素

不少设计师开始利用诸如斑点和小气泡这样的装饰性元素,分散在网页的各个角落。这些装饰性的元素大多以小圆点的形式呈现,它们的形态多种多样,但是总体上有着吸引视线、丰富视觉的功能。即使是基于相同的设计概念,不同的气泡和斑点,让每个设计项目都有着不同的性格。

这些元素可以是任何色彩,而微妙的渐变和高饱和度的色调是目前设计师的最爱。斑点和气泡本身在形态上也有着柔和流畅的特点,让整个氛围显得圆润顺滑。

设计师借助气泡在整个画布上进行构图,通过衬托来营造深度,借助动效营造动静对比,所有的这些设计可以以不高的成本创造出时髦有趣的设计感。而所有的这些大都是为了一个目的:创造出用户偏好的视觉入口。

总的来说,斑点和气泡是一种吸引用户注意力的有效设计元素。如果你用的好,它们不仅可以作为装饰而存在,还可以作为视觉引导,控制整个页面的动线,给用户以视觉上的自然指引,创造出富有流动性的页面布局。

Andy

Wedze

Sretks

2. 「悬浮的」矩形元素

这是网页设计当中,另外一种流行广泛但是尚未有正式定名的一种设计趋势。带有「悬浮」效果的矩形元素开始出现在各式各样的网页当中,从产品展示型的网站到各种品牌的网站页面,几乎无处不在。

也许是因为悬浮的矩形元素让图层以一种有趣的方式呈现出来,这种设计技巧和视差滚动、动画可以很好地结合到一起。现在这种设计趋势已经表现的非常明显了。

通过带有悬浮效果的图层,各种元素可以独立的按照自己的方式运行。这个概念和 Material Design 中「纸」的意象很接近。不过,悬浮的矩形在概念上没有 Material Design 中那么结构化,设计师可以发挥的空间也更大。

充满流动性的设计,在视觉上是非常吸引人的,这样的设计更容易鼓励用户互动,因为在这样的设计当中,用户会随着设计的引导而好奇接下来会有什么。从目前的实战案例中可以看到,许多设计中都有悬浮的矩形元素,它们在整个布局中作为信息的载体,可以打开和关闭,充满了神秘感,也承载着关键性的交互。

悬浮的矩形元素的优势是,它几乎可以和任何元素匹配起来,可以很简单也可以很复杂,可以简单的几个区块搭配起来,也可以是由很多矩形来构成信息流。

这一设计趋势的优势在于灵活自由,以及强大的可定制性。不过从独特性上来说,相对于其他的要弱一些。

Badsam

Hugo-vann

Copper-heart







请到「今天看啥」查看全文