展开全部

主编推荐语

本书是学习数据可视化设计的重要参考以及全面培养和构建设计师全局设计体系的指导用书。

内容简介

本书将带你全面认识数据可视化设计,从简单的图表设计到炫酷的三维可视化大屏设计,都会通过实际案例进行详细介绍,其中还包括动效设计,以及如何让动效用不同方式落地。本书还详细介绍了B端产品和G端产品的设计原则,这可以让你更清晰地认识数据可视化领域的设计要点,另外书中分享的交互思维、产品思维案例,也会让你了解如何运用全局视角做UI设计。

目录

  • 版权信息
  • 内容简介
  • 推荐语
  • 前言
  • 第1章 认识数据可视化设计
  • 1.1 数据可视化设计的价值
  • 1.2 数据可视化设计的魅力
  • 1.2.1 文字排版
  • 1.2.2 表格展示
  • 1.2.3 图形呈现
  • 1.3 数据可视化设计应用场景
  • 1.3.1 平面设计
  • 1.3.2 后台产品和中台产品
  • 1.3.3 可视化大屏产品
  • 1.4 如何学习数据可视化设计
  • 1.4.1 数据可视化设计必备技能
  • 1.4.2 数据可视化设计四要素
  • 1.4.3 建立数据可视化设计学习体系
  • 第2章 图表设计
  • 2.1 图形分类
  • 2.1.1 随时间变化图形
  • 2.1.2 类别比较图形
  • 2.1.3 排名图形
  • 2.1.4 占比图形
  • 2.1.5 关联图形
  • 2.1.6 分布图形
  • 2.1.7 关系图形
  • 2.2 图形选用
  • 2.2.1 KPI图的妙用
  • 2.2.2 巧用真实数据选图形
  • 2.2.3 从突出价值数据选图形
  • 2.2.4 从可读性角度选图形
  • 2.2.5 3D图形的科学运用
  • 2.2.6 直方图与柱状图
  • 2.2.7 从对比性选图形
  • 2.3 图形设计
  • 2.3.1 图形视觉层级解析
  • 2.3.2 折线图的设计原则
  • 2.3.3 柱状图的黄金法则
  • 2.3.4 饼图的规范设计法则
  • 2.3.5 突出图形重要数据
  • 2.2.6 图形用色技巧
  • 2.3.7 图形添加说明的重要性
  • 2.3.8 标题成就图形
  • 2.3.9 简洁:少即是多
  • 2.3.10 图形的扩展性设计
  • 2.3.11 图形的营销手段
  • 2.4 表格设计
  • 2.4.1 表格排版奥秘
  • 2.4.2 表格字体运用
  • 2.4.3 表格与图形结合
  • 第3章 数据可视化产品设计
  • 3.1 可视化大屏设计流程
  • 3.1.1 设计流程详解
  • 3.1.2 需求调研
  • 3.1.3 数据分析
  • 3.1.4 产品设计
  • 3.1.5 可行性测试
  • 3.2 可视化大屏设计尺寸解析
  • 3.2.1 大屏的类别和成像原理
  • 3.2.2 大屏与电脑同比例
  • 3.2.3 大屏与电脑不同比例
  • 3.2.4 如何配置大屏电脑显示器
  • 3.2.5 大屏的分屏设计
  • 3.3 可视化大屏视觉设计
  • 3.3.1 大屏使用字号解析
  • 3.3.2 大屏设计布局解析
  • 3.3.3 定义设计风格主题
  • 3.3.4 情绪板设计方法
  • 3.4 可视化设计之美
  • 3.4.1 布局之美——平衡感
  • 3.4.2 布局之美——格式塔原则
  • 3.4.3 布局之美——黄金比例
  • 3.4.4 色彩之美——用色技巧
  • 3.4.5 色彩之美——认知配色
  • 3.4.6 色彩之美——视觉无障碍设计
  • 3.5 文案设计之美
  • 3.5.1 积极友好的文案设计
  • 3.5.2 从用户的需求和痛点出发设计文案
  • 3.5.3 如何用文案渲染产品调性
  • 3.5.4 拉近与用户距离的文案设计
  • 3.5.5 提高阅读效率的文案设计
  • 3.5.6 价值引导的文案设计
  • 3.5.7 文案表述的一致性
  • 3.5.8 文字排版规范
  • 3.5.9 文案标点使用规范
  • 3.5.10 英文使用规范
  • 3.5.11 特殊字体使用
  • 第4章 交互设计
  • 4.1 交互思维
  • 4.1.1 用户体验
  • 4.1.2 用户思维
  • 4.1.3 交互五要素
  • 4.1.4 5W1H分析法
  • 4.2 交互设计定律
  • 4.2.1 费茨定律
  • 4.2.2 席克定律
  • 4.2.3 泰斯勒定律
  • 4.2.4 米勒定律
  • 4.3 交互设计原则
  • 4.3.1 防错原则
  • 4.3.2 美即好用效应
  • 4.3.3 交互直接性原则
  • 4.3.4 嵌入式呈现
  • 4.3.5 用户心流
  • 4.4 可视化图表交互
  • 4.4.1 交互式图表
  • 4.4.2 简单可交互
  • 4.4.3 交互时突出重点
  • 4.4.4 移动端图表交互
  • 4.4.5 声音交互
  • 4.5 产品思维
  • 4.5.1 产品感
  • 4.5.2 B端产品设计原则
  • 4.5.3 G端产品设计原则
  • 第5章 动效设计
  • 5.1 动效设计价值
  • 5.2 动效设计分类
  • 5.2.1 视觉动效
  • 5.2.2 交互动效
  • 5.3 动效设计原则
  • 5.3.1 动效物理运动法则
  • 5.3.2 动效持续时长解析
  • 5.3.3 动效渲染产品调性
  • 5.3.4 简单动效与复杂动效
  • 5.3.5 大屏动效的表现与克制
  • 5.4 动效设计实战
  • 5.4.1 动效图标设计
  • 5.4.2 3D模型动效设计
  • 5.4.3 3D粒子动效设计
  • 5.4.4 动效营造科技感
  • 5.5 动效设计落地
  • 5.5.1 三大动图格式
  • 5.5.2 适用Web端的视频格式
  • 5.5.3 CSS序列帧精灵图动画
  • 5.5.4 Lottie——.json文件代码动画
  • 5.5.5 生成SVGA格式的动画
  • 5.5.6 导出CSS动画代码
  • 5.5.7 动效设计文档输出
  • 第6章 3D可视化设计
  • 6.1 3D可视化的设计工具
  • 6.1.1 3D效果设计利器——C4D和AE
  • 6.1.2 城市模型利器——Arc GIS
  • 6.1.3 城市模型利器——City Engine
  • 6.1.4 3D实时交互利器——Ventuz
  • 6.1.5 3D特效游戏引擎——U3D和UE4
  • 6.2 3D可视化设计实战
  • 6.2.1 可视化大屏透视效果设计
  • 6.2.2 3D动画元素设计落地
  • 6.2.3 可交互地球设计落地
  • 第7章 数据可视化设计工具、灵感、案例
  • 7.1 第三方数据可视化设计工具
  • 7.1.1 可视化组件库工具
  • 7.1.2 可视化大屏工具
  • 7.1.3 可视化地图工具
  • 7.2 数据可视化设计灵感
  • 7.2.1 可视化设计灵感网站
  • 7.2.2 可视化设计素材网站
  • 7.3 数据产品案例
  • 7.3.1 百度热搜大屏案例
  • 7.3.2 G端政务大屏案例
  • 7.3.3 B端数据产品案例
展开全部

评分及书评

3.8
6个评分
  • 用户头像
    给这本书评了
    4.0
    一个好的数据可视化设计工程师,也是一个好的产品经理

    简单来说,数据可视化就是用户与数据之间的一个媒介,先通过技术手段对数据进行采集、预处理、分析等,然后设计师通过视觉设计,把复杂抽象的数据展现出来,增加数据的易读性,带给用户良好的体验。在进行数据可视化时,有 3 点比较重要:1. 多看、多想、多思考如果一些数据可视化的方法,我们没有见过,我们也很难凭空自己想象出来。通常,数据可视化的方式有随时间变化的图形(折线图、柱状图、堆积柱状图、面积图,蜡烛图,瀑布图等),排名图形(有序条形图、有序柱状图、平行坐标图),分布图形(直方图、箱型图、小提琴图),关系图形(桑基图、和弦图、韦恩图)等。这些图在我们平时做报告,给用户进行展示时都很有用,可以进行组合使用 2. 一个好的数据设计师,也是一个好的产品经理在进行数据展示时,突出重要的数据、增加用户的可读性、从用户角度注意颜色的配比等等,都是从长期来看,可以留住客户的点。所以,能够洞察客户心理和需求的数据设计师,才是一个真正好的数据设计师。3. 数据可视化设计的心理学因素(1)费茨定律:设计按钮或者是需要着急交互的场景时,要用醒目和大的元素,不要让用户去仔细找(2)席克定律:当用户面临的选择变多时,决策时间会直线上升(3)泰勒斯定律:也称为复杂度守恒定律,要让用户极致简单,后端工程师的工作就会变得复杂,程序开发工作变得简单,用户体验就会变得复杂(4)米勒定律:在同一时间内,用户最多能记住的元素和关注到的元素是 7 ± 2,所以在设计下拉菜单时,不要超过 7 个元素在本书的最后,介绍了非常多的资源库网站,可以在我们进行数据设计时进行使用。

      转发
      评论
      用户头像
      给这本书评了
      4.0

      本书是给 UI 设计师看的如何进行数据可视化设计,尤其是大屏设计的指导书,介绍了常用图表、数据可视化设计的流程、原则与交互、动效、3D 可视化等设计方法。产品和技术也可以将其作为参考了解设计师进行数据可视化设计的过程。通过本书可以了解到,数据可视化是在普通视觉设计的基础上,增加了对图表的理解、把握与设计,普通人在做数据可视化设计工作时,也需要考虑图表展现的目的与美感,以实现更好的产品体验。

        转发
        评论
        用户头像
        给这本书评了
        3.0

        一本实战经验的总结。UI 设计师的使用手册。

          转发
          1

        出版方

        电子工业出版社

        电子工业出版社成立于1982年10月,是国务院独资、工信部直属的中央级科技与教育出版社,是专业的信息技术知识集成和服务提供商。经过三十多年的建设与发展,已成为一家以科技和教育出版、期刊、网络、行业支撑服务、数字出版、软件研发、软科学研究、职业培训和教育为核心业务的现代知识服务集团。出版物内容涵盖了电子信息技术的各个分支及工业技术、经济管理、科普与少儿、社科人文等领域,综合出版能力位居全国出版行业前列。