Elementor 平台专家总结了 2021 年网页设计领域，并展望了未来十大设计趋势。
1、包容性设计狂热
“包容性”不仅是流行语，更是面向每位设计师的意识形态，致力于在以往缺乏包容性的地方推动变革。在当今高度个性化的全球市场中，这一理念比以往任何时候都更贴近现实。
包容性设计贯穿网站开发全过程：从目标受众的战略决策、网站语气与个性化设定，到涵盖所有性别、观点、经验和情境的品牌图形语言确立。
例如，具有功能用途的图像和插图更频繁地出现在非性别化的旗帜上，呈现出俏皮的多样性。此外，受游戏世界影响，明年互联网上将涌现更多虚拟化身、插图和非人类身份角色，因为全球网络已提供替代现实，动摇了“何为真实”的根本。
Ranboo Fashion在其视频中表现出一定的性别模糊性，并刻意遮挡面部，使观众无法确定模特身份。
2、滚动叙事（Scrollytelling）
Scrollytelling 正成为讲述复杂故事的流行数字交互方式。这种视觉效果旨在精美地吸引观众，呈现引人入胜的内容。
Scrollytelling 又称“叙事性可视化”，即按时间顺序排列一系列视觉元素，向访问者传达特定信息。正如读者可按自己节奏阅读书籍，网站现在允许用户以个性化方式浏览和控制信息流，尊重每位用户的独特性，并以引人入胜的方式呈现内容。
来自美国德克萨斯州的 Infrared Mind Body，通过多种动画效果展示大幅图像和文字，突出其价值主张。特写镜头、低光照度图像、大尺度排版及柔和流畅的过渡，共同营造出纯净而精致的桑拿氛围。
3、水平滚动
与熟悉直观的垂直导航不同，侧向滚动布局可能导致文本与图像间出现意外交互。这对于作品集网站、目录、地图等尤为重要。
使用侧边导航发现项目、探索城市和参观在线画廊会变得更加有趣。若设计得当，水平滚动可使网站更具吸引力、趣味性和记忆点。
SIRUP 是专为播放列表设计的网站。设计师将播放列表和视觉效果融入滚动运动中，各种元素的平滑运动即使在静态中也营造出前进感，促使用户继续滚动页面。
4、粗野主义排版
若偏好更大胆的风格，应考虑此趋势。其强硬和主导性使网站即使在使用有限元素时也能脱颖而出。
粗野主义排版是对现代网页设计中轻盈、乐观和极简主义的回应，这种毫不妥协的粗糙风格与精致现代惯例形成对比。
利用排版创建动态网格，将字母作为片段、部分、标题和段落的构建块，或在整个网站上肆意发挥——粗野主义排版赋予网站大都市氛围。
推进区 是为技术创新中心打造的单页网站。巨大的字体无疑是这一身份识别的起点，营造出城市节日般的氛围。设计师希望创造所有人都能获取的信息，并以更易理解的形式呈现技术知识。
5、排版动画 / 动态排版
作为前一种趋势的完美补充，动态排版正随着新方法迅速演变，目前被网页设计师以多种形式广泛采用。曾经讲述故事的第一种方式是角色动画，但现在排版已成为全新玩法。
移动的文字可以吸引注意力、设定基调、突出重要部分并引导用户视线在页面上移动。实际上，这种趋势自20世纪60年代就已存在，当时艺术电影开始用动画片头取代静态文字。
位于巴黎的电影公司 Dilinger 的网站本身就是一个菜单，通过动态字体实现，选择菜单项时字体会相应变化。排版的过渡有助于在网站中导航，并每次都创建新的网格。
在未来几年，我们将看到更多执行功能而非仅作为装饰的动态排版研究。
6、怀旧风
近年来，怀旧趋势围绕着渴望回忆与追忆过去的情感展开。在新冠疫情首次爆发后的整整两年里，面对日益增长的不确定性，人们（包括网站创作者）都在寻求更具慰藉感的体验和逃避现实的形式。
这种设计方法强调放缓节奏，通过排版和图像营造浓厚的模拟质感，运用经典图片滤镜、复古字体、模糊效果、颗粒感、纹理、柔和光线及柔和调色板。这些只是设计师用来打造契合体验的众多实践中的几例。
Bravenewlitis 是一个文学平台。浪漫飘逸的波浪形字体，搭配扁平化的大地色系柔和色调与带有细腻颗粒感的图像，营造出熟悉与亲近的氛围。为了让这本互动杂志更具吸引力，设计师赋予其可触摸的视觉质感，例如带有脚注的扫描文本图像及类似笔记的外观，让用户仿佛亲身参与到创作过程中。
7、高对比度色彩
这是为千禧一代打造的风格。很难对一款带有霓虹领口设计的网站无动于衷，色彩是引导用户注意力并激发情感的核心工具。
该风格通常面向特定受众，已演变为一种充满地下酸性形态、黑色背景上的霓虹元素、鲜明对比与渐变的明亮网页设计美学。
Superglow 是音乐与生活风格设计工作室。其网站的第二部分将大号黑色标题置于纯黄色背景之上；菜单项在悬停时变为品红色。整体视觉效果包含饱和度高的照片，并配有鼠标悬停时淡入的动画，揭示内部链接中的项目线索。
8、非网格布局
网格是设计师最重要的工具之一，为作品提供形式与结构。通过偏移中心来突出某个区块，可以让你的网站在众多耗时且竞争激烈的网站中脱颖而出并被记住。
脱离网格并非新概念，但此前并未广泛普及。如今，网页设计师不再需要依赖中介或开发人员来实现愿景。使用网页构建器将深夜构思出的最疯狂设计稿转化为实际产品变得越来越容易，且内置代码简化了整个流程。
Arrowww Space 是马克西姆·阿金斯基的个人作品集，在页面首屏引用了其设计信条，并通过重叠文本与线性结构背景展现其对事故报道覆盖范围的视觉构想。
9、多层图像
近年来，设计过程主要聚焦于干净、像素级完美且极简的设计风格，以至于许多设计师被建议避免涉足视觉上更为复杂的项目。
内容的多层性是挑战我们习以为常的常规组件（如照片画廊和排版元素）的一种方式，从而为网站的故事讲述营造引人入胜的体验，促使用户花费更多时间探索网站。
以 General Condition 为例，统一的摄影主题、优雅的动画以及黑色背景有助于将所有元素融为一体，提供视觉上连贯一致的体验。
该方法的另一个优势是，能够在单个区域或有限空间（例如移动设备屏幕）中更轻松地容纳大量内容。
10、愉悦感
愉悦感已成为良好用户体验的核心要素之一，如今用户期望在两种形式中获得愉悦：表层愉悦与深层愉悦。
表层愉悦包括动画、触觉过渡或手势、微文案、图像和声音；深层愉悦则致力于满足用户的所有需求，包括功能性、可靠性、易用性和愉悦感。如果用户体验到深层愉悦，他们向他人推荐产品或服务的意愿会显著提升。
尽管表层愉悦既美观又有效，但网页设计已发展到仅靠表层愉悦已不足够的阶段。基于我们对用户需求和使用习惯的当前理解，真正的深层愉悦对整个网站都至关重要，它不仅带来即时愉悦感，还能提升网站的易用性、可靠性和功能性。
Airbnb 是在整个用户旅程中提供令人愉悦体验的优秀案例。诸如标记用户已浏览过的地图标签等功能，不仅令人愉悦而且具有实用性，帮助用户更快地在屏幕上同时出现的众多选项中导航。
Airbnb 对房源有严格规定，房东必须遵守（包括发布的图片、清洁标准以及支付和费用），这向用户承诺了高标准，并在整个用户旅程的每个阶段带来令人愉悦且安心的安全感与信任感。
未来掌握在我们手中
我们探讨了大量网站和多种趋势——从粗犷的排版到柔和的怀旧色调配色方案，再到高对比度的色彩主题。随着2022年元宇宙不可避免地成为头条焦点，网页设计正站在新纪元的门槛上。
虚拟现实、增强现实和人工智能技术的整合即将成为网页设计师的重要因素。目前这些技术已在移动应用中稳步推进，它们进军网页世界只是“何时”的问题，而非“是否”的问题。
行业似乎正经历一场类似互联网版大爆炸的混沌过程——像素化能量的创意宇宙，时而遭遇风格与哲学上的两极分化。尽管时刻关注不断发展的世界至关重要，但同样重要的是保持审慎，毕竟趋势可能是一种模棱两可的选择。
归根结底，如果我们希望项目契合其初衷，就必须基于与用户产生共鸣以及我们所开发的网站类型，对我们的工作进行诚实的批判性审视。