全部
  • 全部
  • 图标
  • 平面图形
  • 背景纹理
  • Mockups
  • 字体库
  • 幻灯片模版
  • Ui Kits
  • 样式/笔刷/动作
  • 网站素材
  • 视频/3D
  • 其他

11月份网页设计流行趋势

这个月,三大趋势每个都应该都能引起一翻热议。视觉效果看起来很酷,但可读性和可用性?(每个网站设计师在进行项目时都应该问的问题)。看你怎么看待这些趋势,并自行决定(是否跟随)。

这个月的设计趋势为何:

下划线显示文本和元素

下划线的文字是一种相当意想不到的趋势。幸运的是,下划线可不是平时见到的超链接或默认设置中看到的标准下划线。

下划线的文字和元素趋势使用颜色和线条来突出显示特定信息并将焦点集中到某个内容区域。使用下划线的巧妙之处是能将笔画与其他东西结合起来,使之与不同的模块无缝衔接。

判断下划线使用是否成功,需要让它看起来是有目的有意为之,而非无意的多此一举。过多使用下划线可能会有分散注意力的弊端,甚至使文字感觉太紧或拥挤。但是在设计的一部分中适当使用下划线可以缓解这个问题,同时引起对下划线文字的注意。

Simon Lee Gallery Hoohaa Design 都使用一个简单的下划线,使之有足够的空间将眼睛拉到某些文字。对于Simon Lee Gellery,下划线可帮助用户将焦点放在设计中的一些最小字体中,并在滑块中的下一个图像加载时提供暂停点。对于Hoohaa Design,下划线是平衡尺度图形元素的一部分,其重点在于站点名称。

Abel Design Group 采用另一种方式,橙色的线条实际上更像中心线而非下划线,但是具有相似的用途 – 使文本与文之间产生关联性。 

 

阻塞文字 OBSTRUCTED TEXT

设计有障碍物或难以阅读的文本,相信不是你预期会在这个流行趋势列表中看到的,但很多设计师却正在玩这个概念。

这可能是一个有难度的技术,许多设计师失败了(或只是盲目的模仿(原文:and ended up as memes)),因为字的设计没能表达清楚主题。设计带有障碍物的文本会引发一些自身的问题,例如一个典型的情况是在响应式框架上,由于不同断点和移动,会导致失效。

障碍物可以覆盖文本之上;或与文本配色相近,作为背景使之几乎融入彼此之间的元件。

好吧,处理得当,它可以是一个非常醒目的设计。(如Root Studio,可能让你很难不去注目于它有趣的设计,这些字母上的鲜艳色彩和微妙的长颈鹿动作可谓令人着迷。)

为了使它起作用,你必须留意到如下一些细节:

  • 确保这个词很常见,通俗易性,这也是为什么“ROOT” 即使被档,也不会有阅读理解困难
  • 要简单明了,不要涵盖太多的话语
  • 注意避免可能导致不必要的单词歧义
  • 使用尽可能简洁的字体,以免字体的炫丽抢了障碍物的关注点
  • 保持设计的其余部分尽可能简单,以便用户可以尽可能轻松地关注字词并阅读它

黑白艺术 BLACK AND WHITE AESTHETIC

有时设计的发展趋势,尤其是当它涉及到颜色会反映出创作者的心情。黑色和白色配色方案,近年来普遍趋向更深,更小,颜色更浅。(是因为近来设计师感觉有些阴沉吗?)

当前版本的黑白设计趋势与过去发生的不同之处在于,刻意去色彩不仅仅被用于摄影作品。以下示例包括家具设计公司,网站设计机构以及关于心理健康的故事和信息的站点。

他们都有表现出类似的调调,是因为基于去彩色的风格吧。

当使用黑白创作时,可能会担心文本放置和可读性,以及考虑如何在设计的某些部分包含颜色。这些处理得当,基于去彩色,设计师是可以努力创造一些有趣的东西的。

一种黑白设计的技术会越来越受青睐,那就是混合使用其他深色调的色彩。浓郁黑可以配搭一个红色,蓝色,绿色或其他颜色的底色,这样有助于创造略微不同的基调。

当查看有关Rich black (浓郁黑)HEX代码时,会发现它其实是由多种颜色组成。Hex#000000完全没有颜色。真正的Rich black是#004040。还有什么是“更浓郁”的黑色。黑色可以作为黑白之间甚至是彩色设计元素的过渡。

例如,下面的Crafton使用丰富的黑色设计,围绕幽灵风格按钮和其他元素具有微妙的颜色搭配。由于这种颜色选择,Rich black感觉比其他设计更温暖和吸引人。虽然该网站在滚动下面不包含大量颜色,但是由于主屏幕上的黑色和彩色元素的丰富性,所以有更多彩色的图片和设计元素可以相当无缝连接。

丰富的黑色或更丰富的黑色的另一个好处是它可以增强文本和背景元素之间的对比度,使一切都更容易阅读。

结论

本月的所有趋势设计使文本的阅读难度比我们大多数人习惯要高一些。这些设计概念,要使用好还是有很高难度的,相信也只有某些项目可以有效。

 

FS编译 via webdesignerdepot

分享到:

热门设计资源

设计小咖小程序
设计小咖小程序

微信扫一扫
手机使用更方便!

设计小咖公众号
设计小咖公众号

关注我们的微信公众号,不错过任何福利。