如何在设计师和工程师之间“交朋友”？您如何让他们使用相同的数据主题而不牺牲生产率？如何在版本控制系统中存储设计。如果您对这些问题和我一样感兴趣，那么欢迎您的光临！

本文是“停止制作，让我们以自动化的方式完成布局”的直接延续，并且是我对自己感兴趣的问题进行研究的结果。

在第一部分中，我简要描述了布局本身及其自动化的问题。他还分享了有关该主题的研究成果。我讨论了自动布局的可控制性问题。

在本文中，我将更详细地介绍这个概念，并分享我的研究结果。

想玩点什么吗？这是概念证明。

可控性

我们在谈论哪种可控性？

我强调了两点：

1. 影响生成HTML代码的过程的能力。
2. 直接编辑结果，将在以后的生成中考虑。

, , HTML . , .

, .

HTML , . HTML .

. . , . , — - .

— HTML , HTML CSS.

, HTML , .

HTML , , , ? — , , .

2 .

, - , , Unity 3D, .

Unity, .

, — HTML , .

, , , , , , . .

, - Unreal Engine, WEB. ?

:

1. Drag&Drop ;
2. ;
3. - HTML , .

, .

, .

, api, , , , , , …

.

, , ?

HTML , - . — WebKit Blink, ().

-

. ( index.html), . .

3 :

1. , ;
2. ;
3. .

, .

3, , .

, , , .

, , , 2.

:

1. ;
2. , .

.

, .

?

, 2 , .

, Adobe Illustrator , , 2 * N . , .

, . .

— HTML .

. HTML :

1. ;
2. .

.

, , — , .

.

?

:

1. , ;
2. DOM ;
3. .

, DOM, .

:

1. DOM, .
2. , DOM.

.

DOM? , .

, , .

, , , , ( ).

, , … .

. 2 :

1. ;
2. .

, , .

, 2 :

1. , ;
2. , , .

Pagedraw .

, .

:

, . , .

, . . .

, , .

, , (-).

.

, .

1. , ;
2. ;
3. , ;
4. ;
5. ;
6. ;
7. HTML .
8. ""

, 2- , . .

, .

?

, "", . , , React, JSX + styled-components, .

, , twitter , , , — , " ".

如果有人希望提供帮助该怎么办，那就太好了。首先，需要使用可视化编辑器的帮助，该部分很重要，但没有针对性。或建议一个便于工作和自定义的模块。当然，吸引我的工作和问题也同样有用。

当然，看到建设性的批评和讨论，我将感到非常高兴。

大家平安！