ui-dna设计构建工具

ui-dna插件是photoshop的一款设计构建工具插件，它的页面简洁友好，功能强大，它的核心思想是增强设计对设计对象的控制力，可以随心随意的处理设计对象，感兴趣的朋友可以下载试试，是一款比较实用的设计插件。

基本简介

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

2.【更新】

如果你以前安装过 nullice.UI-DNA 要更新新版本，请到以前版本的“扩展插件目录”删除文件夹后再安装，不用担心配置会丢失，配置不存放在扩展文件夹中。

不可覆盖旧版本文件，这会导致扩展签名失效，使扩展无法载入。

3.【卸载】

1. 删除“扩展插件目录”中的文件夹 nullice.UI-DNA 文件夹 。

2. 删除存放用户数据的 %APPDATA%nullice.designEnzymeUI-DNA 文件夹。

(可在 UI-DNA 设置中找到详细位置)