设计师们也常常通过设计作品互相汲取灵感,而这也是促成设计圈内的各种设计趋势的形成。可能是厌倦了循规蹈矩,炎热的夏季让设计师们开始寻求更多独树一帜的设计手法,大胆的用色已经不能满足需求了,而网页的首图设计也不再拘泥于现代、正面的设计风格了。在接下来的9月份, 你可能会看到更多有趣的设计,而其中有许多设计作品可能会受到下面的3种设计趋势的影响。
1、彩虹色
说实话,彩虹色所毁掉的设计比起它所创造的好设计要多得多。这种局面很大程度上还是因为绝大多数设计师无法驾驭多种色彩,最终导致设计上的失误。绝大多数的优秀的设计当中,配色方案都会将色彩的数量控制在3~4种色彩这样的范畴以内,便于控制,也不会造成视觉污染。
不过,不能因为彩虹色造成过“设计灾难”就全盘否定了它在设计中的可能性。如果掌握了多种色彩的使用诀窍,彩虹色同样可以让设计足够优雅、简单。在过去的一个月当中,不少网站开始在网页设计项目中有意识地使用彩虹色。其中不仅有小型的设计项目,还有Github Universe Conference、Southwest Airlines 和 London Grammar’s Spotify channel 这样比较著名的网站。
有意思的地方在于,每个网站在使用彩虹色这样的事情上,都采用了不同的策略,拿出了多样的方案。
Github 的网站采用的是我们平常最常见的彩虹色“黑暗模式”:将不同的色彩赋予不同的文字、LOGO的不同部分上,甚至让幽灵按钮同时承载多种色彩。Github 的设计师在彩虹色的选取上非常用心,这些色彩虽然多样,但是足够微妙,在饱和度和明度的控制上都非常合理,并不会让人觉得有违和感,并且传递出多彩和乐观的情绪,是正确而合理的色彩搭配。
Southwest Airlines 对于彩虹色的使用方法与Github 截然不同,设计师将彩虹色填充到背景元素和文本元素当中,并没有作为视觉主体,而是将它们作为视觉装饰来使用。彩虹色在这个网页设计案例中,赋予整个页面以生命力,让视觉上更加令人愉悦。
London Grammar 在 Spotify 的这个页面设计也非常有趣,黑色的背景衬托之下,作为视觉主体的彩虹色气泡非常抓人眼球,而这个彩虹色气泡会随着背景音乐而变化,给人带来非常有趣的体验,对我而言,听着音乐我能看着这个彩虹气泡扭一整天。
2、更轻量级的网页首图
超大的网页首图和轮播式Banner 在网页设计圈中已经流行多年了,不过极简主义设计在近年来的流行,使得不少设计师开始寻求更加简约、轻量级的首图构造。
由于这样的设计数量上有明显的增长,我们发现了这一趋势的存在:设计师会采用白色或者浅色的页头,只使用标题搭配零星的装饰性元素,来营造一种相对简约的体验,创造出一种轻量级的设计体验。这样的设计手法看起来很有趣,不过有一些设计会让人觉得没有视觉焦点。
不过在用户看来,这样的设计相对而言更加独特,在大量的常规设计中,更容易脱颖而出。不过,这样的设计是否提供了足够的信息量,用来吸引用户持续地关注或者带来积极的响应,还有待验证。
这一设计趋势目前还处于早期阶段,不少设计师在使用它的时候,还在不断地增删元素探索更多可能性。设计师总想打破一两项规则,创造一些与众不同的东西,这一点你我都能理解。在项目中迭代设计,能够更加有效地验证想法。目前已有的设计案例可能不少还不够理想,但是在不久的未来,就能找到一套行之有效的完整设计方案。
3、黑暗系动画元素
这可能是最近最有趣的设计趋势了,将颜色深沉的、黑色调的动画融入到网页设计中来。从色彩上来说,黑暗的色调更容易营造出神秘的氛围,创造更强烈的形式感,吸引用户的好奇心探索下去。而动画的加入,则让整个页面更加具有独特的生命力。
这种黑暗色调的动画元素有着多样的玩法,它们可以以不同的元素呈现出来,可以承载多样的效果。下面的几个网站都采用了不同的黑暗系设计元素来完成设计,这些动画和黑暗系元素都能够轻松地吸引用户去点击。
虽然这些设计看起来很酷,但是并不是所有用户都会买单。而且,这样明显是经过深度定制的设计元素,在大屏幕上显示会很有冲击力,但是在移动端设备上显示就不一定有同样的效果了。
不过,设计趋势就是趋势,它所带来的独特的设计常常是有条件的,营造特定的情绪,或者创造独特的流行风尚,很难去要求这些趋势“无所不能”。
当然,还有一部分黑暗系的设计单纯是为了营造特定的视觉效果而存在。
如果你想在自己的网站中采用这样的设计,建议最好确保其中视觉元素的可识别性,也就是保持一定的对比度,确保用户可以辨别它们的存在。
虽然下面的几个案例并没有使用太多的色彩,但是在选择对比色的时候,最好选取白色以为其他的色彩,来作为强调。
另外,这一设计趋势当中,涉及到的动画效果,没有一个采用了复杂的动效,这确保了动画内容的直观、易于理解,而且让整个浏览体验足够顺畅,这也是让它成为趋势的关键性因素。
结语
这次所总结的三个趋势足够好玩,在接下来到来的开学季和更远一些的购物季,这些趋势应该会贡献不少好的设计。
【用户体验设计是个细致活儿】
- 《说句心里话,这5种常见的设计模式还是挺闹心的》
- 《漂亮还不够!让你APP的粘度更高的游戏化设计策略》
- 《想让设计更走心?你得学会用共情来驱动设计》
- 《原力与你同在!星球大战给我们的6个关于用户体验的启示》
原文地址:webdesignerdepot
原文作者:CARRIE COUSINS
优设译文:@陈子木
本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱:yuan@uisdc.com】
================明星栏目推荐================
优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI时代的设计师生存手册
已累计诞生 648 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓