sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

2020年3月网站设计趋势

Share

Time:

2020-03-03 07:08:00

Author:

limo

颜色,主页面,以及创造设计深度的新方法是我们这个月重点要关注的网站设计趋势。这三种趋势中的两种都有一些可用性方面的问题,但是它们看起来和使用起来都很有趣。你愿意冒险尝试一下这些设计技巧吗?第三个趋势是一种新的大胆调色板,它改变了一些已经非常流行了一段时间的颜色。下面是本月的网站设计趋势。


暖色,尤指红色

暖色——尤其是红色——又流行起来了!


作为一个参考点,暖色是生动和大胆的,有时可能是压倒性的,因为他们可以占据和填补空间会有一种充实的感觉。暖色包括红色、橙色和黄色。它们都位于色轮的同一部分,色轮可以分为暖色和冷色(蓝色、绿色和紫色)。



这些暖色的好处是它们很大胆,亮度没有流行一段时间的水平。它们不像在更小和更暗的屏幕上的亮度那样让人无法接受,并且为更严肃的设计设定了不同的基调。


下面的每个示例都以不同的方式使用了暖色(红色)调色板。


骷髅与玫瑰使用红色和紫色(暖色和冷色)调色板来创建对比度和有趣的渐变和颜色。



阿曼达·布拉加(Amanda Braga)在她的作品集网站的about页面上使用了全红色的单色调色板。这是大胆的,冒进的,需要关注的。甚至照片都是红色的。



Catalyst使用带有渐变的红色来将你绘制成主页面图像中的3D几何体。它为活动创造了一种动感和兴奋感。


全屏的主页面


一个超大的主页面形象并不是什么新鲜事,但是占据整个主屏幕的主页面标题是。


这一趋势似乎还伴随着另一个新元素,没有明显的导航或需要滚动(尽管它经常在那里)。其结果是出现了一种超简洁设计的趋势,并可能带来设计或可用性方面的挑战。


这种趋势有一个原因:由于移动设备的使用,人们越来越习惯(或训练)滚动屏幕。小屏幕使它成为一种生活方式,而这一趋势正依赖于它的工作。


但是,用户知道怎么做才能通过主页吗?


你能在这些例子中找到视觉线索吗?


岛上有一个有趣的全屏视频循环,有一个右侧滚动条作为视觉提示,在一些屏幕尺寸上还有一个隐藏的滚动图标。一个汉堡包导航菜单也可以帮助你找到你想要的这个干净的设计。



Wayout看起来很酷,但在屏幕上没有滚动功能。“还有更多”这句话是鼓励你进一步深入设计的全部。(也没有导航菜单。)



Ubisoft使用全屏视频,你可以在文本元素中看到。这里没有明显的滚动条(确实有滚动条),但是汉堡包图标是一个视觉提示,说明这个站点不仅仅是一个主页。



Neumorphism


这种趋势是流行的网页和应用程序设计技术的大杂烩,它开始在应用程序概念中最常见地出现。


Neumorphism(或new skeuomorphism)可以追溯到Hype4的Michal Malewicz的分析,他深入研究了这种趋势是什么(不是什么)以及它对设计师的影响。在设计卡片风格的接口时,肺炎模式似乎是最流行的。


这种风格可以通过使用内部和外部的阴影来创建一种更柔和的形状的错觉,看起来像是从背景画布上升起来的。


以下是Malewicz的描述:


一张现代/材料(升级)卡通常是一个表面漂浮在我们感知的背景之上,并在其上投射一个阴影。阴影既赋予了它深度,也在许多情况下定义了形状本身——因为它常常是无国界的。


虽然这一趋势看起来很酷、很新鲜,但它也带来了一些挑战。这些问题主要涉及可访问性和对比。


不管怎样,从完全扁平的概念转移到更有深度的概念是很有趣的,特别是对于基于应用程序的接口。时间会告诉我们,这种趋势是否真的会消失,因为它仍处于起步阶段。


想要自己玩neimorphism吗?您可以尝试这个有趣的小CSS生成器。





结论


在本月的流行的网站设计趋势中,暖色的回归尤其令人欣喜。红色调是诱人的,有趣的,是一个很好的转变,从超级亮色一直很受欢迎。


其他的趋势都有各自的可用性挑战,但都有很高的视觉兴趣。你能看到自己在项目中使用它们吗?