Adobe Experience Design是UI / UX设计师的出色应用程序-除其他功能外,它还为您提供了设计和原型交互以及画板之间过渡的机会。这是我个人最喜欢的提示和技巧列表,可让您利用XD的潜力。

Adob​​e Comp中的样机

您可以使用适用于iOS和Android的Adobe Comp移动应用程序创建简单的模型和线框。优点是可以使用手指或手写笔进行快速直观的原型制作,并具有许多预定义的手势。在与客户的会议上创建线框也很容易。即使Adobe Comp不支持Adobe XD导出,您也可以导出到Illustrator,然后将其复制>粘贴到Adobe XD中以获得可编辑的矢量形状。

#2 —从Photoshop导入矢量

如果要在Photoshop和Adobe XD之间传输位图,只需在Photoshop中进行选择,然后选择Cmd + Shift + c(“复制合并”将复制在选择下可见的所有内容),然后在Adobe XD中进行Cmd + v。但是,也可以通过右键单击图层并选择“复制SVG”并粘贴到XD中,从Photoshop中导出矢量图层。

#3 — 10像素微移10像素网格

在Adobe XD中,可以使用Cmd +’快捷方式为画板启用网格。默认情况下,网格设置为8像素,因此使用Shift +左/右箭头微调不适合网格。单击Artboards的名称将其选中,然后将默认的8px值更改为10像素网格以匹配微调。将其设置为其他项目的默认值。

#4 —指导或不指导

到目前为止,还没有Adobe XD中的Photoshop中的此类指南,但是智能指南会在拖动时出现,并可以更好地定位元素。但是,有时这种默认行为可能会生成不需要的捕捉。只需在拖动时按Cmd即可暂时禁用智能向导。

#5 —营救的风格指南!

最好为样式指南创建一个单独的Artboard,在其中您将放置所有标识资产以及品牌颜色,版式,常用样式和控件(例如按钮,输入和常用图标)。

#6 —键入节奏和重复使用样式

对于垂直型节奏,可以使用gridlover.net。在Adobe XD中重新使用文本样式的工作方式如下:在下一个文本区域中选择要用作样式参考的文本区域,然后创建一个新样式,样式将继承。

#7 —字体大小

您可以通过拖动文本底部轮廓上的小椭圆形来增加和减小字体大小。文本字段必须是点类型的,这意味着必须通过单击鼠标(而不是拖动文本字段)来创建它。

#8 —文本子样式

每个文本字段都可以包含具有不同文本属性(例如颜色和粗细)的子样式。

#9 —在粘贴上创建文本区域

复制任何文本并将其直接粘贴到Adobe XD中,将自动创建文本字段。

#10 —用0重置行高

在尝试了字体的行高之后,您可能需要重置为默认值。无需猜测-只需在行高输入中输入0,它将重置。

#11 —微调颜色值

使用Shift +左/右箭头可操纵输入的值,例如alpha或color。

#12 — #HEX颜色值

在“颜色选择器”对话框中,使用十六进制值进行精确的颜色匹配。您可以输入一个字母/数字,例如。#f,获取#ffffff结果,或将2或3个字母/数字组合用于不同的结果。

#13 — XD中的简单图标

有时,使用默认的Adobe XD工具(例如形状和笔)以及对形状的布尔操作来绘制简单图标会更容易,更快捷。

#14 —将文本转换为形状

要将文本转换为形状并编辑每个字母的矢量点,请使用Cmd + 8快捷键。

#15 —图像复制和遮罩

您可以从Finder甚至从网站直接将图像拖放到Adobe XD canvas。另外,您可以将图像放置在任何形状上以填充它。在某些情况下,您可能希望遮盖图像的一部分。请记住,该蒙版是从最上面的图层应用的,并且是非破坏性的。

#16 —重复网格

使用“重复网格”选项(Ctrl + r)可将一组或一层相乘。然后水平或垂直扩展手柄以进行复印。您可以在两个副本之间徘徊时调整页边距。

#17 —非显而易见的重复网格

有时,您可以将“重复网格”选项用于创建图标之类的操作。请记住,您还可以在不透明形状上设置负边距以获得复杂的图案。

#18 —生成的文本

Adobe XD可以读取放在.txt中的以回车符分隔的文本。文件到文本字段中。将伪文本或实文本应用于重复网格项目时,效果最佳。

#19 —摆脱重复网格

有时,使用“重复网格”可能不一定是最佳选择。有时,您想使用网格来复制项目并通过按Cmd + Shift + g进行删除以将其删除。

#20 —符号覆盖

符号是Adobe XD中的可重用元素。您可以使用例如的许多实例。按钮,然后更改一个实例,所有其他实例将相应更新。最好在样式指南中使用符号。

#21-边界半径技巧

通过拖动形状角附近的小点来调整border-radius属性。按住Alt只能调整一个角的半径。

#22 —锁定与隐藏层

锁定层无法修改,但仍可以选择,如果您希望选择覆盖的层,则隐藏层可能会更好。临时隐藏图层以进行重组并在其下的图层上工作。

#23 —不透明度和数字

使用键盘上的数字调整不透明度。按下任何一个。5(代表50%),或4(代表7)(代表47%)。

#24 —重命名图层

双击图层名称将其重命名。按Tab进入下一层而不离开编辑模式。按Shift + Tab向上移动。

#25 —布尔运算路径

如果要在对形状进行一些布尔运算后对每个矢量点进行精确控制,请使用Cmd + 8对其进行扩展。

#26 —进入小组

Cmd +在组内单击某个图层可直接将其选中。

#27 —在设备上预览

安装免费的iOS应用并通过USB连接设备以即时预览工作。这是发现颜色或字体大小是否正确设置的最佳方法。

#28-创建有意义的过渡

在Adobe XD中,您既可以进行设计,也可以随后进行带有Artboards过渡的可单击原型。通过单击Ctrl + Tab在两种模式之间切换。

#29-使用UI套件

您可以从Adobe XD中的“文件”>“ UI工具包”菜单访问iOS,Material和Windows UI Kit。

#30 —共享原型和固定注释

您可以通过共享原型获得其他人的即时反馈-只需获取链接并将其发送给您的队友,或使用嵌入代码嵌入运球或Behance。接收链接的用户可以发表评论并将其固定在原型上的确切位置。

而已。希望您学到了一些有用的内容

xd使用技巧_Adobe XD —你不知道的30条提示和技巧!相关推荐

  1. s00devs_Devs @ Home –现场网络研讨会– CEST:4月30日13:00:Hibernate提示和技巧–解决常见问题的15条提示

    s00devs 我们正处于大流行之中,越来越多的开发人员正在孤立的环境中或在家中工作. 通过我们的网络研讨会系列Devs @ Home,我们希望通过将困在家里的开发人员与技术讲座(由专业人员为专业人员 ...

  2. 关闭切换大小写提示_你不知道的iOS 13提示和技巧

    iOS 13充满了我们过去几年一直在询问的新功能和变化.在黑暗的模式终于在这里,提醒应用程序要好得多,快捷键的应用程序现在有真正的自动化,Safari浏览器得到一个下载管理器和文件应用最后用外部存储工 ...

  3. sql 非主键每年自增_或许你不知道的 10 条 SQL 技巧

    上文我们简述了 SQL 的一些进阶技巧,一些朋友觉得不过瘾,我们继续来下篇,再送你 10 个技巧 一. 使用延迟查询优化 limit [offset], [rows] 经常出现类似以下的 SQL 语句 ...

  4. 轻量级3d模型查看器_Adobe XD+AI+DN完成智能手表逼真3D效果

    在为新产品创建界面时,二维只是设计过程的第一步.通过生成产品本身准确的可视化 3D 效果,考虑 UI 设计在现实世界中的效果也很重要.Adobe Dimension 是易于使用的 3D 场景设计工具, ...

  5. Apache的架构师们遵循的30条设计原则

    点击蓝色"程序猿DD"关注我 回复"资源"获取独家整理的学习资料! 来源:ImportSource 本文作者叫Srinath,是一位科学家,软件架构师,也是一名 ...

  6. 正大国际期货:国际期货中的八条看盘技巧!

    国际期货投资成为金融交易市场越来越受重视的投资品种,炒期货也并不再是什么新鲜词汇,跟炒股一样逐渐走进大众的视界,再加上期货是T+0多空双向交易,对比炒股T+1且只能做多不能空的交易机制而言,期货投资是 ...

  7. Apache架构师的30条设计原则!

    点击上方"方志朋",选择"设为星标" 做积极的人,而不是积极废人 作者:Srinath 来源:ImportSource 本文作者叫 Srinath,是一位科学家 ...

  8. Apache 架构师总结的 30 条架构原则

    本文作者叫 Srinath,是一位科学家,软件架构师,也是一名在分布式系统上工作的程序员.他是 Apache Axis2 项目的联合创始人,也是 Apache Software 基金会的成员.他是 W ...

  9. 我总结的30条架构原则

    本文作者叫Srinath,是一位科学家,软件架构师,也是一名在分布式系统上工作的程序员.他是Apache Axis2项目的联合创始人,也是Apache Software基金会的成员.他是WSO2流处理 ...

  10. CTO丢给我《技术Leader的30条军规》:照着做,做不好滚回去写代码!

    作者| Mr.K 来源| 技术领导力(ID:jishulingdaoli) 老K之前在电商独角兽公司担任过技术VP,带过几百人的技术团队,这几年下来,从我手下出去的Leader,有10几人都已经是各大 ...

最新文章

  1. audio标签控制音量_html中audio标签的使用
  2. 软件接口数据一致性机制
  3. Effective C++ --2 构造/析构/赋值运算
  4. C++中结构体、联合体、枚举的区别
  5. 两种常见挂载Jenkins slave节点的方法
  6. [面试题]事件循环经典面试题解析
  7. LeetCode 291. 单词规律 II(回溯)
  8. mouseup 左键_javascript中mouseup事件丢失的原因与解决办法
  9. 对在Qtopia中添加国际化支持一文补充
  10. 单极性非归零NRZ码、双极性非归零NRZ码、2ASK、2FSK、2PSK、2DPSK及MATLAB仿真
  11. python实现网页爬虫_python实现页面爬虫(selenium,pyppeteer)
  12. 修改游戏服务器ip,修改游戏 服务器ip地址
  13. 全自动反冲洗叠片过滤器
  14. Ensemble Learning(集成学习--AdaBoost,GBDT,Xgboost等)
  15. opencv图像处理学习(六十八)——肤色检测
  16. HFS安装PHP,Http-File-Server 一个好用的HFS模版,界面非常漂亮,功能也很齐全。 WEB(ASP,PHP,...) 238万源代码下载- www.pudn.com...
  17. 服务器监控1-Serveragent
  18. pandas常用方法
  19. CAN总线入门、LIN总线入门文档-蓝凑云下载。 LDFEditor下载 ISO-14229、15765、11898下载与阅读
  20. Android 四大天王-- 三个

热门文章

  1. hold命令matlab,Matlab中的命令hold on hold off
  2. antd4 TreeSelect树选择关闭虚拟滚动
  3. 详细步骤:pytorch pth转wts转tensorrt(自定义模型,不用parser)
  4. 2023校招美团笔试
  5. 基于C51实现测试人体反应速度
  6. scrapy框架-----豆瓣电影排行榜爬取
  7. 【100+ python基础入门-32】元组元素的增删改查操作方法总结
  8. 驾照-办理期满换驾驶证
  9. Mortal Kombat Tower - 每天一把CF - 20200919
  10. python2 之 DataFrame