2020年网页设计的新趋势
文章来源:青云网站建设 作者:青云有梦 发布时间:2020-07-08 10:15:07 返回列表
我们经常探索使设计可预测的规则。我们也经常想打破规则,这可能是由于设计师的叛逆性以及设计需要使特定样式或元素脱颖而出。去年九月,设计师的违规性在他们的网页设计中得到了充分展示。这些违反规则的设计实际上遵循某些基本规则:尝试仅打破一条规则以产生意想不到的戏剧性效果。
1.忽略边界的文本元素
长期以来,设计师一直将每个元素整齐地放置在自己的空间中。但是现在,设计师开始将元素带出界限。
跨越多个块的元素似乎有点太自由了,但是在实际的设计工作中,效果非常有趣。特别是,跨越多个块的文本元素在视觉上令人震惊。
因此,现在正在出现的设计趋势是在背景层,图像和其他块中包含文本元素,例如下面的Tradewinds网站。
到目前为止,在我们已经看到的设计中,跨多个区域的文本可以是任何大小,形状或角度,但是通常需要与背景内容进行充分对比以确保良好的可读性。在以下情况下,可以水平或垂直显示文本。
这种设计背后的隐藏思维方式是使用超出用户期望的元素来吸引用户的注意力,这就是为什么设计师在此位置使用更具表现力的字体的原因。
为了使文本真正起作用,在网页上,文本通常作为单独的图层显示。用于文本的字体应具有足够好的可识别性和表示特征。为避免复杂的设计难以获得信息,请尝试使用简单的布局。
2.超大视觉元素
超大的视觉元素并不是什么新鲜事物,但是通过将通常在日常生活中不常见的元素放大并覆盖在屏幕上,就可以使它显得更具戏剧性。
这种设计是一种非常有趣的方法,要求设计人员使用具有丰富细节的高清图片。
为了使这种设计脱颖而出,设计人员在选择图片素材时必须非常聪明。如果有人告诉您用一只眼睛或一张嘴充满整个屏幕,您认为这行得通吗?首先,这样的设计通常是出乎意料的,如果整体设计足够原始,再加上特定的品牌,就可以形成足够强大的视觉传达能力。
当然,需要仔细控制视觉平衡,以便将日常生活中的小元素放大到整个屏幕上。他们通常需要足够的空间和空白,以确保它们看起来不会太陌生或过于刺激。 WestwardLeaning使用眼镜元素周围的大量白色空间来平衡外观,Famoustache使用鲜艳的颜色和有趣的字体来平衡浮动的胡须,而DTSi使用很多半透明的几何元素来柔化背景眼睛。
为了使这些超大视觉元素具有足够的影响力,请确保图像质量良好,屏幕上的像素完美,清晰度和焦点良好。最好是高清图片和视频,或者甚至是矢量素材,甚至是最简单的眼镜,都要确保描述足够清晰,以至于不会伤及用户。
3.中空图形
近年来,设计师对几何形状的偏爱明显增加。无论是图形叠加还是多边形图案,以图形为中心的设计在最近几个月中并不少见。但是现在,设计师似乎更喜欢使用空心形状。
无论是作为徽标,图标还是几何形状,空心形状都是有趣的设计元素。通常,它们相对简单,例如Br??uderl网站上的空心几何体,但它也可以作为引导视觉的标记。在另一个网站BorderFree上,空心图形被用作图标,但比正常情况要详细一些。
从任何角度看,空心图形都很有趣,它们以创建视觉焦点为核心,具有足够的形式感,可以赋予品牌更多独特的功能并创造独特而令人难忘的视觉体验。
为了使空心形状更加突出,可以使形状的边缘更厚并且与背景的对比度更明显,从而使其在视觉上足够突出。
真正使空心形状脱颖而出的是独特的形状,因此设计人员应适当控制前后之间的对比度以及整个设计的平衡性,以吸引用户的注意力。
结论
正如我们在一开始所说的那样,打破规则并尝试仅打破一条规则,可以通过明显不平衡的设计来创建令人难忘的设计,并且这种策略至少在我们看到这些趋势的情况下是可行的。