18512519185 发表于 2020-9-28 15:44:35

大屏背景设计进阶



在大屏设计中,大屏背景的作用不容忽视。一个好的背景,不仅能增加大屏的层次感和趣味性,还能营造行业氛围,打造专属的行业气质,避免“撞脸”。因此大屏背景的设置,绝对是个技术活。
前两天,就有粉丝在后台留言,说自己刚入门大屏设计,每次都会为用什么大屏背景纠结半天,到现在还只会用纯色背景。
相信很多人刚入门大屏时,都遇到过他这种情况,要么不会选择合适的背景颜色,要么是只会用纯色背景。​
大师兄觉得,选择纯色背景并没有错,利用纯色保证界面的工整舒适是基本要求。但是,如果想追求更加酷炫有层次感的大屏背景,实现从青铜到王者的进阶,那你一定得学学下面这些大屏背景设置技巧。


纯色背景

在大屏设计中,深色系的纯色背景是出色的工具,也最为广泛使用。看看下面这5种颜色,眼熟吗?他们就是大屏背景色的5大“杠把子”,市面上80%的大屏设计,主色调基本上都围绕着这5种颜色展开。






一方面纯色背景设计门槛低,掌握色值自定义设置即可,简单直接又很少出错。

另一方面,对大屏设备而言,深色背景有着显著的视觉优势:

[*]紧张感强,让视觉更好地聚焦;
[*]可减少拼缝带来的不适感,观众在视觉上也不会觉得刺眼;
[*]显著提升其他视觉元素的表现力,更适宜于展示图片、数据图表,凸显流光、粒子等酷炫的效果。

在刚入门大屏设计时,如果担心出错,不妨放心地使用这些纯色背景。在W-Max中,你可以自定义设置背景颜色。





纹理背景
纹理是物体表面的外观和触感,如自然界的木纹、大理石纹等,但也有许多人造纹理,比如织布花纹、格纹、云纹等等。

通过添加合适的纹理,可以让画面层次更加丰富,效果更立体真实。同时,纹理也可以像色彩、线条等元素传递不同的情绪氛围和视觉效果,如格纹给人以工整、干净舒适的感觉,星云状纹理给人以深邃、科技、静谧的气息。

在W-Max提供的大屏模板中,设计师广泛使用纹理背景给大屏“打底”,以丰富画面的趣味性和设计感。简洁的几何图形很适合用作平铺的纹理,点状、方形、菱形都是常用的纹理,可以让画面表现出清新、活泼、欢快的气息。




方形格纹的运用

菱形格纹的运用


同时,一些自带底色的背景块,可以将用户的注意力吸引到重要的区域,一般用来做图表或标题的背景,一来可以实现图表板块之间的区分,让界面看起来更工整、清晰,二来能让图表信息显示更加清晰。




格纹背景块



在W-Max的大屏素材库中,提供非常丰富的背景元素,包括点纹、格纹、星云、阴影等,可自由搭配组合。




图片背景
图片背景相对于格纹背景更个性、自由,也更能凸显行业气质,但非常考验制作者的审美和设计能力。在选择背景图片时,尽量选择深色、素雅的背景图片,花哨的图片会遮挡后续的图表呈现。



如果你想设计更有场景感的大屏,不妨用行业生产场景当背景,就像下图一样,记得将图片做一定的处理,不要遮挡内容即可。




我们可以根据自己所在地行业,收藏一些符合行业气质的大屏背景图片。




3D场景

从图片背景再往上,就是高阶的3D场景运用了。3D场景并不是单纯的背景,而是与功能紧密结合的。通过3D模型,还原真实场景,真正让管理者看得见、看得清、看得懂。






欢迎登录万博DataVis,获取专业免费的大屏工具W-Maxhttp://www.wbdatavis.com


页: [1]
查看完整版本: 大屏背景设计进阶