每个月我们都会发布一个我们在网上看到的三大趋势综述。有时他们是正在经历文艺复兴的老人,有时他们是新的想法,只是在增强势头。
这个月我们正在仔细研究滚动上面的演示文稿。这是您看到的第一件事,也是用户输入您网址时的第一印象。因此,它是发现网站设计趋势的合理位置。
1.几乎难以阅读的文字
由于如此关注可读性和可访问性,这种趋势可能有点令人惊讶。设计师正在尝试难以阅读的英雄文本元素。
这不是文本元素不可读; 你只需要停下来思考一下它们。
为什么这种技术会起作用?这些实例中的文字更像是一种艺术元素,虽然这些文字具有意义,但由于视觉成分,它们引起了我们的注意。文本旨在让您看起来更长久。
以下每个示例都以稍微不同的方式进行此操作。
MetaVie w使用分屏设计,文本元素可在分屏上更改颜色。在左侧,颜色较柔和,更透明,而更大胆,右侧缺乏透明度。单词是可读的,但你肯定需要几秒钟来处理它们。
元
完美包括两层文字。超大的前景图层可让您考虑屏幕中缺少的字母以填充单词。背后有一层苍白柔和的背景层,文字翻转90度,让你仔细观察消息。
完美
Next Creative Co.将轮廓字体与动画和渐变笔触边框混合。虽然这可能是这组示例中难以阅读的元素,但它清楚地表明了这样的设计如何迫使您放慢阅读速度。你的大脑会很快地处理“让它成功”,并且几乎需要动画的整个持续时间来理解短语中的最后一个单词。
2.在你的脸上
与醒目的图像相比,很难找到更直接的方式来与用户建立联系。使用面部来传达情感会产生更加明显的联系。
面对面的设计趋势可以通过令人惊叹的特写人物形象来实现。视觉效果创造了直接的焦点和影响力。在开始处理屏幕上的单词或其他信息之前,用户立即感觉到某事。
这种趋势的好处在于它旨在将用户连接到内容。
对于下面的每个示例,您可能会发现很难将视线移开。你首先看屏幕上的脸部,并且像Coulee Creative设计一样,你甚至可以微笑一下。它激起了好奇心。您开始扫描设计的其余部分以了解它的含义。
这种趋势对你而言。从一开始就很容易陷入如此强烈,引人注目的视觉设计中。这些示例中的每一个都有一个额外的元素,动画可以不断增加对面部的兴趣。
Coulee Creative包括多个制作各种面孔的人,Muax有一个图像卷轴(虽然图中的图像是你脸上最多的),而Roobinium使用一个小故障动画,因为角色转向直接看用户。
3.左边的所有文本
有一段时间,英雄标题的趋势是在屏幕中间使用大文本。你仍然会在设计中看到很多。(这是永远不会变老的概念之一。)开始获得动力的是一种更加片面的布局,屏幕左侧的所有文字都是,而图像和图形则在右侧。把它称为左对齐很诱人,但它不止于此。
在适当加权时,此布局会创建不同类型的对称。屏幕左侧和右侧的元素需要感觉重量相等,以便眼睛穿过信息井。