2020年8月,网站设计新趋势

Author: limo

您是否渴望尝试一种新的网站设计技术?本月必不可少的网站设计趋势汇集了一些实用的思想,以完善设计项目,并且可以为您的项目提供现代的或有目的的老式外观。以下是本月的网站设计趋势:


角度


在设计项目中有很多添加和使用时髦角度的方法,带有色块的角度可以很好地帮助在图像或视频的顶部添加文本元素,以确保可读性。使用与背景和文本叠加形成对比的角度元素的颜色,以获得引人注目的视觉效果,或者使用与背景匹配的颜色来获得更微妙的感觉。


在设计中使用角度的另一个好处是,它们可以从屏幕的一个部分到另一个部分创建一个独特的眼纹图案,以帮助创建视觉焦点。在更小、更垂直的屏幕上(比如移动设备),大角度甚至可以起到假拆分屏幕的作用,为文本和其他元素以更垂直的方向堆叠创造了一种方式。


角度可以有各种不同的程度和大小,关于如何使用它们并没有太多的规则。共同的因素是它们使设计更容易理解。


或者,角度可以是一个独立的设计元素,与功能或添加一个文本层无关。这正是Aviaja舞蹈的设计。角度的主要用途来自于标志中有趣的“A”。它是主页上滚动条上方的主要视觉效果,并在整个设计的其他位置旋转。



接下来的两个例子使用了颜色块角度。


Dantia在左上角使用了一个蓝色的小角度来锚定logo和使用了很多不同颜色的视频。这样,徽标就总是可见的。小三角形在整个设计中被用作子弹,以进一步强调这种形状。



Adige Design使用了一个大角度的颜色,几乎会淡入背景,几乎会把屏幕分割成一半的文本,一半的视觉效果。这是一种常用的、有效地使用角度来增强可读性和增加视觉效果的方法。



套印的效果


虽然叠印是一种印刷设计技术,但它所创造的视觉效果正在大量的数字项目中涌现。这是一个很酷的外观,创造额外的配色,几乎总是有一种时髦的氛围。


当一种设计使用叠印时,一种颜色“印”在另一种颜色上,形成两种色调的混合阴影。它有一定的优雅,因为作为一种印刷技术,它通常为特殊项目保留。


同样的感觉也出现在数字设计中。


Sweet Punk使用了有趣的叠印,明亮的橙色圆圈和黑白图像,在有趣的色彩效果中创造了大量的对比。使它更加突出的是,叠印幻灯片只是一组更大的移动图像的一部分。它突出的原因是颜色的选择和技巧。



Kriya Konsulting使用一个小的叠印特征在一个图形创建焦点远离文本。效果很微妙,颜色和形状内部的线条,给您很多东西看。叠印图形只是屏幕上聚集在一起的许多圆圈中的一个,以获得完整的效果。对叠印区域的兴趣是眼睛的起点,眼睛会移动到屏幕上的其他圆形元素和文本上。



Dystopian Creatives(反乌托邦创意)反乌托邦创意在网站加载的快速动画中使用叠印效果,然后在滚动条的几个位置叠印。它是如此的微妙,如果您不注意它,您可能会错过它,这要归功于它大胆的整体美学。



上世纪之交的版式


高、瘦、现代风格的字体很流行,在某种程度上,利用这一趋势来唤起咆哮的20年代(就是20年代)的感觉是加分的。


这些字体风格似乎模仿了那个时代的媒体海报。虽然这些字体中的大多数都属于现代衬线字体的范畴,但也有一些无字体选项,创造了类似的感觉。


主要的共同点是使用非常高的x高度,笔画明显变化厚和薄的选项。这些字体中的大多数也是相当简洁的。


请注意,这些示例采用了不同的方法。



更好的一半使用现代衬线与戏剧性的x高度。注意标题使用了大写和小写字母。它使人们注意到字体的高度戏剧性。


Chiara Luzzana采取了相反的方法与全大写字符集和混合轮廓和填充字母。这段文字多少让人想起《怪奇物语》(Stranger Things)的片名,让人联想到20世纪20年代和80年代的双重怀旧氛围。(证明了所有曾经流行的东西都会再次流行。)



同步数码工作室完全走了另一条路。虽然文本和设计有类似的感觉,但他们在这里使用了现代的无衬线字体。注意,x-height仍然相当高,粗细笔画之间有巨大的差异。



每一种简洁而又粗体的字体都被用来创造一种主要的视觉效果,这就是这种风格的美,由于有如此多的视觉兴趣,字体就是艺术。还有一个额外的好处,就是这些精简的样式允许更高的字符计数,而不是视觉上的压倒性。(因此,如果您需要在主标题中使用一个大尺寸的长单词,这可能是一个可行的选择。)


结论


有趣(和功能性)的网站设计趋势是最好的。使用角度可以更容易地融入易于阅读的文本元素,叠印效果增加了时尚感和一点老派的感觉,上世纪之交的版式给人一种现代和新鲜的感觉,带有一丝20世纪风格。


这些设计元素中的任何一个都可以应用到网站上,而不需要进行彻底的修改,并且可以在三伏天或以后给网站带来极大的刷新。


相关阅读