正因为如此,将现代网页设计与市场营销策略结合起来,才显得更加重要。
那么,2021年会有什么样的现代网页设计潮流呢?你怎么用他们来更新你的网站呢?
读一读今年的10大现代网页设计潮流,你可以从中汲取灵感!
1.留白。
正如印刷版的杂志一样,现代网站设计正在一波空白潮中回归到简约主义。
就像自然趋势一样,留白可以帮助访问者在你的网站上浏览网页,从一个项目到另一个项目,而且它创造了一个视觉层次,不会分散人们的注意力。
空隙提供了呼吸空间,使观赏者的眼睛得到休息。同时也有助于理解页面元素之间的关系。
如果两个元素非常接近,中间几乎没有空格,肉眼就会把他们看作一个整体。另外,如果两个元素相距很远,你的眼睛就会看到它们。
空格让访问者能够识别站点的层次。它们会用空白页来寻找页面上最重要的信息,所以了解如何在你的网站上使用空白将有助于提高你网站的用户体验(UX)。
示例:将其视为网络和交互设计者的MylesNguyen数字作品集中的空白。
看这是如何让你正确理解所有重要信息的?留有大量的空余空间,让您的视野开阔、视野开阔、视野开阔。
这是一个现代化的网页设计例子,它通过对空白的细心利用,重新定义了简约主义。
2.完整的标题。
整版标题是现代网页设计的必由之路。
网站设计者可以实现标题的变化,但是最常见的设置是在标题左边增加一个关键文字,或者用“CTA”(CTA)按钮,这样就会出现在右边的图片。
因为读者往往会把大部分注意力放在页面的左上角。
例子:Discord的网站为游戏玩家提供语音和文字聊天应用程序就是一个很好的例子。
Discord在它的标题右边显示了一个有趣和奇怪的图片,在左边显示了它支付服务的好处。CTA按钮被清晰地标注出来,并且准确地告诉观众他们需要做什么来获得更多的体验。
翻转一下,你会发现Discord把网站元素组合成一张卡片,这样既时尚又容易查找,又容易阅读,同时还能保留有趣的元素。你会发现这样的网站会给你带来一种俏皮的精致感。
3.游戏游标。
现在的站点经常有光标,这使得浏览网页成为一种新的体验。
2020年要使你网站上的有趣光标变得和改变光标形状一样简单,或者复杂到编写光标触发动画。不管怎样,你的访客都会享受一段与独特的光标互动的美好时光。
例子:PaoloFornasier在他的网上作品中设置了一个非常棒的光标。当滚动导航菜单垂直对齐的文本时,光标会显示不同的图片,其中包含动画波纹和钢琴音。
因为有了动画的乐趣,用户可以很容易地把光标悬停在导航菜单上几分钟。
你的光标不需要像这样复杂,但是为你的光标添加一个独特的元素肯定会让你的站点更有趣。
4.动态滚动。
动画片是另一种现代网页设计潮流。
动态滚动版本为你的站点的前景和背景设置不同的滚动速度,为用户提供3D效果。
范例:快速浏览Crypton的网站,了解有趣的动态滚动功能让这个网站变得多么有趣。
还可以将背景视频合并为动态滚动,只当用户滚动视频时播放——通过动态滚动,你可以触发动画,让你的图片看起来更神奇。
5.定制说明图。
插画使你的品牌和网站充满活力。
就插图而言,2021年的现代网页设计从印刷品和其他传统艺术形式中汲取灵感。
在2021年,网站将为用户提供定制插图,并在其现代网页设计中加入大量库存图片。
举个例子:看看著名插图画家艾丽西·李的作品。她为像梅西百货和华盛顿邮报这样的流行品牌设计定制插图。
由于她的艺术成就,激发了品牌定制插图的发展趋势,这一趋势看起来就像是直接从故事书中出现的。
插图是在2D设计之外,随着编码能力的提高而发展的。
甚至现在,数码设计也将3D幻象引入其中,为互联网增添了新的深度。
比如:
渐变阴影从一种颜色慢慢变成另一种颜色。
仿照多层纸设计的数码剪纸样式。
你不能参与你网站上的3D光标交互。
6.网格设计。
现在的web设计者在2021年继续使用网格-非对称布局将变得更加流行。
例子:JingqiFan的在线作品集展示了非对称布局的功能。在他的网站上,突出了他的图片,留白和极简风格,而非对称的设计也让他的网站保持新鲜、激动人心和吸引人。
很多顶级设计师都使用CSSGridLayout在网络上实现所有打印布局。
也被称为Grid的CascadingStylesSheet的2D网格布局系统CascadingStylesSheet是一种编码语言,用于描述HTML站点的页面布局。Grid可以让网页设计者在浏览器中为复杂的有反应的网页设计提供更加方便和一致的布局。
CSS网格布局在兼容所有界面之前还有很长的路要走,但是它将继续成为2021年网页设计的顶级趋势。
7.2021年色彩趋势。
现在的网站设计开发了调色板,每年有一种新的网络流行颜色。2019是蓝色,2020年是薄荷色。就2021年而言,趋势预测公司WGSN和Coloro将AIAqua(蓝色科技产品)命名为2021年年度颜色。
总的来说,Venngage预计,2021年的在线调色板将会更加低调。
从2020年开始,渐变趋势将持续到2021年,设计师们将继续探索渐变设计的深度。因为渐变覆盖了很多种颜色,所以非常适合广泛的受众。
颜色心理也将在2021年的网页设计趋势中扮演重要角色。为你的公司制作新的调色板之前,一定要先了解颜色背后的心理。关键是你的颜色和你的品牌相配。
从2020年到2021年,一些关于色彩的网页设计趋势将持续到2021年。看来:
软、冷(蓝、蓝、灰)=信息和背景。
花式暖色(红、橙、甚至绿)=有号召性的词语(CTA)
范例:访问Trello的网站了解项目协作和组织软件。
该站点是一个很好的例子,它将柔和的色彩和渐变融入了流畅、说明式的设计中。CTA还用鲜艳的颜色来强调CTA!
8.粗体字。
在2021年,现代网页设计将更多地使用字体。San-serif和serif字体一如既往的受欢迎,而复古字体在各品牌中的卷土重来令人吃惊。
很多地方都出现了轮廓字体和粗体字体,从商标名到地面标题,其中最显著的趋势就是屏幕控制文字。
例子:看StartupLab是如何使用粗体剪切图像的。在保持专业的同时,这也给网站带来了大胆、厚重的感觉。
有趣吗?
还要看他们是怎么把模板字母加入商标的?这款产品有点差劲,和泡泡糖粉页面形成鲜明对比。一项大胆的选择,但是他们做得不错。
一定要选择符合你的品牌、观众和公司目标的字体。
确定你站点上任何内容的主体都使用易于阅读的字体。可读性是提高网站用户体验的重要因素之一。Arial这样简单、不显眼的无衬线字体是个不错的选择。
9.更加注意UX/UI。
到2020年,现代网页设计趋势将集中于人类,这在2021年将变得更加重要。
到2021年,你的网站必须拥有流畅、不间断和吸引人的用户体验。意思是:
迅速装入网页。
(使用这个空白区域!)
可以扫描的相关SEO内容。
多媒体。
web设计者将功能和创造力结合在一起,创造出出色的用户体验,倾向于简洁的设计,同时仍然保持创意和独特。顶尖的Web设计者在白色、无菌的技术世界中做了一些小事情。
和UX一起工作,你网站的用户界面(UI)在2021年必须是直观的。意思是:
语言支持接口。
图像描述。
录像录。
不会让人分心。
均衡动作设计
网站的UX/UI升级,方法是:
提供给访客容易阅读的内容和易用的界面。
打击他们的审美趣味。
还有一点很重要,那就是在2020年,手机上网将会比2020年更大。50%以上的因特网流量来自移动设备,而且这个数字还将继续增长。
要想在2021年取得成功的现代网页设计,网站的所有元素都必须完美地转化为桌面和移动设备。对现代网页设计来说,动态响应动画和摄像技术将变得越来越重要。
例子:看看Chobani的手机设计吧。
Chobani为手机用户提供一种时尚、灵活的设计,充分利用了这一空白。通过引人注目、诱人的产品图片,可以轻松浏览它们的内容。
Jobani当然知道如何在手机上吸引观众,通过屏幕底部一个很容易点击的鼓点口号。
10.影响深远、吸引人的故事。
最终,2021年的现代网站将会在讲故事方面大放异彩。
要把你的网站发展成真正的现代化网站,你要学习如何在你的内容和广告宣传活动中讲述迷人的故事。
你的网站设计优美,故事引人入胜,你的网站一定能吸引并改变你的目标人群。
例子:可持续食品品牌Zume的网站就是用你的网站讲述故事的好例子。
Zume发现了一个问题,并着手解决这个问题,并通过一次一餐更有效地准备了一餐,告诉世界他们是怎么做的。
这个站点很干净,可以浏览,里面有很多图片和信息图表,还有一个很吸引人的视频来解释他们是谁,他们的目标。
想要更加现代的网页设计?
我们最喜欢的一些现代网站设计例子,这些例子可以激发你的灵感。