SEARCH

夸米动态

2017年过半,设计师们都跟着这些趋势做设计

2017-10-16 07:07:15 内容声明:以下内容仅供参考,我司未对内容做真实性核验,请用户注意分辨!如有任何违法/侵权信息,请立即联系我们删除

设计趋势直接反映着网页设计在技术和风格上的演化方向,也是大众在网页和UI设计审美上的风向标。2017年过半,网页和UI设计趋势也日渐明朗,几种不同的设计趋势也已经成为2017年网页和UI中必不可少的元素,这些元素主要体现在导航设计、配色和排版上,你会在今年的优秀的设计作品中看到。

当然,和所有的设计手法一样,几乎所有的设计趋势都有其特有的使用场景,用来搭配不同的风格,应对不同的设计语境。所以,千万不要将这些流行的设计趋势一次都用上!挑选合适的搭配你的设计项目,才能真正出彩~

1、空间共享式排版

所谓空间共享式的排版,指的是文本等设计元素,不再拘泥于特定的区域,而是打破空间限制,开始横跨多个元素、多个区域,以入侵式的姿态、错落式的排版,呈现出一种独特的视觉美感。

不过,打破空间容易,呈现美感就难了。横跨多个空间的文本为整个排版增加了视觉美感,同时让整个设计更为动态。瞩目的文本和超大的字体本身就非常容易引起人注意,他们连同背景的不同区块,一同被用户注意到,成为了视觉焦点。

为了充分利用这一趋势,你需要在排版和配色上有所注意。背景的图片和色块元素应该接近,但是要和前景的文本构成对比,这样才能保证整体的可读性和易读性。

在绝大多数的设计当中,前景的文本内容会选择最常见的黑色和白色,这样能让背景不同区域的配色拥有更大的选择空间——因为文本的可读性才是空间共享式排版的重难点!

另外,空间共享式排版的设计重心是视觉流,它应该引导用户关注最关键最重要的内容。

空间共享式排版的设计技巧:《小技巧,新趋势!简单有效的空间共享式网页排版》

2、多边形元素

相比于醒目的空间共享式排版,多边形元素对于设计领域的入侵更加多样,也更加润物细无声。从大面积覆盖式的多边形区块,到多样的多边形叠加元素,再到细小的装饰性元素,多边形几乎无处不在。

多边形元素的优势在于它的多样,几乎可以运用到任何地方,从视频、图片到文本都可以和它构成搭配,不同的配色方案和排版中它也可以见缝插针地加入进去。当然,前提是合理地运用。

我们常说的多边形,是在二维平面内多条直线线段首尾衔接构成的中空闭合图形。在实际设计中,它的形状多样,有的中空,有的则填充了色彩,有时候单个存在,有时候会是成片的多边形构成更为复杂的视觉效果,比如3D的视效。

多边形本身就可以给我们提供足够多的灵感,多种多样的多边形本身就能以多样的方式让乏味的设计变得有趣。

多边形元素的正确用法:《漫山遍野的多边形元素,正在入侵每一份设计稿》

4、底部导航设计

 

在手机上,底部导航是普及率颇为高的设计,但是在网页上就不算多见了。虽然侧边栏和垂直导航基本上要脱离实验性设计的身份了,但是底部导航这种“反习惯”的设计,仍然算是激进的一种设计手法。

底部导航在网页上是先锋的设计,所以它不是兼容所有用户的一种设计策略。如果你做的是一个强调设计、受众接受性较强的网站,可以尝试接入这一设计趋势。

如要使用底部导航加持设计,那么你需要正确地使用它:

  • 保持简约,在不用向下滚动的页面上使用上佳,少数页面使用为好
  • 设计的要醒目,不要让用户忽略它们
  • 如果页面较长,使用悬浮固定的底部导航
  • 搭配极简风格的设计框架,复杂的网页设计会让用户忽略底部导航
  • 加入一些额外的元素来强化导航功能,确保用户不会迷失

Lapland

Rockwood

Hotdot

5、Box元素

 

Box,盒子是一种非常实用的页面元素载体,在数字设计日趋多样繁复的2017年,Box 元素简直是设计师手里的攻城利器。从功能上来说,它和Material Design 中卡片的概念是高度相似的,但是它并没有限制在这个风格当中。和卡片一样,Box 元素可以承载各种各样的内容,它非常符合今年设计师对于多样性的需求。

当你开始使用Box元素的时候,应该注意下面的问题:

  • 使用Box 来创建视觉焦点,比如下面的 Cedrick Lachot 这个网站
  • 使用Box 将不同的元素分层,类似下面的Feudi Di San Gregorio 这样设计
  • 使用Box 来强化流程和视觉。Beoplay 的网站就使用堆叠的Box来创建视觉路径,每个Box中承载不同的动画,吸引用户滚动浏览

Cedrick Lachot

Feudi Di San Gregorio

Beoplay

3、竖线元素

丨夸米科技

咨询直线:186-2370-8562  官方网站:www.quamae.com

 

*请认真填写需求信息,我们会在24小时内与您取得联系。

LOGO

地址

开封市示范区金泰云都会2号楼23层

开封市示范区集英街东吕庄5栋

联系

18623708562
[email protected]
重庆夸米网络科技有限公司 版权所有 盗版必究 备案号:渝ICP备16002041号-2 内容声明:网站内容中非对我司进行介绍(包括但不限于案例、资讯)的描述内容仅供参考,如用户发现有任何违法/侵权信息,请立即联系我们删除