ui-dna设计构建工具是一款非常专业的设计构建工具。这款工具可以帮助用户轻松快速的设计,增强对设计对象的控制力,可以为几乎所有图层属性设置变量。功能非常实用。
UI-DNA 是一个 Photoshop 的扩展插件,让设计稿中组件的复用与修改变得更加简单灵活,核心思想是把增强设计对设计对象的控制力,能更随心随意的处理设计对象,尤其是能在陈旧的 Photoshop 上提供更强大的属性编辑功能。
ui-dna官方版所有功能集中在一个 Photoshop 面板中,UI-DNA 并没有提供 Symbol 一样的功能,而是提供了对智能对象机制的补充(整体复用智能对象就足以),对于组件复用而言更加灵活,自由度更高的解决方案:变量。
使用 UI-DNA 可以为几乎所有图层属性设置变量,这意味着你可以在各个图层间共享填充颜色、描边设置、文本、位置、高度、宽度、阴影、图层样式…..当你需要修改时,只要修改原型图层,所有使用变量的图层的相应属性都会被修改,这个变量应用到实际图层过程被称之为渲染。
支持 Photoshop CC 2017
使用自动安装包可以直接下载后运行自动安装。
如果使用手动安装包需要解压后复制 nullice.UI-DNA 文件夹到 Photoshop 扩展目录。
Photoshop 的扩展安装是不是有些麻烦?一个用来获取、安装、更新、管理扩展的工具正在开发中,敬请期待。
1. 【手动安装】
1. 复制本目录下的 nullice.UI-DNA 文件夹到“扩展插件目录”
2. 重启 PhotoShop ,在 PhotoShop 顶部菜单栏: 窗口 > 扩展功能 > UI-DNA 找到并打开 UI-DNA
其中"扩展插件目录"在各系统下是(如果相关文件夹不存在,可自行新建文件夹):
Windows 通用 :C:Users系统用户名AppDataRoamingAdobeCEPextensions
Windows 32 位:C:Program FilesCommon FilesAdobeCEPextensions
Windows 64 位:C:Program Files (x86)Common FilesAdobeCEPextensions
MacOS:/Library/Application Support/Adobe/CEP/extensions/
2. 【半自动安装】
使用本目录下的 "installer-安装脚本.jsx" 来安装
1. 启动 PhotoShop,使用菜单中的“文件->脚本->浏览”功能,找到并运行 "installer-安装脚本.jsx" 文件。
2. 重启 PhotoShop ,在 PhotoShop 顶部菜单栏: 窗口 > 扩展功能 > UI-DNA 找到并打开 UI-DNA
3.【更新】
如果你以前安装过 nullice.UI-DNA 要更新新版本,请到以前版本的“扩展插件目录”删除文件夹后再安装,不用担心配置会丢失,配置不存放在扩展文件夹中。
不可覆盖旧版本文件,这会导致扩展签名失效,使扩展无法载入。
4.【卸载】
1. 删除“扩展插件目录”中的文件夹 nullice.UI-DNA 文件夹 。
2. 删除存放用户数据的 %APPDATA%nullice.designEnzymeUI-DNA 文件夹。
(可在 UI-DNA 设置中找到详细位置)