UI DNA是一款实用的PS插件,值得经常需要使用ps人群的使用,用户可以在UI-DNA中快速编辑与设置位置、形状、文本等属性,有效的增强UI设计效率,总体功能十分强大,能够大大提升用户的工作效率,感兴趣就快来下载使用吧!
软件特色
长文本编辑框自动换行。
增加了3 种界面配色以适配 Photoshop 不同界面色彩方案。
变量列表色彩提醒。
预置变量:`$colorSamplerN`,指代第 N 个色彩取样器颜色。
文件内容同步替换”功能,可用变量替换文件(如 CSS )中的内容。
“导出 PSD 信息”功能。
导出、载入 DNA数据功能。
变量列表”导出、导入相关菜单项。
变量列表”清空变量列表菜单项。
更完善的预置变量(Enhancer,由 $ 开头)支持
预置变量:`$parent`,指代父级图层组。
预置变量:`$pad`,指代当前图层组中最后一个图层。
图层位置的输入助手具备“贴靠左边”、“贴靠顶边” 。
图层位置的输入助手会使用预置变量 。
变量输入自动补全,对手动输入到赋值项的变量进行自动补全。
清理数据功能会清理掉变量输入自动补功能无用的条目。
软件功能
1、UI-DNA 是一个 Photoshop 的扩展插件,让设计稿中组件的复用与修改变得更加简单灵活,核心思想是把增强设计对设计对象的控制力,能更随心随意的处理设计对象,尤其是能在陈旧的 Photoshop 上提供更强大的属性编辑功能。
2、ui-dna官方版所有功能集中在一个 Photoshop 面板中,UI-DNA 并没有提供 Symbol 一样的功能,而是提供了对智能对象机制的补充(整体复用智能对象就足以),对于组件复用而言更加灵活,自由度更高的解决方案:变量。
3、使用 UI-DNA 可以为几乎所有图层属性设置变量,这意味着你可以在各个图层间共享填充颜色、描边设置、文本、位置、高度、宽度、阴影、图层样式…..当你需要修改时,只要修改原型图层,所有使用变量的图层的相应属性都会被修改,这个变量应用到实际图层过程被称之为渲染。
软件安装
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 设置中找到具体定位)
∨ 展开