2016年6月,基本设计趋势

Carrie Cousins. 经过 Carrie Cousins.  |  君。2016年27日

由于创造性的解决问题,设计人员正在改变网络设计规则。自动播放声音,混合真实和插图的图像甚至是照片上的分层徽标是现在的一些最炙手可热的设计技术,所有三个概念都不认为这三个概念很久以前就被认为是禁忌。

这是本月设计中的趋势:

 

1.自动播放声音

不是很久以前,除非是可选的,否则该规则不是在网站上包含声音。而且你绝对不会去自动播放路线。

那些表已经转过身来!曾经是一个带宽呼吸,突兀的设计特征正在变得非常普遍。

声音被用于一些不同的网站类型 - 适用于与媒体相关的内容,如音乐,电影或新闻以及游戏或故事情节类型设计。使用声音的诀窍是它需要为仍希望默默地与网站交互的用户来包含一个开/关按钮。

声音是,它不应该对用户感到震惊。许多网站,如 这是路易斯的电话,使用自动播放声音正在使用流量的缓冲区来显示声音内容正在加载。使用拨动开关组合此负载操作,用户可以在网站实现第一噪声之前确定声音是否为它们。

当谈到使用声音时的另一个技巧就是轻声开始。您不希望用户跳出椅子,因为您的设计与重金属裂缝打开。所有声音到渐先看从几乎耳语到最初的几秒钟。

最后,重要的是声音(特别是当它自动播放时)是一种重要的内容,其贡献整体用户体验。不要因为想要尝试新的东西而不是使用声音;用目的使用它。也请记住这一点 - 即使用声音作为设计的一部分,许多用户也将访问没有它的内容。明智地设计。

 情绪
 电话装载
 电话
 X战警

 

2.混合照片和插图

 

它可以是一种艰难的技术,但是越过摄影和插图之间的线路。混合真实和手绘元素可以​​向一个既有趣和视觉上有趣的项目增加奇思妙想的空气。

在没有俗气的情况下对用户产生持久的影响。以下是一些建议:

  • 使用图标和按钮的插图,以及摄影,以获得主导的视觉影响
  • 创建一种使用大多数图的可视模式,而是添加到短视频或图像区域以强调
  • 添加动画所示的元素,了解不同附近的东西
  • 创建一个徽章或徽标,说明以与品牌图像中出现的品牌照片或包装一起使用
  • 使用插图来帮助指导用户通过其他视觉效果并讲故事

泰勒制作 是这种混合和匹配的摄影和插图方法的一个很好的例子。金融规划公司不是您可能希望在行动中找到这种技术的地方,但它是有效的。在人们照片背景中的动画插图增加了可能对否则是无聊的爆头的兴趣。动画悬停统计数据抓住了用户注意力并鼓励滚动。甚至更多的插图用于网站图标,以鼓励点击并将视觉光明添加到设计的文本沉重的部分。

 泰勒
 由制成
 雷切尔

 

3.在英雄图像上的徽章

徽章到处都是你现在右转的地方。从Logo设计到复古复古排版风格,可以被称为时髦的最爱,这些简单的元素已成为最小设计风格的主食。它们也是可能在摄影中缺乏摄影的常见选择。

随着更多的设计师在英雄形象中使用徽章,虽然更多的设计师正在使用徽章。该趋势是由顶部有白色或半透明徽章的单个英雄图像(通常不是滑块)的例子。徽章通常以水平和垂直为中心,但展示位置可能会有所不同。

它是令人挑剔的照片,徽标(或文字)对比。这项工作的是,大图像吸引了用户。徽章用作焦点,以便通常有些弱或宽松的图像。 (这并不是说这种类型的风格中使用的图像是不好的,但他们从徽章的帮助下受益。)

这种趋势是我们在Hero Image标题中看到的事情的演变。超大,大胆的排版选择是去年的热潮。这是一种自然的转变,因为如何使用超大类型和徽章之间的徽章风格和相似性的普及。

  • 两者都往往是白色或轻型
  • 两者都倾向于将单一信息锤击给用户
  • 这两者都在设计中没有很多竞争视觉效果
  • 两者都是大胆而大胆的,因为他们只为用户提供一个真正的进入点
  • 两者都与股票摄影非常好
  • 当您没有很多照片选项时,这两个风格都提供了一个粗体的视觉解决方案
  • 这两种样式都借助在其他地方(如悬停状态)添加了一丝动画,以吸引用户,因为没有大量其他移动元素,例如视频或图像滑块

一个很好的徽章是什么,它也可以为您的品牌标记提供双重义务。 (这是小型企业或投资组合网站的一个很好的选择。)创建一个徽章,了解它将是您的logomark。设计颜色和白色版本,可根据使用而混合和匹配。此添加的功能是徽章现在如此受欢迎的另一个原因。

 鲍林
 咖啡
 瞎的

 

结论

您是否勇敢地将自动播放音乐添加到您的网站设计或混合真实和插图的图像?两种趋势都带来了风险和支付机会的元素。如果您对这些趋势没有完全准备好,请将徽章纳入英雄形象,这是几乎任何类型的设计轮廓。您还可以随时使用此调整并根据需要使用它。

你现在喜欢(或讨厌)哪些趋势?我很乐意看到一些你着迷的网站。给我一个链接 在推特上 ;我很想收到你的来信。