资产的秩序之美
如果无法正常显示，请先停止浏览器的去广告插件。
1.
2. 01.
02.
03.
3. 01
4. /
/
Ant Design
5. /
40+
/
Ant Design
1000+
6.
7. 01.
02.
03.
8. /
/
…
9. 01.
02.
10. 02
11.
12.
13.
14.
15.
16.
17.
18. Ant Design Pro
19. Ant Design 4.0
20.
21. 决策者
执行者
22. 决策者
执行者
23.
24.
25.
26.
27. -
28.
29. 57
0
2
1
1
30. 35
35
AntD_bigfish_Appname 3 2019-12-23 14:07 AntD_bigfish_Appname 5 2019-12-23 14:07 AntD_bigfish_Appname 12 2019-12-23 14:07 …
AntD_bigfish_Appname 5 2019-12-23 14:07 …
AntD_bigfish_Appname 5 2019-12-23 14:07 …
AntD_bigfish_Appname 12 2019-12-23 14:07 AntD_bigfish_Appname 3 2019-12-23 14:07 AntD_bigfish_Appname 5 2019-12-23 14:07
1
2
…
3
4
5
50
10
/
31. 30
32. 01.
02.
03.
30
04.
33. 30
34.
35. 30
36. 30
37.
38.
39.
40. Don’t Worry
41. 69.1%
69.1%
69.1%
69.1%
69.1%
69.1%
69.1%
69.1%
69.1%
69.1%
35
1
2
3
4
5
50
10
/
42. ANT20343_2019_xdbgd
69.1%
69.1%
ANTD20343_2019_xdbgd
Tech UI
Tech UI
69.1%
ANTV20343_2019_xdbgd
69.1%
69.1%
ANTA43433_2019_4343d
Tech UI
Tech UI
69.1%
ANT20343_2019_xdbgd
69.1%
Tech UI
69.1%
69.1%
69.1%
35
1
2
3
4
5
50
10
/
43. ANT20343_2019_xdbgd Tech UI
ANTD20343_2019_xdbgd Tech UI
ANTV20343_2019_xdbgd Tech UI
ANTA43433_2019_4343d Tech UI
ANT20343_2019_xdbgd Tech UI
44.
45.
46.
47. Label
Body
Footer
48. Body
49.
50.
51.
52.
53. 9999
104px
54. 9999
104px
55. 9999
104px
216px
56. 9999
104px
216px
328px
57. 9999
104px
216px
328px
440px
58. 328px
440px
552px
59. 9999
XS
= Number Input “9999.00”
104px
S
= XS * 2 + Space
216px
M
= XS * 3 + Space
= XS + S + Space
328px
L
= XS * 4 + Space
= XS * 2 + S + Space
= S * 2 + Space
= XS + M + Space
440px
XL
= S+M+Space
= S * 2 + XS + Space
= S + XS * 3 + Space
= XS * 5 + Space
552px
60. 201911120804
2019-08-16
~
2019-12-12
~
40
61. 201911120804
2019-08-16
~
2019-12-12
~
62. 201911120804
2019-08-16
~
2019-12-12
63.
64. 03
65. 01.
02.
03.
66.
67.
68.
69. red
green
blue
6
86
6
99+
AntD_bigfish_Appname 3 2019-12-23 14:07 AntD_bigfish_Appname 5 2019-12-23 14:07 AntD_bigfish_Appname 12 2019-12-23 14:07 …
AntD_bigfish_Appname 5 2019-12-23 14:07 …
AntD_bigfish_Appname 5 2019-12-23 14:07 …
AntD_bigfish_Appname 12 2019-12-23 14:07
6
999+
0
AntD_bigfish_Appname 3 2019-12-23 14:07
AntD_bigfish_Appname 5 2019-12-23 14:07
35
1
2
86
6
3
4
5
50
10
99+
Line Collapse (12px)
0
AntD_bigfish_Appname 3 2019-12-23 14:07
…
AntD_bigfish_Appname 5 2019-12-23 14:07 AntD_bigfish_Appname 12 2019-12-23 14:07 …
AntD_bigfish_Appname 5 2019-12-23 14:07 …
AntD_bigfish_Appname 5 2019-12-23 14:07 …
AntD_bigfish_Appname 12 2019-12-23 14:07 AntD_bigfish_Appname 3 2019-12-23 14:07 AntD_bigfish_Appname 5 2019-12-23 14:07
Line Collapse (12px)
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
…
5 2019-12-23 14:07 AntD_bigfish_Appname 12 2019-12-23 14:07 …
AntD_bigfish_Appname 5 2019-12-23 14:07 …
AntD_bigfish_Appname 5 2019-12-23 14:07 …
AntD_bigfish_Appname 12 2019-12-23 14:07 AntD_bigfish_Appname 3 2019-12-23 14:07 AntD_bigfish_Appname 5 2019-12-23 14:07
1
2
3
4
5
50
10 /
35
1
2
AntD_bigfish_Appname 3 2019-12-23 14:07 10 /
…
AntD_bigfish_Appname 5 2019-12-23 14:07 AntD_bigfish_Appname 12 2019-12-23 14:07 …
AntD_bigfish_Appname 5 2019-12-23 14:07 …
AntD_bigfish_Appname 5 2019-12-23 14:07 …
AntD_bigfish_Appname 12 2019-12-23 14:07 AntD_bigfish_Appname 3 2019-12-23 14:07 AntD_bigfish_Appname 5 2019-12-23 14:07
Create a services site 2015-09-01
3
4
5
50
10
/
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
AntD_bigfish_Appname
35
/
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
2019-12-23 14:07
Default Collapse (12px)
Create a services site 2015-09-01
Create a services site 2015-09-01
3
999+
Default Collapse (12px)
Create a services site 2015-09-01
AntD_bigfish_Appname
…
Create a services site 2015-09-01
Create a services site 2015-09-01
Create a services site 2015-09-01
35
1
2
3
4
5
50
70. Ant Design 4.0
Animagic Studio
71. Ant Design 4.0
Gleb Kuznetsov
72. Ant Design 4.0
73. 3rd
蚂蚁金服体验科技大会，初衷是希望设计与技术能在碰撞中彼此融合，SEE
是 Seeking Experience and Engineering 的缩写，同时 SEE 也代表着
“看见”，希望技术能看见设计的价值，也希望设计能看见技术的力量，在
彼此看见中互相融合成长，一起让世界更美好。
语雀专栏 | https://www.yuque.com/seeconf
SEE Conf 官网 | https://seeconf.antfin.com/
参与知乎互动，赢下届门票 | https://www.zhihu.com/question/363807174
SEE Conf
74. 更多议题
体验科技与好的产品
玉伯（蚂蚁金服 体验技术部负责人）
Evolution: Serverless For Frontend -
探索下一代 Node 研发模式
让价值被发现：如何在 B 端产品做增长？
天猪（蚂蚁金服 高级前端专家、Egg.js 核心开发者） 覃一（蚂蚁金服 高级体验设计师）
瀚雅（蚂蚁金服 高级体验设计师）
云凤蝶可视化搭建的推导与实现 围绕应用生命周期的企业级产品设计策略
江木（蚂蚁金服 高级前端工程师、antd-mobile 核心开发者） 壹乐（蚂蚁金服 高级体验设计师）
“云”端的语雀 ——
用 JavaScript 全栈打造商业级应用 普惠金融体验设计创新思路：参与感对话设计
基于地域文化的设计创新
何人可（湖南大学设计艺术学院院长）
Ant Design 4.0：创造快乐工作
林外（蚂蚁金服 高级体验设计专家）
线丝（蚂蚁金服 高级创意设计师）
决策机构体验科技：数字驾驶舱
逸达（蚂蚁金服 前端技术专家）
可言（蚂蚁金服 高级产品经理）
十喜（蚂蚁金服 高级体验设计师）
姚维（蚂蚁金服 体验设计专家）
不四（蚂蚁金服 高级前端技术专家，语雀产品技术负责人）
蚂蚁金服 Web 3D 技术探索之路
JCD 思维如何驱动复杂系统设计
今辰（蚂蚁金服 体验设计专家）
烧鹅（蚂蚁金服 前端技术专家、Oasis 3D 引擎负责人）
精雕细琢，打造极致可视化体验 资产的秩序之美：
通过模式化的方法构建设计资产的内在一致性
逍为（蚂蚁金服 高级前端工程师、AntV 核心贡献者） 吾笙（蚂蚁金服 高级体验设计师）
使用 React 开发小程序 - Remax 蚂蚁海外本地化设计 解放图形化设计生产力 — HiTu
边柳（蚂蚁金服 高级前端工程师、Ant Design 核心贡献者） 竹摇（蚂蚁金服 高级体验设计专家） 线丝（蚂蚁金服 高级创意设计师）
智能可视化体系 AVA
步茗（蚂蚁金服 数据技术专家、AVA 负责人）
璆鸣（蚂蚁金服 前端技术专家、DataWizard 负责人）