「设计日记兵器库」第58期:关于可视化设计的合集
「设计日记兵器库」第58期:关于可视化设计的合集
定义:
目录:
可视化色彩设计指南
目录
一、可视化色彩设计原则
二、如何建立可视化色板
1. 分类色板如何定义?
(4) 让分类色板更「美观」的配色建议
2. 连续色板怎么定义?
(1) 原有方法问题分析
(2) 基于CIELab的连续色板配色方法建议
3. 发散色板怎么定义?
(1) 基于CIELab的发散色板配色方法建议
4. 语义色板怎么定义?
8000 字深度长文!B端数据可视化设计指南(信息图表篇)
数据可视化的基本信息
1. 数据可视化的定义
2. 可视化发展简史
3. 为什么会使用数据可视化
4. 数据可视化的优势
5. 使用目标
6. 应用场景
设计师们的任务
1. 设计难点
2. 设计目标
案例制作
1. 明确性质
2. 定义模块优先级
3. 明确图表选择
4. 匹配图表 重构布局
5. 模块拆解
6. 组装自检
结语
如何做好数据可视化设计?这些必备原则一定要先看!
一、为什么使用数据可视化?
二、数据可视化图表类型
三、数据可视化的设计原则
四、将格式塔原理应用于数据可视化
可视化设计十要素-设备篇
LED屏幕
液晶拼接屏
大屏拼接处理器
视频矩阵处理器
液晶拼接屏的优势 - 拼接处理器预设场景
预设场景一
预设场景二:任意窗口布局
预设场景三:任意窗口漫游
预设场景四:任意窗口平移
预设场景五:任意窗口叠加
WEB端大屏
触摸屏
滑轨屏
虚拟沙盘
电脑直接投屏
使用场景:会议室,展厅等
硬件投屏本地运行
控制端操控大屏
多主机多信号投屏
不同比例投屏及解决方案
全篇知识点
可视化设计十要素-风格篇
常用风格
传统酷炫风格
HUD风格
FUI风格
如何培养出自己的可视化设计风格
风格解析
科技感的界面有哪些特征?
1.1 配色
1.2 背景
1.3 图形
1.4 动效
同展示条件下不同应用场景,会有怎样的差异?
三维的表现形式,是否真的跟科技感提升成正比?
面对段落文本列表需求时如何把页面做出科技感?
风格选择
1、根据场景-了解展示需求
2、根据含义-确立设计方向
3、根据需求-明确设计内容
风格应用
二维GIS(深浅)、卫星影像
矢量地图、省市区块
矢量地图模型、省市区块
三维模型、城市建模
知识图谱、数据中台等
总结
可视化设计十要素-字体篇
前言
整体架构
字体选择与字重
1、衬线体与无衬线体
衬线体
无衬线体
总结
2、中文字体
a、字体选择
b、注意事项
3、英文字体
a、字体选择
b、注意事项
4、数字字体
a、字体选择
b、注意事项
字号规范与应用
1、常规16:9屏
2、常规32:9屏
3、特殊尺寸屏
4、字号影响因素
字体优化与交接
1、优化字体
2、开发交接问题解析
a、开发采用默认字体去开发怎么办?
b、本地部署电脑没有字体该怎么办?
常用字体与推荐
1、可视化常用中文字体
2、可视化常用英文/数字字体
全篇总结
G端可视化中的适老化设计
前言
一、通用性和包容性设计
通用性设计
包容性设计
二、客户的困境-现状分析
年龄分布适老
生理机能下降
认知能力不足
三、设计的探索-客户心理
1、政府部门客户的特点
严谨务实原则
安全性原则
实用性原则
2、政府部门客户的需求
正文字要大
屏幕要看清
画面要酷炫
饱和度要高
逻辑要清晰
四、策略的应对-解决方案
1、解决方案:框架
2、解决方案:字体
中文字体
英文字体
字体大小
3、解决方案:颜色
颜色对比
对比度检测
颜色多样
4、解决方案:图形
5、解决方案:视距
6、解决方案:设备
五、规范的提炼-应用推广
六、未来的期许-设计使命
七、全篇总结
政务可视化设计经验-地图模块
前言
一、明确你要使用的地图
(一)选择好看还是选择合适?
(二)选择二维还是选择三维?
(三)选择浅色风格还是深色风格?
1.浅色风格
2.深色风格
二、地图的风格样式
(一)地图的组成
1.基础纹理层
2.行政区域层
3.高亮信息层
(二)地图风格推荐
1.倾斜摄影/卫星影像
2.省市区块
3.三维模型/城市建模
三、地图的制作
(一)制作思路:二维的图层叠加
1.准备卫星图和行政区域的素材
2.制作地图上的基础纹理层和行政区域层
3.按照数据显示需求制作高亮信息层
(二)制作思路:三维的模型介入
1.3D地图的获取和建模的流程
2.漫射贴图制作的思路
3.高度贴图的获取和处理思路
4.法线贴图的获取和处理思路
5.模型处理的碎碎念
(三)制作思路:高德地图赋能
四、总结
五、参考资料
城市可视化DEMO搭建经验分享
选择引擎。
怎么获得GIS数据?
处理GIS数据
建筑处理
区域块数据处理
GIS数据生成模型
模型二次处理
UNITY场景搭建
UI效果还原
dotween插件
GIS数据的获取经验(各种方式的利弊)
模型的UV调整 (不展UV的奇怪贴图方式)
unity 的 post processing 插件(强大的后期处理插件)
C#的入门(不是你想象的那么难)
场景中的流光效果
干货分享
阿里数据在知识图谱可视化中的设计探索
前言
图谱可视化的意义
图谱可视化设计流程
图谱可视化的设计探索及应用
场景一:数据探查
场景二:智能问答
场景三:风险监控
赋能行业的图谱可视化规范
小结
「设计日记兵器库」第5
8
期:
关于可视化设计的合集
本项目手册归
@我们的设计日记 星球所属
定义:
可视化
(Visualization)是利用计算机图形学和图像处理技术,将数据转换成图形或图像在
屏幕
上显示出来,并进行交互处理的。
目录:
可视化色彩设计指南
目录
一、可视化色彩设计原则
二、如何建立可视化色板
8000字深度长文!B端数据可视化设计指南(信息图标篇)
数据可视化的基本信息
设计师们的任务
案例制作
结语
如何做好数据可视化设计?这些必备原则一定要先看!
一、为什么使用数据可视化?
二、数据可视化图表类型
三、数据可视化的设计原则