查看: 9089|回复: 0

大屏背景设计进阶

[复制链接]

主题

帖子

0

积分

新手上路

Rank: 1

积分
0
发表于 2020-9-28 15:44:35 | 显示全部楼层 |阅读模式

QQ图片20210806124844.png

在大屏设计中,大屏背景的作用不容忽视。一个好的背景,不仅能增加大屏的层次感和趣味性,还能营造行业氛围,打造专属的行业气质,避免“撞脸”。因此大屏背景的设置,绝对是个技术活。

前两天,就有粉丝在后台留言,说自己刚入门大屏设计,每次都会为用什么大屏背景纠结半天,到现在还只会用纯色背景。

相信很多人刚入门大屏时,都遇到过他这种情况,要么不会选择合适的背景颜色,要么是只会用纯色背景。

大师兄觉得,选择纯色背景并没有错,利用纯色保证界面的工整舒适是基本要求。但是,如果想追求更加酷炫有层次感的大屏背景,实现从青铜到王者的进阶,那你一定得学学下面这些大屏背景设置技巧。


纯色背景


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


640.png

640 (1).png



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


另一方面,对大屏设备而言,深色背景有着显著的视觉优势:
  • 紧张感强,让视觉更好地聚焦;
  • 可减少拼缝带来的不适感,观众在视觉上也不会觉得刺眼;
  • 显著提升其他视觉元素的表现力,更适宜于展示图片、数据图表,凸显流光、粒子等酷炫的效果。

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

640 (1).gif




纹理背景

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

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

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

640 (3).gif



方形格纹的运用

640 (4).gif

菱形格纹的运用



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


640 (5).gif



格纹背景块




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

640 (7).gif



图片背景

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

640 (8).gif


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

640 (9).gif



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

640 (10).gif



3D场景


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

640 (11).gif





欢迎登录万博DataVis,获取专业免费的大屏工具W-Max



640 (12).gif
640.gif
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

热门推荐

机场智慧监控大屏如何帮助机场“日理万机”
机场智慧监控大屏如何帮助
W-Max大屏模板持续更新中! 这次,我们根据大家在后台的反馈和市场需求,新增了两类智
解决方案|万博DataVis助力打造“智慧金融城市之眼”(下)
解决方案|万博DataVis助
上篇文章重点介绍了万博思图智慧金融解决方案的应用模式、应用成果及特点优势,而这些
数说沙雕:为何沙雕文化如此令人着迷?
数说沙雕:为何沙雕文化如
来源 | 万博维思可视化“沙雕”一词已盛行多年,很多人从一开始的理解沙雕,逐渐成为
万博15年故事(2007-2022) | 第一个五年:一颗初心,无畏探...
万博15年故事(2007-2022
截至2022年10月1日,北京万博思图信息技术有限公司已经创立15年。在这15年中,万博思
万博思图解决方案,打造“智慧金融城市之眼”(上)
万博思图解决方案,打造“
1 概述 金融是现代经济的核心。当前,我国金融业发展成就斐然,金融成为资源配置和宏
蠢蠢欲动的打工人,这份求职攻略请收好
蠢蠢欲动的打工人,这份求
以上报告由万博维思产品W-Report制作,已经上线报告模板,欢迎试用,平台无代码,通
智慧交通|机场管理可视化平台——虚实相生,预见四型
智慧交通|机场管理可视化
随着数字孪生、物联网、大数据等数字技术与实体经济融合,在保障航班正常运营、提升旅
©2001-2018  Comsenz Inc.  Powered by©Discuz!   
快速回复 返回顶部 返回列表