图形和字体是增加网站视觉体验的重要元素,即使它们不占用大量空间,影响仍然非常明显。如果仔细观察本月的网页设计趋势,你会发现设计师在处理排版和图形元素时非常小心,充分利用这些元素来创造更好的设计。
1、斑点和气泡元素
许多设计师已经开始使用诸如斑点和小气泡之类的装饰元素在网上传播。这些装饰元件中的大多数以小点的形式呈现,其形状各异,但通常具有吸引注意力和丰富视觉的功能。即使基于相同的设计理念,不同的气泡和斑点也会使每个设计项目都具有不同的个性。
这些元素可以是任何颜色,而微妙的渐变和高饱和度色调是目前设计师的最爱。斑点和气泡本身也是柔软和光滑的形状,使整个气氛看起来光滑和光滑。
设计师使用气泡来构图整个画布,设置深度以创建深度,并使用动态效果创建动态和对比效果,所有这些都以低成本创建有趣且有趣的设计。所有这些主要是出于一个目的:创建用户偏好的可视化门户。
通常,斑点和气泡是引起用户注意的有效设计元素。如果使用得当,它们不仅可以作为装饰存在,还可以作为控制整个页面移动的可视指南,为用户提供视觉上自然的指导,以创建流畅的页面布局。
安迪
Wedze
Sretks
2、“悬浮的”矩形元素
这是网页设计的另一个设计趋势,它广受欢迎,但尚未正式命名。具有“浮动”效果的矩形元素已开始出现在各种网页中,从面向产品的网站到各种品牌网站,几乎无处不在。
也许是因为浮动矩形使得图层以有趣的方式出现,这种设计技术和视差滚动,动画可以很好地结合起来。这种设计趋势现在变得非常明显。
对于具有浮动效果的图层,各种元素可以以自己的方式独立操作。这个概念非常接近材料设计中“纸”的形象。但是,悬浮矩形在概念上不像Material Design那样结构化,设计师可以占用更多空间。
充满流体的设计在视觉上很吸引人,这种设计更有可能鼓励用户互动,因为在这种设计中,用户会对接下来会发生什么感到好奇。从目前的战斗案例中可以看出,许多设计都有浮动的矩形元素,在整个布局中充当信息载体,可以打开和关闭,充满神秘感,并且还可以进行关键的交互。
悬挂矩形元素的优越特性是几乎可以与任何元素匹配。它可以非常简单或复杂。它可以很容易地与几个块组合,或者它可以由许多矩形组成。
这种设计趋势的优势在于灵活性和灵活性。但是,就独特性而言,它比其他人弱。
Badsam
雨果-范恩
铜 - 心脏
3、图片和视频填充文字
最后的设计趋势不是太新。许多设计师之前已经开始使用它,但现在它已成为大趋势的流行趋势:将图片填充为相对较厚的文本字体。
虽然这个想法并不新鲜,但它具有强烈的视觉张力。在以下三种情况下,充分利用了这种技术。
在其主页的左侧,Valnet有一个巨大的字母V,在背景中嵌入动态视频,由字母组成的新框架使视频体验更加独特和有趣。
最重要的故事重新折叠这个页面使用相同的概念,背后的视频,让用户有更多的想象力。视频中的信息实际上传播不多,更多的是颜色和明显的运动感,它们的真正功能是诱导用户点击和查看更多的网页内容。
Belly Q使用缩放图像来创建更微妙的效果。前景是黑色叠加,用户可以通过挖空的字母Q看到背景视频。分层效果并不复杂,但这种方法在创建视觉焦点方面非常有效。
动画和图像填充文本,这种设计技术本身就可以创造一个谜,这将使用户有兴趣点击内容并看到更多。绝大多数用户对高度可视化的内容感兴趣,而这种神秘的创造将促进用户交互。只要确保他们获得所需的信息并给出答案,那么设计就是有效的。
Bellyq
故事
Valnet
结语
本月流行的三个设计元素或设计趋势非常灵活。您可以在主页,登录页面甚至整个设计项目中使用它们。