2017年出现的高风险设计趋势(译文)

Recommand
北京/设计爱好者/8年前/259浏览
2017年出现的高风险设计趋势(译文)Recommand

3+3个可能会变质、损害用户体验的设计趋势。

源作者:Eleana Gkogka

原文地址:https://medium.muz.li/dangerous-design-trends-2017-c388ce9e735a


       我们不能通过封面来评价一本书,但可以通过一个网站的设计来判断其好坏。人们常常习惯在了解产品和网站的功能与可用性之前,基于它们的外观对它们进行评估和判断。紧跟设计趋势对于保持产品的清新和吸引力是十分必要的。但是,设计趋势是万能的解药么?

       作为设计师,我们知道紧跟设计潮流是我们工作的关键部分,但我们不应该盲目使用它们。并不是所有的设计趋势对每种情况都是有用的、有益的或是合适的。即使是好的趋势也可能变坏、损害用户体验。这就是为什么我们必须仔细使用它们,筛选它们,并在需要时进行调整。

       让我们看看2017年的3个需要特别注意的危险设计趋势,和如何明智使用它们的方法。


————————


鲜艳的色彩

07fc59943dd20000002129faf485.jpg

       众所周知,颜色可以传达情感,也可以在品牌和UI设计中有策略地使用。明亮的色彩常常吸引我们的注意力,并产生比深色或中性色彩更积极的情绪。明亮的、跳跃的颜色总是显得更有趣、充满活力、大胆,而柔和的颜色则更令人放松和散漫。

       2017年是令人兴奋的一年,初创企业和新产品像雨后春笋一般涌现,都在为自己在市场中的地位而奋斗。颜色是获取我们注意力、与我们发生接触的好方法,这就是为什么鲜艳的色彩越来越受到欢迎。但是可能正如这个趋势太过吸引人一样,它很容易事与愿违,并对用户体验造成干扰。


风险:

1、大面积明亮色彩的页面,或是许多相邻的明亮色彩会使我们的眼睛“流血”,当然不是字面的意思,但是它们肯定会伤害我们的眼睛。被伤害眼睛的用户会关闭页面或者离开,虽然你希望他们留下;而这也是你优先使用这些闪烁的颜色的初衷。

2、明亮的颜色区域在文本之后,甚至在文字的旁边,都会使阅读变的不愉快、令人恼怒,甚至无法阅读。明亮的色彩反射更多的光线。这就好像人们在试图阅读的时候,脸上却被闪烁的手电筒照着。即使人们设法阅读,也会有一个负面的体验,导致人们不喜欢你的产品,无论文字在那里想说什么。

54bc59943e6ba8012156038f170b.jpg

可以这样做:

  • 用颜色更深或中性颜色的大色块去平衡明亮的颜色;

  • 使用明亮的颜色作为细节,引起用户的注意并进行引导;

  • 在大型印刷品上使用明亮的色彩作为装饰元素;

  • 使用明亮的颜色来强调内容或促进互动。

不要这样做:

  • 避免大面积使用明亮的颜色,或作为主要背景色;

  • 避免在同一个页面或相邻之间使用太多明亮的颜色;

  • 不要在主要文本的后面或附近使用鲜艳的色彩;

  • 不要在带有含义的小区域使用明亮的颜色,如小图标、导航。


创新实验型布局

c9b859943ec9000000212955abcd.jpg

       在获取注意力的角逐中,设计师拒绝限制自己的想象力,与和睦抗衡,直截了当地用独特、不平衡和非典型的作品将混乱带回设计圈中。创新实验性的布局在2017年越来越受欢迎。

       这个趋势是有趣、活泼的。这是一个很好的方式来增加一些新的布局类型,帮助艺术或时尚设计在整洁布局的海洋中脱颖而出。创新实验布局不完全平衡或完美对称;摄影、排版或界面通常不对齐,元素具有不同的填充,并且往往倾向于重叠。


风险:

1、我们的日常生活已经足够混乱了。当我们在网上试图查找信息的时候,我们还需要更多的混乱吗?布局中不平衡的娱乐性很容易干扰网站信息的可扫描性和可发现性,从而使浏览成为淹没在混乱中的体验。当主要目标是从内容繁多的页面获取信息时,页面的结构是十分重要的。

2、在引导用户浏览内容的过程中,视觉层次也是非常重要的。在实验布局中,元素之间通常彼此浮动,以奇特的方式分割内容,有时候是随机的、非层级的方式。其他元素可能在页面不太可见的区域中重叠或最终出现,使得阅读、分组和处理信息变得十分困难。

5f8259943f12a801215603299281.jpg

可以这样做:

  • 在阅读内容不是主要目标的情况下使用实验式布局;

  • 在结构严谨和对齐的模块之间,使用不平衡的布局作为调节、俏皮的细节;

  • 将成组的元素紧挨在一起,在不同的内容区块之间保持明确的分隔;

  • 只有在元素之间具有良好的对比度和足够大的排版时才进行重叠。

不要这样做:

  • 不要在内容繁重的页面中使用实验布局;

  • 当用户浏览内容的时间有限时,请勿使用不平衡的布局;

  • 不要在页面上随机抛出任何元素,必须保证一些基本的对齐;

  • 不要盲目地重叠元素,考虑一下对比和相关的意义。


微小细节

b83359943f380000002129bf046c.jpg

       极简主义已经流行很久,而且还会持续流行下去。但是,我们正在亲眼见证一场向具有更多细节布局发展的转变。这种转变有一个原因:简约设计无法像更详细、复杂的作品那样,提供尽可能多的机会来进行欣赏和差异化。最近一段时间,关注微小细节变得非常重要。

       小细节所在的位置可以驱动眼睛的注意,从像导航点一样小的地方到不起任何作用的浮动元素。飞行的装饰图标、下划线、几何图形和片段越来越受欢迎,因为它们可以为任何设计增加有趣的氛围。它们可以作为平衡器、分隔符或是指向内容的指针,就像一些有用的注释一样。


风险:

1、一些细节对于吸引用户的兴趣、取悦用户是非常有用的,但是它们可能会意外地与实际的导航和内容竞争。太多的细节可能与层层结构一起带来压倒性的混乱,令人困惑,而不是帮助用户导航或浏览内容。不为任何目的服务的细节是数字噪音和毛刺。

2、小细节经常被用作装饰元素,放在图像或排版排版旁边,有时重叠在它们之上。有时它们跟随页面滚动或鼠标的光标。最终,它们获得了我们的注意,这既是好事,也是坏事。我们需要意识到这个特性,并合理地放置它们,使之不会危及可读性。

204f59943f72a8012156039b9dad.jpg

可以这样做:

  • 有意识地使用内容细节,确保可读性不受影响;

  • 使用细节作为指针来引导注意力到主要内容,或离开主要内容;

  • 在细节和简约、干净的布局之间取得平衡;

  • 尝试在细节中添加上下文信息使其与内容相关。

不要这样做:

  • 不要在内容繁重的页面使用小细节;

  • 避免那些没有任何目的的随机细节,或是不能帮你传达故事的细节;

  • 努力将无用的细节与主用户导航区分出来;

  • 把微小细节当作是小惊喜,而不是设计的主要组成部分。


————————


另外值得提及的3个趋势


微小字体排版

025959943fc1a801215603a7ee9a.jpg

       较小的字体排版在视觉上和感受上都要更时尚一些。它给其他元素留下了呼吸的空间,同时更易于视线的移动。使用较小的字体更容易创造有趣的对比度,而无须争夺空间。

       另一方面,微小的字体可能会淹没迷失在大块的文本中,或许还会妨碍内容的浏览和可读性。要小心使用小字体-仅在短的段落中使用。另外,要避免使用小于13pt的文字排版。


实验性导航

0add59943fe10000002129c9fe56.jpg

       随着越来越多的设计师在尝试创新,实验导航模式也变得愈加受欢迎。不同的导航风格能使小型的、内容较少的网站更加有趣,或者还可以帮助其用户以一种特定的方式进行导航。

       如果实验导航的模式足够直观,可以让用户与之互动,那么它们会很有趣,也很有用。但我们必须意识到,它们并不适合于所有的设计和所有的受众,测试其可用性至关重要。


动画设计

60745994400b0000002129f19738.jpg

       动画为UI设计带来了无限的可能。它们可以实现非常有创意的变换,增强使用体验。动画可以在任何设计中添加一个额外的层级,将人们的注意力吸引到正确的位置。动画丰富了极简布局,可以增强讲述故事和用户互动的能力。

       过度使用动画会导致网站负载,加长的加载时间将考验用户的耐心。错误或不必要的动画也会混淆、扰乱或误导用户,因此要明智地使用动画。

b66459944036a8012156038b7eec.jpg

————————


总结

       在网站和产品的汪洋大海中,设计师们试图通过紧跟设计潮流来保持设计的新鲜度和相关性。但潮流趋势也可能是危险的,它们并不是灵丹妙药。依旧内容、受众群体和我们努力要达到的目标严谨地使用流行的设计,这才是重点。

       最后,也是最重要的是,我们不应该仅仅为了看起来好看或现代而牺牲用户体验。


4
阅读原文
|
Report
|
5
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in