images/default1.jpg

项目速度显著提高! Flutter官方宣布增加Adobe XD的支持!

Tuesday, May 19, 2020

Flutter作为近两年年来的新型APP开发语言, 其受欢迎程度甚至和React Native不相上下. 最近, Flutter发表了一篇振奋人心的文章, 那就是新增了对Adobe XD的支持. Sketch和Adobe XD 如果你涉足过设计领域, 那么一定知道两个设计工具, 分别是Sketch以及Adobe XD. 大多数互联网公司的设计稿输出, 都是靠它们来进行. 当然, Sketch有着一个比较致命的限制, 那就是目前并不支持Windows系统. 作为设计师, 你应该碰到过将设计稿交给开发人员后, 做出的效果差强人意. 即使开发人员保证了所有的位置、距离、长度均准确无误, 但是你却怎么看怎么别扭😥😥. 令人头大的position、px 作为前端开发人员, 你一定为这个问题头疼了无数次——布局! 没错, 你明明完全按照设计师给出的设计稿上标注的尺寸去做了, 但是效果就是不咋地! 要做出类似的效果, 你还要慢慢的调整! 累! 是时候解决双方的苦恼了 终于, 在2020年5月13日, Flutter官方宣布了Adobe XD对其的支持, 那么, 到底有何变化呢? 从Adobe XD导出Flutter代码 使用XD可以在几分钟内导出Flutter代码. 你可以导出单个图形, 也可以导出整张画板! 你不需要将设计稿转化为一个又一个的区块了! 直接微调就可以了! 减少浪费时间的布局调整 最让人头疼的就是数字了, 上面的生成代码, 同样会生成布局所需的各种数值! 原文译文 上面只列出了重点功能, 阿航给大家翻译了原文: Flutter的目标是为创意表达提供丰富的画布。借助iOS和Android上的硬件性能,对屏幕上渲染的每个像素的完全控制以及通过有状态的热重载进行快速迭代的能力,我们希望释放设计师和开发人员的潜力,建立不受人为技术边界限制的舒适体验. 去年在Flutter Interact活动上 ,我们将焦点放在使用Flutter进行探索和实验的创作者身上。我们听到了像Robert Felker 这样的数字艺术家的声音,他们使用Flutter通过生成算法构建空灵形式。我们介绍了gskinner之类的创意机构的工作 ,他们创建了一系列创新的短片来展示Flutter的潜力。我们还看到了Adobe的演示,该演示是Adobe XD插件 的早期原型,该插件 直接从其工具中导出Flutter代码。 (Flutter是用于创意表达的丰富画布:这是一种不受传统技术界限限制的美丽原生体验的工具包。(由Flutter制作的生成艺术品,由Robert Felker提供。)) 今天,我们很高兴与Adobe一起宣布他们的XD to Flutter插件<strong>现在可以作为</strong> 更广泛的公共测试的<strong>初步试用</strong> 。Adobe XD 是一个UI / UX设计和协作工具,可帮助团队为网站,应用程序,语音界面,游戏等创建和共享设计。XD 是Adobe同类领先的Creative Cloud的一部分 ,它使设计师可以将矢量艺术,文本,图像,微交互和动画转换为行为类似的工作软件产品的交互式原型。将设计导出到Flutter的能力进一步减少了创意与产品开发之间的等待时间,因为XD原型现在可以在数分钟内成为Flutter代码。Adobe XD支持Windows或macOS上的设计,并包括免费的入门计划 ,可助您启动并运行。
1 minute read