首页 > 其他分享 >可视化大屏|如何理解“科技感”设计?

可视化大屏|如何理解“科技感”设计?

时间:2023-03-03 16:25:29浏览次数:33  
标签:动态效果 科技 理解 可视化 配色 大屏 设计

在做大屏项目时不难发现,“甲方爸爸”通常更喜欢“科技感”的设计,那在可视化大屏的制作过程中,什么样的设计才能称得上是科技感十足,并且兼顾酷炫的呢?本篇文章将从以下3个方面去阐述我所认为的“科技感”的设计:配色、背景以及动态效果。

 

1. 配色

提到“科技感”,95%的人一定会先想到“科技蓝”,这样的色系,在山海鲸中运用到的可不少,我列举几个:

 

但能够表现科技感的色彩,除了蓝色也是非常之多的,如:

 

 可见,配色虽然是塑造科技感界面的一个比较重要的因素,但并不是科技感的专有属性,任何一种颜色都是可以塑造科技感的——色彩的选择需要根据实际所运用到的场景的变化而变化。

 

2. 背景

什么样的背景才是一个科技感满满的可视化界面所具备的?大多以深色底为主,突出一种神秘感,同时可以和浅色的文字内容形成很好的对比。通常我们会用一些星空、银河或者闪光点线来衬托整个页面,来看看以下几个大屏的背景:

 

3. 动态效果

动态效果是最能体现科技感的因素,顾名思义,就是通过动态地演示组件、图表,从而展示界面或模型。来看看以下几个大屏的动态效果:

 

可以发现,科技感动效一般都伴随着闪烁动画,且动画的节奏也是比较偏快。在可视化大屏设计中,要想其变得“科技感”,通常需要伴随一定的点线装饰。而科技感不是为了科技而科技,应该根据用户的需求,将「科技」这个词结合自身产品属性,通过视觉表现的方式呈现出来,让用户产生共鸣。     Ps:需要数据可视化大屏模板可私我+VX

标签:动态效果,科技,理解,可视化,配色,大屏,设计
From: https://www.cnblogs.com/xzj3900/p/17176080.html

相关文章

  • 关于Javascript——Promise的一些理解
    Promise是一个构造函数,promise是通过Promise构造函数声明的对象。 promise对象用来“管理”一次异步任务。 通过newPromise()声明一个promise对象的时候需要传两个参......
  • 深入理解webpack的chunkId对线上缓存的思考(转载)
    转载自 https://juejin.cn/post/6844903924818771981#heading-6 作者:Kimm想必经常使用基于webpack打包工具的框架的同学们,无论是使用React还是Vue在性能优化上使用最......
  • JavaScript模块化理解-CommonJS、AMD、CMD、UMD、ES6
    参考:JavaScript模块化-CommonJS、AMD、CMD、UMD、ES6前端模块化——彻底搞懂AMD、CMD、ESM和CommonJS 在JS早期,使用script标签引入JS,会造成以下问题:加载的时候阻塞......
  • 最热的前端Web组态工具(可视化)
    最热的前端Web组态工具(可视化)数维图零代码可视化www.sovitjs.com​关注他 152人赞同了该文章现在系统可视化需求越来越大,本文整理几个目前最......
  • 什么是云数据库?小白快速理解
    云原生数据库:是指通过云平台进行构建、部署、交付和自动运维的数据库服务。该服务通过是已DBass(Databaseasaservice)的形态,将数据库架构和实现细节隐藏起来,采用多租户和......
  • 数字孪生监狱 构建智慧监所三维可视化综管系统
    建设背景监狱肩负着戒治管理、维持监所安全稳定等职责,目前全国有监管场所5500多个,监狱680多个。 近年来,司法部不断加大司法行政改革力度,持续推进“数字法治,智慧司法”......
  • php之Opcache深入理解
    PHP项目中,尤其是在高并发大流量的场景中,如何提升PHP的响应时间,是一项十分重要的工作。而Opcache又是优化PHP性能不可缺失的组件,尤其是应用了PHP框架的项目中,作用更是明显。......
  • 杭州出租车行驶轨迹数据空间时间可视化分析|附代码数据
    原文链接:http://tecdat.cn/?p=7324最近我们被客户要求撰写关于出租车的研究报告,包括一些图形和统计输出城市化带来的道路拥堵、出行耗时长等交通问题给交管部门带来了巨......
  • 机器学习: 可视化反卷积操作
    转置卷积操作的详细分解1.简介转置卷积是用于生成图像的,尽管它们已经存在了一段时间,并且得到了很好的解释——我仍然很难理解它们究竟是如何完成工作的。我分享的文章描......
  • 学习操作系统P4 理解并发程序执行 (Peterson算法、模型检验与软件自动化工具)
    啊 多一个线程,在状态机里也可以理解为多一个栈帧啊啊啊错误如下图所示啊啊  当只有一个人想上厕所时,只有一个旗子被举起来,因此举旗的人可以直接进厕所......