UI-DNA插件是專門為adobe photoshop軟件打造的設(shè)計(jì)構(gòu)建插件工具，這款插件可以隨心隨意的處理設(shè)計(jì)對(duì)象，功能十分強(qiáng)大，需要的朋友歡迎來(lái)綠色資源網(wǎng)下載使用。

UI-DNA插件介紹

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

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

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

UI-DNA安裝說(shuō)明

1. 【手動(dòng)安裝】

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

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

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

Windows 通用 ：C:\Users\系統(tǒng)用戶名\AppData\Roaming\Adobe\CEP\extensions\

Windows 32 位：C:\Program Files\Common Files\Adobe\CEP\extensions\

Windows 64 位：C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\

MacOS：/Library/Application Support/Adobe/CEP/extensions/

2. 【半自動(dòng)安裝】

使用本目錄下的 "installer-安裝腳本.jsx" 來(lái)安裝

1. 啟動(dòng) PhotoShop，使用菜單中的“文件->腳本->瀏覽”功能，找到并運(yùn)行 "installer-安裝腳本.jsx" 文件。

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

2.【更新】

如果你以前安裝過(guò) nullice.UI-DNA 要更新新版本，請(qǐng)到以前版本的“擴(kuò)展插件目錄”刪除文件夾后再安裝，不用擔(dān)心配置會(huì)丟失，配置不存放在擴(kuò)展文件夾中。

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

3.【卸載】

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

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

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