Flutter - designer/developer 迭代流程的架构
Flutter - Architectures for designer/developer iteration process flow
我一直在努力为设计人员和开发人员交互找出一个好的 Flutter 流程工作流,以便迭代 desktop/mobile/web 应用程序设计。代码和设计之间没有像 Web 开发中那样清晰的界限。 (例如,开发人员会专注于 javascript 和一点点 html,而设计师会专注于 css 和 html。)
这里写了一些内容:how developers and designers can collaborate using flutter
但机制被排除在外。 (另外,一般的 Flutter 设计师似乎需要比以前的设计师更精通技术 git 技能。这是你的经验吗?)
虽然 AppTheme 小部件似乎可以很好地控制 color/fonts/styles,但其他设计方面更难实施。例如,如果您想将所有 div(在 html 中)/ Containers()(在 flutter 中)从方角更改为圆角,您可以设置 class 和在网络开发中全面应用它。在 flutter 中,我相信您必须访问代码中的每个 Container 并应用一个 BoxDecoration 小部件...如果将来有更改,请重复。
具体来说,您使用什么 design-dev processes/architectures 来促进开发人员和设计人员之间的设计迭代?
注意:此外,我看到有一些工具,如 Adobe XD 和 supernova.io 允许将设计导出到 flutter 代码,但这似乎是一次性的事情......并且不适合迭代。有人在他们的设计迭代中使用过这种方法吗?
在尝试了几种不同的方法之后,似乎不同程序的导出功能还不够完善,除了 "mockup method" 设计者基本上允许 flutter 程序员访问一些样机类型(axshare、adobeXD、zeplin 等)
但是,我确实在使用 sketch -> SuperNova 的导出方面取得了最大的成功,但这需要一个技术娴熟的设计师,他能够对所有组件(如按钮等)进行分类,并创建设计考虑到响应能力。否则导出将充满绝对定位,这使得 flutter 编码人员的工作变得困难,因为他们需要更正所有这些导出的小部件并使它们响应。
我一直在努力为设计人员和开发人员交互找出一个好的 Flutter 流程工作流,以便迭代 desktop/mobile/web 应用程序设计。代码和设计之间没有像 Web 开发中那样清晰的界限。 (例如,开发人员会专注于 javascript 和一点点 html,而设计师会专注于 css 和 html。)
这里写了一些内容:how developers and designers can collaborate using flutter 但机制被排除在外。 (另外,一般的 Flutter 设计师似乎需要比以前的设计师更精通技术 git 技能。这是你的经验吗?)
虽然 AppTheme 小部件似乎可以很好地控制 color/fonts/styles,但其他设计方面更难实施。例如,如果您想将所有 div(在 html 中)/ Containers()(在 flutter 中)从方角更改为圆角,您可以设置 class 和在网络开发中全面应用它。在 flutter 中,我相信您必须访问代码中的每个 Container 并应用一个 BoxDecoration 小部件...如果将来有更改,请重复。
具体来说,您使用什么 design-dev processes/architectures 来促进开发人员和设计人员之间的设计迭代?
注意:此外,我看到有一些工具,如 Adobe XD 和 supernova.io 允许将设计导出到 flutter 代码,但这似乎是一次性的事情......并且不适合迭代。有人在他们的设计迭代中使用过这种方法吗?
在尝试了几种不同的方法之后,似乎不同程序的导出功能还不够完善,除了 "mockup method" 设计者基本上允许 flutter 程序员访问一些样机类型(axshare、adobeXD、zeplin 等)
但是,我确实在使用 sketch -> SuperNova 的导出方面取得了最大的成功,但这需要一个技术娴熟的设计师,他能够对所有组件(如按钮等)进行分类,并创建设计考虑到响应能力。否则导出将充满绝对定位,这使得 flutter 编码人员的工作变得困难,因为他们需要更正所有这些导出的小部件并使它们响应。