Flutter-设计人员/开发人员迭代流程的体系结构 [英] Flutter - Architectures for designer/developer iteration process flow
问题描述
我一直在试图为设计师和开发人员的互动找到一个好的Flutter流程工作流，以便迭代桌面/移动/Web应用程序设计.与Web开发人员一样，代码和设计之间没有清晰的界线.(例如，开发人员将专注于javascript和一些html，而设计人员将专注于css和html.)
I've been trying to figure out a good Flutter process workflow for designer and developer interactions in order to iterate desktop/mobile/web application design. There isn't a very clear line of demarcation between the code and the design as there is in web dev. (for example, the developer would be focused on javascript and a little html, while the designer would be focused on the css and html.)
Some of this has been written about here: how developers and designers can collaborate using flutter but the mechanics have been left out. (also, it seems like the average flutter designer needs to be more tech-savvy with git skills than designers of yore. Is this your experience?)
尽管使用AppTheme小部件似乎可以很好地控制颜色/字体/样式，但其他设计方面则很难制定.例如，如果您想将所有div的(在html中)/Containers()(在颤动中)从方角更改为圆角，则可以设置一个类并将其应用于Web开发中的各个方面.很快，我相信您必须访问代码中的每个Container并应用BoxDecoration小部件...，如果将来有更改，请重复.
While there does seem to be good control of color/fonts/styles with the AppTheme widget, other design aspects are more difficult to enact. For example, if you wanted to change all of the div's (in html) / Containers() (in flutter) from square corners to rounded, you could set a class and apply it across the board in web dev. In flutter, I believe you have to visit every Container in the code and apply a BoxDecoration widget... and repeat if there are changes in the future.
具体来说，您使用什么设计开发流程/体系结构来促进开发人员和设计师之间的设计迭代?
注意:此外，我已经看到有一些工具，例如Adobe XD和supernova.io，可以将设计导出到颤动代码，但是这似乎是一次性的事情，而且不适合借用.本身就可以很好地进行迭代.有人在设计迭代中使用过这种方法吗?
Note: Additionally, I've seen that there are some tools like Adobe XD, and supernova.io that allow for design exporting to flutter code, however that seems like a one-time thing... and doesn't lend itself to well to iteration. Has anyone used this method in their design iterations?
推荐答案
在尝试了几种不同的方法之后，似乎除了"mockup方法"之外，其他程序的导出功能还远远不够.在这里，设计人员基本上可以让浮动的程序员访问某种模型(axshare，adobeXD，zeplin等)
After experimenting with a couple of different methods, it seems like the export features of different programs aren't far along enough to allow anything but the "mockup method" where the designer basically gives the flutter programmer access to some kind of mockup (axshare, adobeXD, zeplin, etc.)
但是，我的确在使用Sketch-> SuperNova进行导出方面取得了最大的成功，但这需要一位精通技术的设计师，他能够对所有组件(例如按钮等)进行分类，并以响应速度创建设计心里.否则，导出文件将被绝对位置填充，这会使颤动的编码人员难以完成工作，因为他们需要更正所有导出的窗口小部件并使其具有响应能力.
HOWEVER, I did have the most success with exports using sketch -> SuperNova, but this required a tech-saavy designer that was able to probably classify all of the components such as buttons, etc, as well as create designs with responsiveness in mind. Otherwise the export is filled with absolute positioning, which makes the flutter coders job difficult since they need to correct all of those exported widgets and make them responsive.
这篇关于Flutter-设计人员/开发人员迭代流程的体系结构的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
