2019 年网页设计的趋势剖析

在过去的十年间，互联网发生了显著的变化：移动互联网占据主导地位，AR、VR、AI 等新兴科技得以引入。尽管这些新技术令人兴奋不已，但我们对这些变化最直观的感受，实则源自网页设计的趋势。

在过去十年中的某些年份，设计趋势展现出了非凡的创造力，摒弃了网格和传统照片，取而代之的是充满活力的插图、大胆的配色方案以及不对称的布局。而在其他年份，技术的进步让网站变得更加智能，机器学习和微妙的互动得以实现，那些不断变化的范例也推动着设计趋势的发展。2019 年的网页设计趋势将愈发呈现出美学与技术前所未有的融合。

1.屏幕上的衬线字体

我们都知晓，衬线字体通常用于印刷，无衬线字体则用于屏幕显示。然而，倘若做出改变，那么设计趋势会是怎样呢？

虽说无衬线字体具有良好的可读性，是长时间阅读页面的首选，但越来越多的品牌在诸如标题和标注等方面，转而采用大胆的衬线字体。这是有充分理由的：衬线字体设计具有装饰性，特别适合突出设计感。

2.黑白调色板

颜色在网站中属于最为重要的元素之一。它能够通过创建视觉地标来营造情绪，通过界面统一品牌形象，并引导用户。在 2019 年，大胆的黑白网页设计令人印象深刻。

实际上，颜色是我们通过吸收光粒子来看待世界的方式。当颜色缺失时，我们会开始以不同的方式审视世界：纹理和形状变得更为清晰，世界似乎明显放慢了节奏。

白色本身是纯净的，而黑色则是坚毅且自信的。将两者结合，便能得到一个极为惊人的外观。

3.自然的有机形状

虽然网页通常依照系统网格来设置，但设计师们正倾向于自然形状和流畅的线条。几何结构，像正方形、矩形以及带有尖角的三角形确实能够营造出稳定感，然而 2019 年的趋势更注重的是可感知性和舒适感。

由于有机形状自然是不完美且不对称的，所以它们能够为网页设计增添深度，使页面元素更为突出。它们基于自然（比如树木和山丘的弯曲形态），但自由绘制的元素能够捕捉到人为意外的自发性，例如油漆飞溅。这里的目标是让网页设计通过运动的幻觉展现出人性和活力。

4.故障艺术

故障艺术（Glitch Art），是对事物形成的故障加以艺术加工，让这种故障缺陷转化为一种艺术品，具备独特的美感。

在计算机如此普及的当下，故障在我们的现代时代具有重要意义。我们一方面担忧机器会掌控一切，另一方面又不知道没有机器我们该如何是好。正因如此，技术的细分使得吸引人的主题既作为一种理念又作为设计的执行，能够将观众的注意力集中在网站那些扭曲、双重曝光和毛糙的部分。这是一个奇特且具有未来主义色彩的时代，无人能确定未来的前进方向。故障艺术通过为网站赋予明显的迷幻外观，进一步放大了这种迷失方向的感觉。

5.微互动

每当您在网站或 app 上进行一个小动作，并获得特定的响应时，这便是微交互。比如当您刷新 Twitter 页面并听到哔哔声，这是一种微交互。又或者当您查看 Facebook 时，显示消息计数的红色图标——您猜对了——这也是微交互。

这些是它们最为常见的用途，但在 2019 年，网页将会大量呈现出更具互动性的形态。悬停和滚动动画、钟声等等。总而言之，这是让您的受众群体参与到您的网站，巧妙地向用户传递有关行为和使用情况的信息的方式，使网页感觉更加智能。

6.聊天机器人的发展

聊天机器人已经存在有一段时间了，但最终会在 2019 年成为焦点。这主要归因于人工智能和机器学习的进步，使其变得更加智能和高效。

新的聊天机器人将会越来越多地出现在自定义化程度高于以往迭代的网页上。鲜艳的色彩不仅能让它们在页面上更加突出，还更具吸引力。我们还可以预计会出现更加友好的代表品牌的吉祥物，并为这些机器人赋予一个风度翩翩的形象。

7.更多视频内容

视频不仅能让页面更加丰富多样，还迎合了没有时间浏览大量文本的移动用户。最新的动态是 Google 针对混合搜索页面结果所采取的举措，其中包含了位于标准网页上方的视频内容。这促使网站优先考虑视频制作，以便让自身更易于搜索，并以最有效、可共享的方式提供内容。

8.极简主义

极简设计或许是最为经典且永恒的网页设计趋势之一，往往是首选的美学选择。网站上的元素和内容越少，受众群体受到的干扰也就越少。倘若网站以恰当的方式设计，便能向用户展示其正在寻找的内容。

极简主义在 2019 年仍将主导数字领域。动画和淡入效果使滚动更具吸引力，让网页自由地规划其内容空间，从而产生更多的空白、对比以及清晰的排版，而不会有过多分散注意力的元素。

9.拇指友好的导航

随着移动浏览超越桌面浏览，整体设计愈发方便用户。在该领域，乔什·克拉克（Josh Clark）的著作《触摸设计》（Designing for Touch）具有重要意义，他研究了用户如何握持手机以及他们的动作，特别是拇指的动作应如何在网页设计过程中予以处理。如今，用户将会越来越多地遇到为拇指量身定制的导航，例如移动到移动屏幕底部的汉堡菜单。

10.多样性

很多时候，人们忘却了网络始终伴随着一对重要的“W”：“World Wide”。互联网连接