UI-DNA 是一个 Photoshop 的扩展插件,让设计稿中组件的复用与修改变得更加简单灵活,核心思想是把增强设计对设计对象的控制力,能更随心随意的处理设计对象,尤其是能在陈旧的 Photoshop 上提供更强大的属性编辑功能。
[UI-DNA由浅藏的宝藏开发]
前几代 Photoshop 在都对图形设计、和 UI 设计有许多针对性的增强,但是比起 Sketch 来,还是显得有很多不足,尤其 Sketch 各种插件也越来越丰富,而为 Photoshop 开发的的 UI 设计相关插件却很少,Photoshop 好像已经被 UI 设计界抛弃了….
不过 Photoshop 还是有许多 Sketch 无法替代的地方,比如位图相关功能、和更高的”自由度”,更重要的是 Photoshop 是 Windows 上唯一的选择。 所以我一直在考虑开发一款 Photoshop 的扩展用来增强 Photoshop 在 UI 设计方面的功能。这个工具的核心理念是”便捷操作”、”控制力”、”自动化”。
UI-DNA 所有功能集中在一个 Photoshop 面板中,UI-DNA 并没有提供 Symbol 一样的功能,而是提供了对智能对象机制的补充(整体复用智能对象就足以),对于组件复用而言更加灵活,自由度更高的解决方案:变量。
使用 UI-DNA 可以为几乎所有图层属性设置变量,这意味着你可以在各个图层间共享填充颜色、描边设置、文本、位置、高度、宽度、阴影、图层样式…..当你需要修改时,只要修改原型图层,所有使用变量的图层的相应属性都会被修改,这个变量应用到实际图层过程被称之为渲染。