网站建设之网站设计趋势-2019年4月

有时候设计趋势需要一段时间才会浮出水面，而其他人似乎会立刻突然出现。后者适用于本月的每一个网页设计趋势。

动画图像框架，金色金属和明显的网格似乎无处不在（我们猜你可能会注意到）。这是本月设计的趋势。

动画图像帧失真

关于这一趋势的判决仍然存在。你喜欢它还是讨厌它？

由于缺乏更好的描述，我们将这称为动画图像帧失真。当你肯定看到它时，你会知道的。当鼠标靠近元素时，图像帧会移动并变形。

一些图像在帧中保持它们的位置而不会使原始图像失真，而其他图像倾向于随帧移动。

形状动作非常酷，动画引人注目。但是当帧中的图像变形时，你是否已经离开？（就个人而言，我一直是保持照片完整性的粉丝，并且倾向于喜欢画面失真但不喜欢图像。）

Faze Models使用这种技术作为焦点，主页上几乎没有其他内容。图像框架和图像随着悬停动作而变形，从左向右移动。机芯也改变了背景的颜色，非常漂亮。

Jorik，另一个基于时尚的网站，从各个角度使用图像框架上的动画。里面的照片不会改变，它几乎看起来像背景上的3D图层。这个动画的最佳部分是它可以在屏幕上的任何地方工作，当你的鼠标离开浏览器时，一切都会回到原来的位置。

Baunfire使用动画来倾斜图像帧作为其中有点击动作的提示。这项技术不仅仅是为了吸引用户注意力。它旨在帮助用户更好地了解网站的功能并与之交互。

金色金属

黄金永远不会出错。

它经典而强大，营造出一种重要感和奢华感。

也许这就是为什么黄金是目前设计中最流行的颜色之一。（尽管使用起来非常困难。）

以下每个示例都掌握了如何在项目中使用黄金元素和重音来以完全不同的方式表示其品牌。

Chateau Margaux将其金牌葡萄酒标签与网站设计相匹配，图案中带有简单的金色徽标，字母和金色。使用柔和的背景帮助黄金从调色板中浮现出来，创造出葡萄酒品牌所散发的奢华感。

Crystal Brook Advisers在主照片中使用黄金图像来营造财富感。（对于理财规划师来说，这似乎是一个很好的选择。）由于有许多金色或金属色的视觉元素，从钱包到钥匙，再到金色的金钱，调色板都很引人注目。这是我们经常看到的更为乏味的金融网站的一个很好的变化; 这是一个有风险的颜色选择，可以带来回报。该品牌不仅创造了财富感，还为潜在客户创造了温暖。

Hatched采用金色和亮绿色调，采用最小的设计方案。这种组合使得一种颜色可以让人感到肮脏，看起来很金属。（令人惊讶的是，正确的颜色组合和空间可以为设计做些什么。）

明显的网格

网格的使用是设计理论的根本。每个网页设计师都知道网格是坚实设计的基础。

这些趋势网站设计具有即使是临时用户也很明显的网格。它们令人惊叹。

明显的网格有什么好处，它们可以采用许多不同的形状和样式。这里的三个特色样式包括砌体网格，块网格和不对称网格。

使用网格的好处在于它们提供了一种以可管理的方式组织复杂内容的方法。出于这个原因，基于网格的样式一直是投资组合的热门选择。

这些设计与众不同之处在于它们使用网格 – 不仅以明显的方式，而且以智能的方式。

Juco Photo使用砖石网格，其中包含所有不同高度的照片。虽然垂直网格是相同的，但它是技术的现代旋转，具有不同深度的照片。它的特殊之处在于网格永远不会变得混乱，部分原因在于照片的彩虹样式。这里有很多可视化的东西，所有这些都很好。

我们黄色使用传统的网格来展示项目（是的，另一个投资组合）。该网格的最佳部分是“空”左上方，它给网格一个不对称的感觉（即使它不是）和每个项目图像的悬停状态。简单的动画很好地相互配合，以保持设计的趣味性。

Marcus Eriksson使用不对称网格来显示具有相似风格的不同图像元素。这种设计效果很好，因为背景的最小性质以及每个图像的醒目性质。即使视口发生变化，这个网站设计和网格的响应性也能保持元素之间的完美间距 – 这一因素使您希望继续滚动以探索更多的设计和作品。（你也想滚动，真正看到这个网格是如何组合在一起的。）

我喜欢它，当趋势刚刚跳出新设计时，例如本月的系列。而且这些是非常实用的技术。就个人而言，我是上述设计中的网格的忠实粉丝，但金色调色板以一种有些出乎意料的方式引起了我的注意。动画图像帧很有趣; 我们将看看设计师是否对他们做出了积极的回应。