百当下载:绿色免费软件下载站! 软件分类|软件专题|安卓下载|资讯教程

您当前所在位置:首页 > 软件分类 > 图形图像 > 插件下载 > ui dna for ps插件下载(photoshop设计构建插件工具) v0.0.16官方中文版

ui dna for ps插件下载(photoshop设计构建插件工具)v0.0.16官方中文版

  • 软件大小:6.35MB
  • 软件语言:简体中文
  • 软件类型:国外软件
  • 软件授权:免费版
  • 更新时间:2017-06-12 16:57:40
  • 软件类别:插件下载
  • 软件官网:
  • 应用平台:xp/win7/win8/win10
软件星级

软件介绍其它版本相关专题相关文章网友评论下载地址

UI DNA 插件是一款实用的photoshop设计构建插件工具,此插件可以让大家在使用Photoshop变得更加便捷与灵活,提升了设计的效率,UI-DNA 属性UI-DNA 属性是 UI-DNA 的核心功能,它提供了一个编辑图层属性的面板,修改其中属性能立即生效,与 Photoshop 原生面板一样。在此之上 UI-DNA 属性面板还提供了原生面板不具备的各种进阶功能。

ui dna插件下载(photoshop设计构建插件工具)

ui dna插件特性

1.位置、尺寸独立修改当选中多个图层时 UI-DNA 对每个选中图层的位置和尺寸的修改都是独立的,而不是当做一个整体:

位置、尺寸独立修改

位置、尺寸独立修改

2.自动计算0.0.6 以下版本只能在有变量的情况下才会自动计算

在 UI-DNA 属性面板的输入框中可以输入数学公式,数学公式会被立即计算出结果:

自动计算输入框中的数学公式

自动计算输入框中的数学公式

不仅可以计算简单的加减乘除,甚至可以进行各种科学计算:

(100+1920)*1.72 //=3474; 可以使用括号来明确计算顺序

2017%2000 //=17; 取余数

5! //=12; 阶乘

2^10 + sqrt(100) //=1034; 次方与求根

abs(-30) + sign(-1) //=29; 绝对值与符号判断

round(0.6) + fix(0.6) //=1;四舍五入与丢弃小数位

exp(1/3*log(27)) //=3; 指数与对数

sin(30deg) + cos(60deg) //=31; 三角函数

max(1,10,100) + min(3,33,333) //=103; 取最大或最小

10>1?44:111 //=44; 三元表达式

在简单的修改图层属性时可能并不会用到这些高级的计算功能,但是在使用变量来进行动态的设计时。这些高级计算功能提供了无限的可能性。

数学公式中的符号必须使用英文的半角符号

3.所有属性可复制、粘贴UI-DNA 中所有属性都可以用文本来编辑、复制、粘贴,即使是色彩或者下拉列表选项:

变量

变量

变量

变量

4.使用变量与表达式UI-DNA 的属性值中可以使用变量,也可以把属性值赋值给变量:

变量

变量

有关变量与表达式的详细说明将在单独的章节来介绍。

属性选项卡不同类别属性的选项卡按钮左键点击时是互斥的,也就是在不同类别属性的选项卡中切换。如果要同时显示多个类别属性的选项卡,可以右键点击:

左键单选,右键多选

左键单选,右键多选

另外不是最常用的的属性被隐藏在“高级”选项里,需要时可以展开:

展开高级选项

展开高级选项

1.位置与尺寸

\

Photoshop 对图层位置与尺寸的修改除了实时形状图层可以在属性面板中修改以外只能用自由变换工具来修改,这对于需要精确控制位置、尺寸数值的 UI 设计来说并不方便。 相比之下 UI-DNA 的位置与尺寸属性提供了更实用的功能:

可以用精确数值修改任何图层的位置与尺寸。

多选图层时,每个图层的修改都是独立的,而非当做整体修改。如前文提到的。

可自动计算输入的数学公式。

支持的属性:

锚点这里的“锚点”与 Photoshop 自由变换工具的锚点的效果一致:

锚点

锚点

2.形状

\

UI-DNA 的形状可以支持几乎所有的形状属性,相比于 Photoshop UI-DNA 的形状属性:

色彩输入框直接使用 #Hex 格式的色彩代码。

强大的色彩选择器

虚线

虚线

虚线

UI-DNA 的虚线属性就是Photoshop 描边选项的虚线选项:

Photoshop 描边选项 虚线

Photoshop 描边选项 虚线

3.文本

\

目前文本属性的字体选择器还没完成(fonTags2),只能显示和输入字体标识名称(postscript name),需要用 Photoshop 自带的字体选择器来切换字体。

相比 Photoshop :

不用切换到文本工具就能修改文本图层内容

不用切换到文本工具修改文本图层内容

不用切换到文本工具修改文本图层内容

4.智能对象

智能对象

智能对象

UI-DNA 可以直接编辑智能对象的链接文件,并且改变链接的文件时会自动调整大小。

5.图层样式

图层样式

图层样式

UI-DNA 的图层样式选项卡目前提供了 CSS 风格的“图层阴影”的快捷属性,也就是并非通过阴影角度与距离而是用 X 、Y 轴偏移来控制阴影位置。你可以不用打开 Photoshop 自带的图层样式面板就可以添加和编辑图层的阴影。

而另一个“图层样式 - 全部”属性的作用则是为了实现用变量来共享图层样式:

把全部图层样式赋值到变量中

把全部图层样式赋值到变量中

色彩选择器UI-DNA 中可以使用 Photoshop 自带的拾色器,也可以使用 UI-DNA 的色彩选择器( Color Cylinder),UI-DNA 的色彩选择器。

使用 Photoshop 自带色彩选择器

UI-DNA安装教程

手动安装

1. 复制本目录下的 nullice.UI-DNA 文件夹到“扩展插件目录”

2. 重启 PhotoShop ,在 PhotoShop 顶部菜单栏: 窗口 > 扩展功能 > UI-DNA 找到并打开 UI-DNA

其中"扩展插件目录"在各系统下是(如果相关文件夹不存在,可自行新建文件夹):

Windows 通用 :C:\Users\系统用户名\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/

半自动安装

使用本目录下的 "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.designEnzyme\UI-DNA 文件夹。

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

ui-dna插件界面

UI-DNA 所有功能集中在一个 Photoshop 面板中,不同类别的功能被划分到了不同的子面板,每个子面板都可以通过点击右上角的按钮展开或者收起:

1. “选中图层”子面板“选中图层” 子面板可以显示当前选中的图层,UI-DNA 大都数功能的目标对象都是当前选中图层,确定当前选中的图层有哪些是很重要的。

“选中图层” 子面板默认是收起的,只能看到选中图层数和简略的图层名,你可以展开它,看到更多详细的信息,包括图层类型、图层 ID、图层名称、图层 item index,

“选中图层” 收起

“选中图层” 展开

图层选中相关功能除了显示图层选中信息, “选中图层”子面板还有另一个重要的功能,点击右侧的按钮,可以看到图层选中相关功能的菜单。 具体每项功能的使用,请见 图层选中相关功能

图层选中相关功能菜单

2. “快捷功能”子面板“快捷功能”子面板是集中了 UI-DNA 提供的直接一些设计中常用的功能,比如比例缩放、生成阵列、内容填充等。具体每项功能的使用,请见 快捷功能

快捷功能的“文本”、“形状”类的功能按钮要选中图层中有文本、形状类型的图层才会显示出来

3. “UI-DNA” 属性”子面板这是 UI-DNA 的核心功能,它可以显示并修改选中图层的属性,操作起来跟原生的面板一样,修改属性后可以立即反映到图层中去。

“UI-DNA 属性” 不同类别属性的选项卡按钮左键点击是互斥的,也就是在不同类别属性的选项卡中切换,如果要同时显示多个类别属性的选项卡,可以右键点击:

左键单选,右键多选

4. “操作” 子面板。

ara-title">

更新日志

更新记录0.0.162017/6/6

添加 3 种界面配色以适配 Photoshop 不同界面色彩方案。

修复 调试工具显示问题(设置-测试-监视)。

0.0.152017/5/11

添加 变量列表色彩提醒。

修复 空变量无法在变量列表编辑的 BUG。

修复 文档切换时变量列表没有切换的 BUG。

修复 使用色彩取样器($colorSampler)的属性不可赋值到变量的 BUG。

修复 某些对话框没有正常显示文本的 BUG。

ui dna插件截图

其他版本下载

相关文章

下载地址

  • ui dna for ps插件下载(photoshop设计构建插件工具)v0.0.16官方中文版

网友评论