1、数据可视化理解
大数据可视化是什么?
大量数据的宏观呈现,通过简单易观的图表或者其他图形效果,把复杂繁多的数据根据业务的维度一一呈现出来的过程叫做数据可视化。
数据可视化有哪些风格?
2、FUI风格介绍
2.1FUI风格定义
1.FUI一提到这个词首先想到就是漫威和 DC 科幻电影中主角的操作场景,
例如漫威电影中钢铁侠的操作界面:
FUI 中:“U”代表用户(User)“I”代表界面(Interface)“F”代表虚构的(Fiction)、未来的(Future)、幻想的(Fantasy)。
概括来说 FUI 就是:虚构的、未来的、幻想的用户界面。
“科幻界面”只是 FUI 中的分支,并不能完全解释 FUI 。
2.2FUI跟传统区别
色彩
a.背景
常以深色的背景来营造强烈空间感,让用户感觉自己处在一个三维的空间当中
如下图,我们能够感受到强烈的空间感,数据仪表盘处于一个具有纵深感的三维世界当中,视觉中心的数据显示器与背景形成了鲜明的对比。
b.配色简洁
在颜色的选择上,借鉴了军事设备中的配色准则,在残酷的战争中“快速、准确、直接”是最重要的,所以在军事设备上多以【单一的冷色调为主】,尽量【避免多种色彩】的使用,这样对于操作者而言更加简单。所以 FUI 的配色设计大多以冷色调为主,对比色通常作为辅助色用以反馈重要信息
如在 007系列电影中的界面都是使用对比色反馈重要信息,如下图中的坐标信息都使用了红色作为突出重要信息的设计手段。
当然也有大量使用同类色的情况,例如 Sid Meier 中的飞船状态页面,着重表示当前的飞船的状态,这样在发生异常的状况下可以立马发现。
c.对比强烈
FUI 中的配色对比强烈,首先因为背景多以深色为主,强烈的对比能够有效的拉开页面中的空间感。
总结
1、FUI界面具备的要素:“幻想”UI、空间感、扁平化、“异形”元素、配色简洁,对比强烈、军事风格
2、FUI界面如何营造出这种精细、严谨、高端的感觉:
• 线条感强,结构清晰,采用较多的线条、线框等几何图形元素;
• 排版布局工整规范,色彩搭配沉稳不花哨,内容复杂但有条理和秩序;
• 减少样式的花哨,文本和色彩的样式基本没有太多变化起伏,也没有特别突兀的大色块破坏和谐;
• 增加表现形式的多样:比如用更精细的图形代替简单的色块,比如用设计元素巧妙的填充了界面中不必要的留白,增加细节、保证风格完整性。