任远 可视化设计师具备的能力

34
可视化设计师具备的能力 03

Transcript of 任远 可视化设计师具备的能力

Page 1: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

Page 2: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

数据分析 交互设计 视觉设计 程序开发

Page 3: 任远 可视化设计师具备的能力

数据分析

统计学基础

数据格式

可视化设计师具备的能力03

Page 4: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

29、21、28、32、25

(29+21+28+32+25) / 5 = 27

平均数

原始数据:

平均数:

Page 5: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

23、29、32、23、21、33、25

21、23、23、25、29、32、33

中位数

原始数据:

排列后的数据:

Page 6: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

23、29、20、32、23、21、33、25

20、21、23、23、25、29、32、33

中位数

原始数据:

排列后的数据:

(23 + 2)/2 = 24

Page 7: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

23、29、32、23、21、33、25

21、23、23、25、29、32、33

众数

原始数据:

整理后的数据:

Page 8: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

23、29、25、32、23、21、33、25

21、23、23、25、25、29、32、33

众数

原始数据:

整理后的数据:

Page 9: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

红、黄、蓝、黄、红、绿、黄、蓝

红、红、黄、黄、黄、蓝、蓝、绿

众数

原始数据:

整理后的数据:

Page 10: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

23、29、41、32、23、21、33、25

极差、中程数

原始数据:

极差 = 最大值 - 最小值

41 - 21 = 10

(41 + 21) / 2 = 31

中程数 = (最大值 + 最小值) / 2

Page 11: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

29、21、28、32、25

(29+21+28+32+25) / 5 = 27

[(29-27)2+(21-27)2+(28-27)2+(32-27)2+(25-27)2] / 5 = 14

方差

方差:

原始数据:

平均数:

Page 12: 任远 可视化设计师具备的能力

数据分析

统计学基础

数据格式

可视化设计师具备的能力03

Page 13: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

柱状图

A

A

B

B

C

C

名字 数值

755085

Page 14: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

饼图

A

B

C A

B

C

名字 数值

45%35%20%

Page 15: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

折线图

A

B

A

B

名字 数值

4510

数值

2065

数值

8550

Page 16: 任远 可视化设计师具备的能力

AC

B

可视化设计师具备的能力03

散点图

x

y

A

B

名字 x

2050

y

1580

z

510

C 80 35 2

Page 17: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

A

B C

D E

树结构

父子级关系

Page 18: 任远 可视化设计师具备的能力

A

A

A

B

B

B

C

名字 父级

D

E

可视化设计师具备的能力03

A

B C

D E

Page 19: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

A

B C

F

DE

无向图

Page 20: 任远 可视化设计师具备的能力

A

=

=

=

A

=

=

B

节点 符号

B

C

C

B

C

E

E

=C D

=E F

节点

可视化设计师具备的能力03

A

B C

F

DE

Page 21: 任远 可视化设计师具备的能力

A

>

>

>

C

>

>

B

节点 符号

B

E

A

B

C

E

C

>D C

>F E

节点

可视化设计师具备的能力03

A

B C

F

DE

有向图

Page 22: 任远 可视化设计师具备的能力

多向图A

>

>

=

C

>

>

B

节点 符号

B

E

A

B

C

E

C

=D C

=F E

节点

可视化设计师具备的能力03

A

B C

F

DE

Page 23: 任远 可视化设计师具备的能力

加权重

A

=

=

=

C

=

=

B

节点 符号

B

E

A

B

C

E

C

=D C

=F E

节点

3

3 22

1

11

1

33

1

1

2

2

权重

可视化设计师具备的能力03

A

B C

F

DE

Page 24: 任远 可视化设计师具备的能力

加类别

A

=

=

=

C

=

=

B

节点 符号

B

E

A

B

C

E

C

=D C

=F E

节点

3

3 22

11

1

1

33

1

1

2

2

权重

M

M

N

M

M

M

N

N N

类别

可视化设计师具备的能力03A

B C

F

DE

Page 25: 任远 可视化设计师具备的能力

A

=

=

=

A

=

=

B

节点

B

C

C

B

C

E

E

=C D

=E

符号

F

节点

可视化设计师具备的能力03

AB C

F

DE

3

3

1

1

2

2节点权重

关系数据

A

=

=

=

B

=

=

C

节点

D

E

C

B

C

E

E

=F D

符号 节点

节点数据

Page 26: 任远 可视化设计师具备的能力

支持 反对 未表态

中东关系图改版

可视化设计师具备的能力03

Page 27: 任远 可视化设计师具备的能力

弧线的画法

可视化设计师具备的能力03

Page 28: 任远 可视化设计师具备的能力

表示方向的方法

可视化设计师具备的能力03

Page 29: 任远 可视化设计师具备的能力

表示方向的方法

可视化设计师具备的能力03

Page 30: 任远 可视化设计师具备的能力

表示方向的方法

可视化设计师具备的能力03

Page 31: 任远 可视化设计师具备的能力

交互设计可用性测试

可视化设计师具备的能力03

Page 32: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

观察法

访谈法问卷法

可用性测试:

1. 这是一个关于什么内容的数据图?2. 它的内容层次是什么?3. 哪些地方看不明白?4. 有哪几点比较吸引你?5. 有哪些概念比较难理解?6. 需要改进的地方有哪些?7. 其他补充问题?

Page 33: 任远 可视化设计师具备的能力

视觉设计设计分类

可视化设计师具备的能力03

Page 34: 任远 可视化设计师具备的能力

可视化设计师具备的能力03

为了传达设计——视觉传达设计

为了使用设计——产品设计

为了居住设计——环境设计

按设计目的分类:

可视分析

可视化展示