写在前面的话:本文国外设计师Eleana Gkogka 总结的经验,有很多值得学习的方面,下面有原文地址,欢迎访问原文。
原文请访问:medium.muz.li/dangerous-design-trends-2017-c388ce9e735a
一味的跟随设计趋势可能会损害用户体验。
ŸOU不能以封面来判断一本书,但你肯定可以判断是其设计的一个网站。人们倾向于在他们的功能和实用性之前基于他们的外观来评估和判断产品和网站。以下设计趋势对于保持产品的清新和吸引力是必要的。但设计趋势是灵丹妙药吗?
我们设计师知道,以下设计趋势是我们工作的关键部分,但我们不应盲目使用它们。并非每一种趋势对每种情况都是有用的,有益的或适合的。即使好的趋势也会变坏,损害用户体验。这就是为什么我们必须仔细使用它们,过滤它们并在需要时进行调整。
让我们看看2017年的设计趋势和明智的使用方法。
鲜艳的色彩
众所周知,颜色可以传达情感,也可以在品牌和UI设计中有策略地使用。明亮的色彩倾向于吸引我们的注意力,并产生比黑暗或中性色彩更积极的情绪。明亮的,弹出的颜色总是有趣,精力充沛,大胆,而柔和的颜色更加放松和离散。
2017年是一个令人兴奋的一年,初创企业和新产品都像蘑菇一样涌现,都在为市场争夺自己的地位。颜色是吸引我们注意力并与我们接触的好方法,这就是为什么鲜艳的色彩越来越受欢迎。但是,虽然这种趋势可能会吸引人,但是它同样可以轻松地反击并干扰用户体验。
危险
当然,大面积的明亮色彩或许多相邻的明亮的颜色可能使我们的眼睛不舒服,那么作为用户则会选择关闭或离开,而你希望用户留下来;这就是为什么你首先使用所有这些闪烁的颜色。
明亮的色彩,背后甚至文字副本附近,都会使阅读变得不愉快,烦人或不可能。明亮的色彩反映更多的光线这就像在人们的脸上闪烁一个火炬,而他们正在试图阅读。即使他们设法阅读,他们将有一个负面的经验,导致不喜欢你,无论你想在那里说什么
做
平衡明亮的颜色与大块较暗或更中性的。
使用明亮的颜色作为细节,引起注意并引导用户。
在大型印刷品上使用明亮的色彩,作为装饰元素。
使用明亮的颜色来强调内容或互动。
别
避免在大面积上使用明亮的颜色或作为主要背景颜色。
避免在一页或彼此相邻使用太多明亮的颜色。
不要在主文本副本后面或附近使用鲜艳的色彩。
不要在有小意思的小表面上使用明亮的色彩,如小图标和导航。
实验布局
在比赛中,设计师拒绝限制他们的想象力,反抗和睦,将引导的混乱带回到独特,不平衡和非典型作品的设计表中。实验布局在2017年越来越受欢迎。
这个趋势是有趣和有趣的。这是一个很好的方式来添加一些品种,帮助艺术或时尚设计脱颖而出,在整洁的布局海洋中。实验布局不完全平衡;摄影,排版或界面通常不对齐,元素具有不同的填充,并且往往倾向于重叠。
危险
我们的日常生活充满混乱。在尝试在线查找信息时,我们需要更多的信息吗?布局中的不平衡的娱乐性可以容易地干扰网站中的信息的可扫描性和可发现性,从而使浏览成为压倒性的体验。当主要目标是从内容繁重的页面获取信息时,布局结构是必要的。
视觉层次也是非常重要的指导用户通过内容。在实验布局中,元素通常彼此浮动,以奇怪的,有时是随机的,非分层的方式分割内容。其他元素可能在页面不太可见的区域中重叠或最终出现,从而特别难以阅读,分组和处理信息。
做
使用实验布局,阅读内容不是主要目标。
使用不平衡的布局作为在结构良好和对齐的块之间的俏皮细节。
将分组的元素保持在附近,并且在不同的内容块之间具有明确的分隔。
只有当您拥有良好的对比度和足够大的排版时才使用重叠的元素。
别
不要在内容繁重的页面中使用实验布局。
当观众浏览内容的时间有限时,请勿使用不平衡的布局。
不要在页面上随机抛出元素。一些基本的对齐必须始终发生。
不要盲目地重叠元素。考虑对比和相关意义。
小细节
极简主义很受欢迎,仍然是。然而,我们目前正在转向更详细的布局。有一个原因最小的设计不能提供尽可能多的机会来欣赏和区分,作为更详细和复杂的作品。这几天非常重要的关注细节。
小细节的空间可以驱动眼睛,从小的像导航点到不起作用的浮动元素。飞行装饰图标,下划线,几何图形和碎片越来越受欢迎,因为它们可以为任何设计添加有趣的注释。它们可以作为平衡器,分隔符或指向内容的指针,如一些有用的注释。
危险
一些细节对于吸引用户的兴趣是非常有用的,但是它们可能会意外地与实际的,导航的和内容的竞争。太多的细节可能会压倒一切层层结构,令人困惑,而不是帮助用户浏览或扫描内容。没有任何目的的细节是数字噪音和毛刺。
小细节经常被用作装饰元素,旁边的图像或排版,有时与它们重叠。有时他们按照滚动或鼠标光标。结果,他们得到我们的注意,这可以是好和坏。我们需要注意这个功能,并相应地放置它们,而不会危及可读性。
做
使用一些细节来了解内容,确保可读性不受影响。
使用一些细节作为指针来引导注意或分离主要内容。
平衡少量细节与最小和干净的布局。
尝试添加上下文以使其与内容相关。
别
不要在内容繁重的页面中使用小细节。
避免随意的细节,没有目的,或不能帮助你传达你的故事。
尝试将功能细节与主用户导航区分开来。
把细节看作小小的细节,而不是设计的主要组成部分。
荣幸的提到
微小的排版
较小的排版看起来和感觉分级。它留下空间用于其他元素呼吸,并允许眼睛移动。使用较小的字体可以创造有趣的对比度,而不必争取空间。
另一方面,微小的排版可能会丢失在大块文本中,或者可能妨碍内容扫描和可读性。小心使用小字体 - 仅在短的段落。另外,避免使用小于13pt大小的排版。
实验导航
随着更多的设计师尝试创新,实验导航模式越来越受欢迎。不同的导航风格可以使小型,低内容网站更有趣,或者他们可以帮助用户以特定的方式导航。
如果实验导航模式的直观性足够直观,用户可以与他们进行交互,那么它们可以很有趣和有用。我们必须意识到,它们不适合每个设计或每个受众,我们测试其可用性至关重要。
动画
动画在UI设计中带来无限的可能性。他们可以获得非常有创意的变革和增强体验。动画可以在任何设计中添加一个额外的层,注意正确的地方。动画丰富了最少的布局,增强了故事讲述和用户互动。
过度使用动画可能导致重型网站和加载时间增加,从而测试用户的耐心。错误或不必要的动画也可能会混淆,扰乱或误导用户,因此明智地使用它们。
结论
在网站和产品的大海中,设计人员尝试通过遵循设计趋势来保持设计的新鲜度和相关性。但趋势可能是危险的,不应该是灵丹妙药。根据我们正在努力实现的内容,受众群体和目标,我们必须谨慎使用它们。
最后,最重要的是,为了看起来不错和现代,我们不应该牺牲用户体验。