极光风设计：2022年最新视觉设计趋势

    今天在浏览设计网站的时候听到一个新的名词—— 极光风设计，作为一个紧跟设计前沿的设计狮，我今天就要扒它 ！

    本内容来源于：

 BramblingTech 上的 blog——《Aurora UI：The new visual trend for 2022》

    我将其翻译为了中文，同时本文的部分图片仅截图作为参考。

概述

在2022年，网站的数量继续增长，所以说，如果你想要在竞争者中脱颖而出，你就需要寻找新的方式来提高客户的参与度。改善你的网站设计让人们能够记住你的品牌。一些视觉技术和趋势如极光效果能够帮助你提升网站访问者的参与度。

渐变帮助用户专注于页面上特定的元素并引导用户去做他们想要做的事情。苹果、微软、ins 都成功地将其应用在广告横幅和 logo 上。

什么是 Aurora UI ？

Aurora UI 是一种类似于北极光的渐变设计效果。它又被称为 “Aurora Borealis”，borealis 也有北极光的意思。将几种颜色结合起来，使其平滑地混合在一起。设计师混合在色轮上相邻的色彩，从而得到完全不同的色彩。最主要的是这些色彩必须看起来很和谐。渐变梯度使人们能够在屏幕上感受到文本、图像和其他被视为三位空间的 UI 组件。

为什么要使用极光渐变风？

01 能吸引用户的注意力

极光渐变风设计的效果能够从传统的颜色中脱颖而出。因此，能够帮助潜在消费者聚焦于特定文本内容、行动按点和其他重要的数据。

02 挽救公司的品牌风格

想象一下，你想要在网页上增加一张图片，但这并不适合你的设计。那么你就可以用具有梯度感的方式来设计。另外，这也是一个让你的设计变得更加有趣和独一无二的设计方式。使用极光风的视觉效果来与网站的配色相匹配。

03 让背景的颜色多样化

极简主义的设计风格已经流行好几年了，但是如果你想要用户记住你的网站，你应该使用一些吸引眼球的或者独特的元素来使你的网站更具吸引力。渐变设计通过尝试进行不同的颜色组合从而得到新的色调。组合后的色调非常地特别，能够完全吸引网站来访者的注意力。设计师通过使用柔和的色调和热情的颜色来表达心情和传递品牌价值。

04 将文本放在合适位置

当你使用一张图片作为背景的时候没有办法找到一个匹配字体的颜色来突出价格，但是在你添加文本的地方给照片的全部或者部分地方使用渐变，你就不需要另外添加形状或其他的元素使得文本内容可见。

05 增加插画的丰富度

你可以通过使用颜色变换、阴影、高光来实现3D 效果，如果插画看起来很乏味，添加一个极光渐变可以帮助你把用户带到生活之中感受更多的真实。用户喜欢看这样的图片，所以他们也更愿意花时间停留在你的网站上，这样他们就更有可能做自己想做的事情。

极光效果如何应用在网站设计上？

01文本的应用

强调重要的信息，或者在需要用户点击的地方划线。你可以选中文本特定的部分使用极光渐变。通过这种方式，能够凸显关键词，并且让普通的文本变得独一无二。

—— 选择与页面中的其他颜色不具有竞争性的颜色

—— 选择文本的一部分，例如一个词或一个短语

—— 在黑色或者浅色的背景上使用明亮的渐变，从而制造出对比感

—— 确保文本的易读性

02背景的应用

设计师在设计主页时，通常使用极光效果作为整块的背景图。颜色的变化能吸引客户的注意力，这也是为什么在制作带有促销、折扣或者特惠横幅广告时很受欢迎的原因。

03照片的应用

如果你想要个人化且增加探索趣味，可以给图片添加公司颜色的渐变，这个效果还能隐藏不完美的图片。举个例子，如果图片上一些颜色和公司的品牌调性不符，或者你需要隐藏些不好的地方就可以在图片上添加渐变。但是不要期待着你可以通过这种方式掩盖照片的不足，这样你可能会给公司留下不好的印象。

04特殊元素的应用

高亮按钮、下划线、画框都可有使用极光渐变来做填充。

对于你的观众而言，网站设计中最重要的是什么？你为什么应当知晓并使用像极光风这样的设计效果？一个好的网站设计能够引导用户的实现并告诉用户你想要他们看向哪里？也正因如此，极光风设计能够帮助用户不错过网站上存在的重要信息。

Aurora UI 让你始终保持潮流，保留一个极简主义的设计风格。但与此同时，这也有助于使它令人难忘。不要让所有的元素同时使用渐变，因为这会分散客户的注意力。仅仅是高亮关键的信息就可以了，或者将渐变覆盖在图片上同时还应注意图片上的文本清晰可见。

注：你说它和平面中的弥散渐变有什么区别，我感觉是大同小异