发两张最近设计的FUI可视化,现在这种大数据的界面非常火,在设计的时候有几点心得给大家分享一下
1.首先是颜色
颜色在大屏设计中包括背景色和组件色,考虑到大屏的使用场景一般在室内,所以白色的背景通常不适合,其一因为很刺眼,其二是无法和组件的颜色形成对比,视觉效果偏弱,因此在背景上建议采用深色背景.
在组件的颜色上,建议采用高明度和低饱和的颜色,这样整个组件才能和深色背景拉开距离.而在颜色的搭配上建议不要太花哨,即色系控制在3-4个即可,否则整个大屏的颜色会不和谐.
2.其次是布局
布局说简单点就是排版,就是怎样将信息合理地展示给用户.这里我们要用到“格式塔原理”.
格式塔原理—物体之间的相对距离会影响用户感知它们之间的关系。距离越是靠近的两个物体会被认为其之间更有关联性。
因此在信息处理上,建议大家先将信息进行归类,在这里可以采用低保真交互稿,也可以采用手稿,其目的就是能够很快地将信息进行区分(哪些信息是相近的,哪些是相似的),在这里有一点需要值得大家注意的是:大屏的可视化是为了把重要的,高层认为需要展示的信息进行展示,大屏不是后台系统,因此不需要面面俱到地展示所有信息.我们在处理实际问题时最好是跟相关负责人商量好,哪些信息是可以展示的,这样可以避免返工.
3.然后是交互
大屏的设计分为两种,一种是有交互的,即用户和屏之间有操作反馈,一种是无交互的.无交互的自然好说,有交互的大屏需要注意以下两点:
a.交互逻辑简单——降低产品的认知负荷,便于用户理解
b.根据场景设计交互——建议先思考用户在使用大屏进行操作的主要场景,包括谁在用,为什么在用,怎么用,在那里用,用完的结果是什么,这里可以参考辛向阳老师提出的交互五要素:
4.最后是动效
动效设计在大屏中也是大家很关心的一点,炫酷的动效可以让可视化大屏提升好几个档次,常用的动效工具包括AE、C4D等.但是有一点大家需要关注一下,就是所有的动效是为了更好地辅助信息展示,也就是说设计动效不是目的,让动效配合信息更容易让用户理解才是意义.否则就存在喧宾夺主之意.
还有一点就是建议大家在设计动效的时候跟开发的同学一起商量,因为有些动效很难在短时间开发出来,这就需要团队之间密切配合,保证在规定的时间内以最合理的方式将大屏落地,这才是最重要的.切不可我行我素,导致团队之间无法达成一致意见.
网友评论