ui-dna插件是photoshop的一款設(shè)計構(gòu)建工具插件，它的頁面簡潔友好，功能強大，它的核心思想是增強設(shè)計對設(shè)計對象的控制力，可以隨心隨意的處理設(shè)計對象，感興趣的朋友可以下載試試，是一款比較實用的設(shè)計插件。

基本簡介

UI-DNA 是一個 Photoshop 的擴展插件，讓設(shè)計稿中組件的復(fù)用與修改變得更加簡單靈活，核心思想是把增強設(shè)計對設(shè)計對象的控制力，能更隨心隨意的處理設(shè)計對象，尤其是能在陳舊的 Photoshop 上提供更強大的屬性編輯功能。

ui-dna官方版所有功能集中在一個 Photoshop 面板中，UI-DNA 并沒有提供 Symbol 一樣的功能，而是提供了對智能對象機制的補充(整體復(fù)用智能對象就足以)，對于組件復(fù)用而言更加靈活，自由度更高的解決方案：變量。

使用 UI-DNA 可以為幾乎所有圖層屬性設(shè)置變量，這意味著你可以在各個圖層間共享填充顏色、描邊設(shè)置、文本、位置、高度、寬度、陰影、圖層樣式…..當(dāng)你需要修改時，只要修改原型圖層，所有使用變量的圖層的相應(yīng)屬性都會被修改，這個變量應(yīng)用到實際圖層過程被稱之為渲染。

安裝方法

支持 Photoshop CC 2017

使用自動安裝包可以直接下載后運行自動安裝。

如果使用手動安裝包需要解壓后復(fù)制 nullice.UI-DNA 文件夾到 Photoshop 擴展目錄。

Photoshop 的擴展安裝是不是有些麻煩？一個用來獲取、安裝、更新、管理擴展的工具正在開發(fā)中，敬請期待。

使用方法

1. 【手動安裝】

1. 復(fù)制本目錄下的 nullice.UI-DNA 文件夾到“擴展插件目錄”

2. 重啟 PhotoShop ，在 PhotoShop 頂部菜單欄： 窗口 > 擴展功能 > UI-DNA 找到并打開 UI-DNA

其中"擴展插件目錄"在各系統(tǒng)下是(如果相關(guān)文件夾不存在，可自行新建文件夾)：

Windows 通用 ：C:Users系統(tǒng)用戶名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 要更新新版本，請到以前版本的“擴展插件目錄”刪除文件夾后再安裝，不用擔(dān)心配置會丟失，配置不存放在擴展文件夾中。

不可覆蓋舊版本文件，這會導(dǎo)致擴展簽名失效，使擴展無法載入。

3.【卸載】

1. 刪除“擴展插件目錄”中的文件夾 nullice.UI-DNA 文件夾 。

2. 刪除存放用戶數(shù)據(jù)的 %APPDATA%nullice.designEnzymeUI-DNA 文件夾。

(可在 UI-DNA 設(shè)置中找到詳細(xì)位置)