我们正在进入夏季,传统上每个人都对生活稍微松懈。即使网站设计看起来更轻,有更多的空白和简单的设计。
这也转化为一些趋势元素。我们看到很多导航元素带有新的扭曲,圆圈和完美对称的网格似乎正在卷土重来。这是本月设计的趋势。
1.彩色背景上的白色导航
除了汉堡菜单,我们最后一次真正考虑网站导航的趋势是什么时候?设计的这一小部分是必要的,但在许多项目中往往不是主要关注点。人们通常不会对一排链接感到兴奋。
但这种趋势令人兴奋。设计师将标准导航菜单与浅色背景和深色文本混合在一起,有利于反向风格设计。它非常好。
下面的每个设计都在深色容器背景中具有导航元素。Camo使用更大的背景元素,延伸到主画布以及双色英雄头。
这种风格的酷炫之处在于颜色实际上以不同的方式将重点放在了设计上。首先,眼睛被吸引到大的白色空间,这是设计的主要部分。然后,他们将眼睛移动到彩色区域并扫描导航元素。
这是一种高度可用的模式,因为导航元素可以成为用户关于网站内容的线索。这一行小词可以帮助某人决定是否要留下来学习更多或反弹。
在这种趋势下,颜色为他们提供了延长几秒钟的机会,并可能探索更多的网站设计。
2.圈子
网站设计中的圈子是那些似乎咆哮并褪色的趋势之一……并重复。这种形状似乎在一段时间内占据了主导地位,然后迅速消失。
这种现象没有真正的原因 – 也许大多数设计趋势都是如此 – 但对于圈子而言似乎最为明显。还记得材料设计真的在升温的时候,他们对设计项目有多么痴迷吗?
在设计中使用圆圈最好的事情是,这是一种不依赖于其他趋势的趋势。几乎可以在设计的任何部分使用圆圈,从导航元素到草图,以引起对动画显示的注意。实际上没有一套有效使用这种形状的规则。
圈子因为与它们相关的含义而起作用。因为圆圈没有可识别的开头或结尾,所以它们似乎像轮子一样移动。形状有时被视为女性,在文化上与爱,能量和力量有关。您几乎可以在下面的每个项目中看到这些内容。
Bimble使用一个大的彩色圆圈来吸引注意力。您可能会注意到在产品包装中进一步使用圆圈。粉红色与女性化的联系,描述与和谐(放松)有关。
Raquel Acon的网站使用多个圈子来表示运动(或者可能来自私人教练的变化)以及和谐。
汤姆少校在运动中使用圆圈,通过动画和鲜明的调色板创造出独特而强大的能量。
3.完美的网格
如今,项目似乎挤满了各种网格。并且每个人似乎对同一个想法略有不同。这种趋势爆发了一些,并回到更基本的对称堆叠网格,以展示多个元素。
虽然最近的趋势使用了以砖石风格或松散的表现形式或重叠元素为特征的网格,但这些更完美的网格是平衡和谐的。
虽然这种趋势没有任何浮华,但它非常适合难以组织或直观连接的内容块。这就是为什么这种网格风格适用于投资组合网站的原因。
但它不仅仅适用于投资组合。这里有投资组合,产品和支付网关网站。每个都以不同的方式使用相同的概念。
加布里埃尔·阿尔维斯使用静止和动态图像的混合来展示几乎正方形网格中的项目。每个元素都有一个悬停覆盖图,其中包含其他信息
Liebe Quark的全屏网格具有丰富多彩的图像和文本组合,但实际上没有任何内容可以点击。它就像一张巨幅画面,虽然你仔细观察元素的行为与动画的接触。
Payvision使用更垂直的照片网格来突出团队成员。网格不像其他示例那样是全屏选项,而是使用中心的网格作为焦点。
所有这些网格的共同点在于,元素在屏幕上的颜色和深度方面具有相同的权重。每个网格元素填充其自己的空间并触摸相应的元素,其间没有空格。
这些网格作为一个完整的单元,为设计提供独特的视觉切入点。
结论
本月我最喜欢的这个系列趋势可能就是使用圆圈。这种简单的形状有很多意义,可以用很多不同的方式使用。(如果你没有直接寻找它们,你甚至可能不会注意到圆圈。)这种形状是如此可用和实用,我很惊讶我们看不到更多。