2017年最后几个月,网页设计师值得注意的趋势

原型工具和设计版本控制工具

II.遮盖文字

可能你觉得这种设计已经出来好久了,不应该成为 11
月的最新的趋势,不过实话告诉你,还有好多设计是在玩这个概念。

这种设计有一定的难度,好多的设计师都在这折了。特别是在响应式框架中更容易出问题。

但如果能玩明白这个设计,会非常的抓人。下面 RootStudio
例子就非常精彩,显眼的色彩配合间接地字体,加上长颈鹿栩栩如生,让人印象深刻。

如何能玩转这改字体这种设计呢?

  • 确保这个词常见遮盖的词或短语很常见

  • 不要遮盖到太多的文本

  • 文本上面的遮盖物是主体

  • 使用极简的字体,确保字体不会与前面的遮盖物产生冲突

  • 保持其余的设计简单,以便用户可以轻松的关注字体并阅读理解

纵览今年的网页设计,用户体验设计被大家提升到更重要的位置,数字产品的沉浸体验被越来越多的设计师和产品人关注到。新诞生的设计工具和素材当中,无论是UI
Kit 、风格指南还是设计辅助工具,都是为了更好的沉浸式体验。

I.文字下划线和下划线元素

下划线的文字是一种相当意想不到的趋势。这里说的下划线不是你文字编辑时的普通下划线,也不是网页超链接的那种下划线。

下划线的文字和元素趋势使用颜色和线条,来突出显示特定信息并将焦点集中到某个内容区域。明智的使用下划线能够将设计中的不同元素结合,达到无缝过渡的效果。

案例:

西蒙·李画廊的设计

西蒙·李画廊使用下划线把用户的视线聚焦于最下的字体上。有一个强烈的对比同时,又不会让焦点失却。

Hoohaa 设计

HooHaa
设计使用下划线,线的下面有一个小三角元素,整体构成了天平既视感。有助于用户聚焦和记忆
HoohaaDesign 这个名字。

西伯利亚设计集团

亚伯设计集团采用另一种方式,橙色的线条在此充当着中心线的作用,达到将背景图案与文本相结合的作用。

结语

简评:最新 2017 年 11
月网页设计趋势。分别是下划线、遮盖文字、黑白。

UX文案设计

11
月的三种网页流行趋势,视觉效果都杠杠的,不过易用性和可读性如何呢?让我们进入今天的文章。

版本控制是设计的基石。虽然大家一直在呼吁设计师要懂得 Git
,但是在实践和使用上,依然存在着天然的壁垒。

结论

本月的所有设计趋势,都会让文本更难阅读一些。这是设计的概念之一,不过也要分项目来选型,有的项目能够体现出非常好的效果,有的项目就不太搭。

英文原文:3 Essential Design Trends, November 2017 | Webdesigner
Depot
旧文推荐:
设计师必看的10个视频(全中文字幕)
灵感迸发 | 国外 28 个知名网站的 404
页面
UI 设计中最重要的颜色

更有质感的图片

III.黑白美学

黑白配色方案是近年来较少的,但最近黑白配色、偏暗配色、或者单色、灰色系配色多了起来。(我们知道,有时候设计趋势与设计者的心情有着相关性,难道最近设计师都感觉很阴沉么?)

过去的黑白网页设计大多都是摄影作品集网站,不过最近的黑白网页设计有很大的区别。下面的案例包含了家具设计公司、网站设计公司、心理健康咨询网站。

没有其他的色彩,让这些网站拥有相似的情感传递。

当时用黑白配色时,设计师可能要注意文本放置位置和可读性,以及在某些部分包含颜色该如何处理。尽管色彩不足,不过设计师也依旧可以创造一些有趣的东西。

这里有种技巧,能够让黑白配色显得更有温度感,可以为深色调使用更丰富的色彩搭配。可以用红、蓝、绿等其他颜色作为底色,这样可以让黑色显得更有层次,有助于创造不同的观感。

丰富的黑色用 HEX 编辑器看,是由多种色彩构成的。Hex #000000
根本没有颜色,丰富的黑色是
#004040,还有很多更丰富的黑色的。更丰富的黑色可以作为黑白之间的过度,成为特殊的设计元素。

案例:

更丰富的黑色设计,使得黑色显得更加温暖、亲和

“我们不只在搭建页面,我们在创建系统。”

在拟物化设计走到极致之后,扁平化设计接管了整个设计风格的走向。早期的扁平化设计拥有了足够现代的设计特质,但是在用户感知上并不足以媲美拟物化,这也催生了今天我们所说的扁平化2.0
和 Material Design
这样的设计风尚。用风格来描述这些设计上的演变是我们现在所熟知的方式,但是换个角度来看待这些变化,其实会更加直观。设计元素从来都没有因为扁平化设计而疏离真实的世界,我们对于世界的认知构建起来了感知的体系,而设计元素的变化,一直都是奔着更好的感知度而去的。

新的网页字体技术的出现,使得网页字体的兼容性和可能性越来越强。多彩字体甚至一开始就是为了个性化和自定义而存在。被非衬线体字体所统治的时代,即将过去。

选择 Sketch
的原因很多,但是这很大程度上是得益于它在UI/UX领域的深耕,以及在交互设计和原型设计上完备的功能。Sketch
并不具备3D功能,没有滤镜,它的功能都是围绕着现代UI和UX设计来进行的,可拓展的插件也让它具备了更多的可能性。

让不同的字体在网页中协调的搭配起来是越来越多网页设计师试图做到的事情,而出于视觉设计的需求,有时候还需要让对比足够强烈的字体搭配到一起。

对称式的布局在网页中非常常见,它不仅易于设计,便于使用而且是合理的设计策略。栅格系统的出现,不仅帮助设计更好地完成响应式布局的设计搭建,也让设计拥有了更好管控非对称布局的方案。越来越多的非对称式的布局出现在我们视野当中,甚至不少设计师专门对此进行了总结。Kimberly
Elamconveys 的这本《Grid System:Principles of Organizing
Type》中对于如何运用栅格系统来构建非对称布局,有许多不错的实例。

随着设计师对于动效、视差和栅格的纯熟掌握,未来的非对称式布局可能会成为设计师手里的杀手锏。

时间行进到2017年,越来越成熟的网页设计圈子,已经不仅仅只是流行各种设计技法和不同的设计工具了,你会发现,设计手段和设计思想也越来越成熟,至少,系统化的思维已经不再鲜见了。

自定义字体

金沙澳门手机版官网,在诸多设计类软件当中,今年最突出的大概就是Sketch 这款软件了。虽然 Sketch
出现的时间不短,但是在用户数量上,2017年才出现爆发性的增长,从设计机构到自由设计师都开始青睐这款工具。

感知化设计

Leave a Comment.