2020 年,企业主以数字营销为中心,推出了电子商务网站,以保持企业正常运转。许多人通过创建博客或投资组合网站来寻找工作机会或在线赚钱。
这一现象在今年将继续并扩大得更加广泛。为了帮助您收集灵感并在这个创意领域保持领先,请查看 2021 年 12 大网站设计趋势。
1. 视差效果
视差效果的概念受到 2D 老式视频游戏美学的启发。它通过使用以不同速度移动的层来创造深度错觉。您可以找到许多设计这种效果的方法,但通常是通过将背景移动得比前景慢来实现的。
视差效果可以通过动画感和好奇心触发用户滚动浏览整个设计。这是帮助您的网站设计脱颖而出的好方法。但是,请记住,视差网页设计可能会对 SEO 产生负面影响。
2. 3D 视觉效果
随着更高分辨率屏幕的普及,设计师通过在网站上播放 3D 动画和插图来遵循它。与大量照片相比,它可以提供更好的产品可视化。
以下是使用 3D 视觉效果的最佳个人网站示例。
- Bruno Ortolland 这位 CG 艺术家直接在主页上展示了他的 3D 视觉效果。它们可以使用光标移动,甚至可以附带音乐。
- Titouan Mathis 这位 Web 开发人员通过交互式 3D 螺旋图案让他的网站更加生动,玩起来很有趣。
- Diana Martel 这位音乐视频导演在她的页面上应用了 3D 片头字幕。您可以使用鼠标将鼠标悬停在标题上。
3. 表情符号
据 Adobe 称,超过 60% 的人表示表情符号让对话变得更加有趣和有趣。它们是交流思想和感受的绝佳媒介,被广泛称为非语言信息。
但是,在选择某些表情符号时要小心。同一个表情符号在不同的领域可以有不同的解释。例如,挥手在西方意味着再见,但在中国意味着“我们不是朋友”。
在你的信息中加入过多的表情符号也会让你看起来有点不专业和不成熟。
4. 极简主义
设计的简单性可以成为大流行期间数字信息过载的救星。它可能有一天会完全取代复杂的设计,因为极简主义可以帮助用户只关注基本要素。
您可以通过以下方式在您的网站上使用极简设计趋势:
- 应用有限的调色板。选择带有一种或两种强调色的单色配色方案来突出您网站的重要元素。
- 限制元素和功能的使用。在设计时,问问自己每个元素是否是必要的,是否有用途,或者是否可以使其更简单。
- 最大化留白。许多设计师害怕用空白让访问者感到厌烦,相反,它可以帮助您将访问者的目光引导到重要的部分。
5. 问卷
根据您网站上可用的产品或服务数量,通过个性化测验敦促您的访问者选择产品以获得互动体验。
Persona Nutrition 的评估是这一趋势的主要例子。这家营养补充剂公司帮助他们的客户选择适合他们生活方式和健康目标的营养素。
这个例子的关键要点是:
- 制作清晰的号召性用语 (CTA) 按钮。
- 解释受访者在完成测验后可以期待什么以及他们需要多长时间来完成测验。
- 在性别和体重等一些问题中,它包含一个链接,解释了公司为什么需要询问它。通过添加有用的信息为受访者提供透明度。
6. 抽象构图
抽象艺术已经存在多年,但在 2021 年,网页设计师将使用具有各种形状和纹理的鲜艳色彩使其更加复杂。
网页的结果将更具表现力和活力。您还可以将抽象作品与照片和人物插图相结合。
7. 水平滚动
向下滚动一直是导航规范,但 2021 年普及了水平滚动的行为。
这对于正确实施可能是一个挑战,因为许多访问者在打开网页时自然会向下滚动。如果您没有向他们提供明确的指示,表明该页面是要横向滚动的,他们可能会认为水平滚动的页面已损坏并直接离开。
为了适应这种趋势,请考虑使用水平滚动与垂直滚动更好地表示哪些类型的内容。
照片库很好,但不要在充满文本的页面上强制使用此功能。您也可以使用它来显示类别。
应用清晰的指示符,帮助读者了解特定页面将水平滚动。
8.增强现实体验
增强现实 (AR) 可以改善用户体验,尤其是对于电子商务网站用户。它为您的观众提供 360 度体验。
查看这些提供 AR 技术的网站。
- Purina 该网站通过使用 AR 技术在您的房间里弹出一只猫或狗并显示健康周期来教育访问者关于健康宠物的迹象。
9. 拼贴艺术
这种网页设计趋势已经适应了杂志和报纸等离线媒体。它在成为社交媒体提要格式后触及数字媒体,并将很快成为网页设计的趋势。
拼贴艺术因其多功能性和吸引人的美感而广受欢迎。设计师可以应用各种艺术风格来创建适合他们品牌的拼贴画。
以下是设计拼贴艺术时需要考虑的几个方面。
- 主题。限制您广泛的创意选择,以获得更具影响力的作品。你可以选择一个明显的主题,比如“冬天”,或者一个抽象的主题,比如“明天”。
- 作品。运用构图技巧发挥创意,例如一点透视和三分法。
- 图案和纹理。使用图案来建立物理错觉并与拼贴艺术形成对比。
10.情感排版
情感排版是指连接文字和情感反应的排版设计。例如,“飞溅”一词将与水相关联,因此设计使用蓝色和微小的水滴。
为了使排版脱颖而出,请使用简单的背景。尽量减少字母和单词的数量,以免让读者不知所措。
11.滚动效果
除了水平滚动和视差效果之外,今年设计师将尝试其他类型的滚动。
从这些滚动效果中获得灵感。
- 长滚动。这通常用于单页网站。它通常具有流畅和线性的讲故事技巧,例如Le Mugs。
- 固定长滚动。在一页上合并多个部分。每个部分都侧重于解释一个主题,如历史、教程和联系方式,例如Carandache。
- 滚动卡片。使用使网站看起来像水平或垂直刷卡的布局——例如,Ofcina。
12. 柔和的颜色
由于舒适的低饱和度颜色,柔和的颜色使访问者可以轻松地继续查看网页。这种类型的颜色通常会变暗或变灰,就像阴天一样。
许多设计师使用这种浅色调来展示极简主义的外观。它还可以给人一种更自然和优雅的感觉。
Winc是柔和色彩网站的完美示例。它使用奶油色和灰色以及简单的插图,适合优雅的葡萄酒俱乐部。
来源:Timur Köklü, Vectornator.