UI DNA 设计构建工具 V0.0.18 免费版
- 软件分类： 图形图像
- 软件大小： 5.70 MB
- 软件语言： 简体中文
- 授权方式： 免费软件
- 运行环境： Win ALL
- 更新时间： 2023-06-17
闻道动图专家 V1.7 官方版 
Acme CAD ConVerter 2021正式版 
ZBrush V2022最新版 
录大咖 旗舰版 V3.0.8 - 软件介绍
- 下载地址
- 同类推荐
- 相关文章
UI-DNA设计构建工具是一款功能强大的ps设计构建插件，软件为用户提供了位置尺寸独立修改、自动计算、变量和表达式、色彩选择器、图层样式智能对象等多种强大的功能，其提供了一个简单易用的操作面板，用户可以在UI-DNA中快速编辑与设置位置、形状、文本等属性，有效的增强UI设计效率，有需要的用户赶紧到本站下载这款强大的工具吧！
UI-DNA软件功能
UI-DNA 是一个 Photoshop 的扩展插件，它为 Photoshop 带来了真正上的变量，让设计稿中组件的复用与修改变得更加便捷与灵活，此外还提供了一系列提高图形设计特别是 UI 设计效率的功能。
UI-DNA 属性是 UI-DNA 的核心功能，它提供了一个编辑图层属性的面板，修改其中属性能立即生效，与 Photoshop 原生面板一样。在此之上 UI-DNA 属性面板还提供了原生面板不具备的各种进阶功能。
一个功能齐全的操作面板
在一处使用 UI 设计需要的所有功能
增强 Photoshop 原生功能
可定制
解放设计生产力的快捷功能
Photoshop 没有却该有功能
长阴影与厚度层
文本与图片填充
自由的阵列排列
文本表格编辑
UI-DNA软件特色
长文本编辑框自动换行。
增加了3 种界面配色以适配 Photoshop 不同界面色彩方案。
变量列表色彩提醒。
预置变量：`$colorSamplerN`，指代第 N 个色彩取样器颜色。
文件内容同步替换”功能，可用变量替换文件（如 CSS ）中的内容。
“导出 PSD 信息”功能。
导出、载入 DNA数据功能。
变量列表”导出、导入相关菜单项。
变量列表”清空变量列表菜单项。
更完善的预置变量（Enhancer，由 $ 开头）支持
预置变量：`$parent`，指代父级图层组。
预置变量：`$pad`，指代当前图层组中最后一个图层。
图层位置的输入助手具备“贴靠左边”、“贴靠顶边” 。
图层位置的输入助手会使用预置变量 。
变量输入自动补全，对手动输入到赋值项的变量进行自动补全。
清理数据功能会清理掉变量输入自动补功能无用的条目。
UI-DNA使用教程
在设计中使用变量与表达式吧！
在 Photoshop 制作的组件复用一直很是问题，虽然有智能对象可以实现图层或图层组整体的复用，但是智能对象的编辑是脱离当前文档的，把图层和变成智能对象相当于丧失了编辑的便捷性，所以 Sketch 、 Affinity Designer 甚至 illustration 的 Symbol 一直是使用 Photoshop 的设计师羡慕的功能。
UI-DNA 并没有提供 Symbol 一样的功能，而是提供了对智能对象机制的补充（整体复用智能对象就足以），对于组件复用而言更加灵活，自由度更高的解决方案：变量
使用 UI-DNA 可以为几乎所有图层属性设置变量，这意味着你可以在各个图层间共享填充颜色、描边设置、文本、位置、高度、宽度、阴影、图层样式…..当你需要修改时，只要修改原型图层，所有使用变量的图层的相应属性都会被修改，这个变量应用到实际图层过程被称之为渲染。
不仅是变量，还可以把图层的属性设置为表达式，像是这样把图层宽度设置为某变量的一半再减 10：
表达式：A/2 -10
这意味着可以随心所欲的完成动态的布局，像是下图这样：
为了方便的输入， UI-DNA 还提供了会智能赋值的 @ 开头的对象变量，可以不为单个属性一一建立变量，单个属性会赋值成为对象变量的一部分，当引用时会根据目标属性来取相应的值。
比如可以把图层的宽度和高度都赋值到 @a ，当在另一个图层的高度属性引用 @a 时就会引用@a 里的高度值，在宽度属性中引用 @a 时就会引用 @a 里的宽度值。另外还可以用 @a.w 或@a.h 来明确要引用的值。
另外，在文本框中也是可以使用变量和表达式的：
把文本框的表达式属性勾选上，就可以在文本内容中用双花括号 {{ }} 包裹表达式，来把表达式或者变量转化成文本。这就像 Web 前端中 Angular、或者 vue 对 HTML 所做一样，还有像是 rgb() hsl() 这样的内置函数把颜色转化成不同的文本格式：
色彩1：{{cc1}}
色彩1：{{rgb(cc1)}}
宽度：{{@a.w}}
高度：{{@a.h}}
比例：{{@a.h/@a.w}}
阴影大小：{{@a.quickEffect.dropShadow.blur}}
这意味着可以在你可以在文档里做动态的标注，这样的标注可以使用 Photoshop 里各种各样的效果，比起脱离文档标注，可以更自由设计的外观。
除了文本内容，智能对象的内容（文件路径）也可以使用变量来指定，把路径设置为 > 开头就表示这个路径可以使用 {{ }} 来解析表达式 ：
{{style1}}/img.png
文档的图层效果和内容都已经可以用一系列变量来控制的了， 也就是说内容、布局、外观都可以分离了，这意味着可以把设计稿模板化，修改内容只需要修改变量，可以批量的替换内容、替换布局、替换颜色、字体、样式，可以把文字内容完全交给文案，或者从别的格式转换而来。
太复杂？还有简单粗暴的
变量与表达式很强大，但是可能对于很多人来说太复杂，没关系，UI-DNA 还提供了一系列不会改变工作流程的快捷功能，涵盖了图形设计的各个方面，由于太多了，这里选几个代表性的来介绍。
阵列与排列
创建阵列（或者说 N 宫格）是设计经常会用到的工作，当然排列也是。
UI-DNA 派生阵列也是就是根据一个图层创建多个排列好的副本，这和别的工具里 Grid 一样。
而 UI-DNA 的排列功能比别的工具更加灵活，它的排列功能不仅可以对任何图层使用，而会自动计算选中图层的间距，当你修改现有图层时这就非常方便了：
自动计算间距也意味着它可以把一键杂乱的图层变得规整：
除了按间距排列的阵列，还有按网格排列的阵列，具体这里就不多说了。
同类推荐
-
CorelDraw 2020 最新版
2020-07-20
立即下载 -
开贝设计 V1.8.7免费版
2022-03-02
立即下载 -
优动漫PAINT2022个人版
2022-05-14
立即下载 -
Image2Schematic V0.1.5 官方版
2022-11-03
立即下载 -
梦想CAD 官方版 V5.2
2022-12-01
立即下载 -
TPUCapture V2.5 官方版
2023-01-06
立即下载
相关文章
-
360驱动大师下载路径在哪儿？
2022-12-25 -
Visio如何绘制图形？Visio 2013绘制箭头的方法
2022-12-11 -
如何关闭广告推送？夸克浏览器App关闭推送的方法
2022-12-04 -
如何修复帝国时代 3 初始化失败？
2022-12-04 -
PowerDesigner如何导出数据字典？
2022-11-26 -
话题怎么关注？腾讯新闻App关注话题的方法
2022-11-26 -
SolidWorks模型怎么设置半径圆角？
2022-03-03 -
2345好压怎么加密？2345好压给压缩文件加密的方法
2021-11-02 -
CCleaner如何清理系统垃圾？
2021-10-12 -
Excel如何实现自动显示子菜单的下拉菜单
2020-06-02
-
1
下载AutoCAD 2020官方版
40118下载
-
2
下载SolidWorks 2020官方版
27551下载
-
3
下载SolidWorks 2022官方版
22157下载
-
4
下载CorelDraw 2020 最新版
21793下载
-
5
下载亿图图示 V11.0.0.851官方版
21586下载
-
6
下载Adobe Photoshop 2022简体中文版
19923下载
- 1 Artensoft Photo Mosaic Wizard 中文版 V2.0.140
- 2 Plotagraph 动图制作工具 V1.2.0
- 3 Nikon ViewNX 2 尼康照片查看软件 V2.8.3
- 4 3d Factory 三维立体动画制作工厂 V2.0.1
- 5 HCIP_GUI 图片压缩软件 V1.0
- 6 ToyCamera AnalogColor LOMO调色软件 V0.7.7.2
- 7 PhotoPad Image Editor 图像编辑器 V5.24
- 8 PhotoModularFX 图像编辑程序 V0.3.1102
- 9 SciDAVis 科学绘图软件 V1.23
- 10 NEF Codec 尼康图像解码器 V1.31.0