2017年最糟糕的设计趋势
一本书单看它的排版我们是无法知道它好坏的,但一个网站的设计却可以看出它水准,而且在设计过程中,存在的可能性越多,需要进行的思考就越多。越来越多的网站设计趋向于极简主义,色彩搭配是亮色系,这样的设计网站一定会好吗?
设计一个视觉体验舒服的网站:不要跟随大流。
网站一定要亮色系设计?
现在设计特别流行亮色系,它可以最快的吸引人的眼球,甚至让用户感受到兴奋。
1、亮色系设计危害
a、会伤害眼睛。当眼睛感到疼痛时,就会自动闭上或者转移视线,然而我们又希望实现停留在此,于是就会使用闪烁的色块来维持视线的停留。
b、靠近亮色区域的文字会让阅读成为一件烦躁的事情,因为亮色会反射出更多的光,让人难以阅读。
2、如何正确使用亮色系
用大块的暗色或中性色来调和,避免用亮色在大的表面或作为背景;亮色出现在细节当中,用来引导和吸引读者的注意力, 避免在同一页面中用大量的亮色。亮色作装饰的元素;不要将亮色靠近文字区域。亮色来强调内容或增加互动不要将亮色靠近文字区域;不要用亮色在小的有含义的模块,例如图标或者导航按钮。
注重小细节?
极简主义很受欢迎。然而,我们目前正在转向更详细的布局方式。其中的一个原因是最小化的设计不能完全用来欣赏和区分更详细和复杂的元素。从小的像导航点到不起作用的浮动元素,小细节的空间可以引导注意力。浮动的装饰图标,下划线,几何图形和碎片越来越受欢迎,因为它们可以为任何设计添加有趣的注释。它们可以作为平衡器,分隔符或指向内容的指针,做一些有用的注释。
1、小细节的危害
a、一些细节对于吸引用户的兴趣是非常有用的,但是它们可能会意外地与实际的,导航和内容相冲突。太多的细节可能会压倒一切结构,令人困惑,而不是帮助用户浏览内容。没有任何目的的细节只会让内容更加的冗杂繁乱。
b、小细节经常被用作装饰元素,修饰在图像或字体排版旁边,有时与它们重叠。有时他们随着滚动或鼠标光标移动。这就会导致,这些细节成为了视野里的主角,我们需要慎重用这个功能,并适当地布置细节,避免影响可读性。
2、如何正确使用小细节
不在繁重的页面中用小细节;避免随意的细节,避免没有目的,或不能帮助你传达你的故事的细节;将功能细节与主用户导航区分开来。把细节看作辅助成分,而不是设计的主要组成部分。
特别流行的小字体设计?
小字号的字体排版让人看上去层次感很强,留下的空白给用户清爽的感觉,便于视线的移动。较小的字体可以创造有趣的对比度,而不必占用一定的空间布局。
小字体的危害
小字体的排版可能会让用户迷失在大量的文本当中,或者可能妨碍内容的可读性。所以请尽量在短小的段落中使用小的字体。
如何正确使用小字体
一句话:避免使用小于13pt字体大小的排版。
实验性的导航?
随着更多的设计师尝试创新,实验导航模式越来越受欢迎。不同的导航风格可以使小型,低内容网站更有趣,或者他们可以帮助用户以特定的方式导航。如果实验导航模式的直观性足够直观,用户可以与他们进行交互,那么它们可以很有趣和有用。但是请注意,要在真正地将其投入到使用前,要衡量设计的可用性。
动画在UI设计中带来无限的可能性。它们可以创造出非常有创意的变革和增强性体验。动画可以在任何设计中添加一个额外的层次。动画丰富了布局,增强了故事讲述和用户互动。
过渡使用动画的危害
过度使用动画可能导致网站的加载时间增加,这无疑考验了用户的耐心。错误或不必要的动画也可能会混淆,扰乱或误导用户,因此我们要正确地使用它们。
如何正确使用动画
动效提醒,信息呈现、折叠式的表单和菜单、滚动动效一定不可以乱用。交互开始的时候,连续的影片式的动效是这个整个交互的关键所在。
设计趋势来保持设计的新鲜度和相关性,根据我们的网站内容和用户群体来决定如何设计网站风格,别为了好看忽略了网站最初的用户群体
精选课程
共鸣设计——科学与审美的交汇,以Xiaomi SU7设计为例
李田原
小米汽车 设计总监
设计论文写作:如何将实践案例转换为可发表的文本
2024产品设计专业系统化能力提升课程
2024体验设计专业系统化能力提升课程
玩转行为设计 高效提升产品业绩(中文字幕)
Joris Groen
Buyerminds 联合创始人,创意总监