设计UI - Adobe xd对象介绍
矩形工具
新建矩形
操作步骤:选择矩形工具,快捷键R,鼠标在画板上拖出矩形即可。
拖动定界框周围圆形手柄,可快速调整矩形大小,也可以输入宽和高的参数对矩形大小进行改变。
移动矩形
操作步骤:选择选择工具,快捷键V,选中矩形,可任意改变位置。也可在侧边栏输入对应的坐标。
注意:按住shift键,矩形将沿相对于当前 x 轴和 y 轴的精确水平或垂直方向移动。
旋转矩形
操作步骤:选中矩形后,在定界框外出现选择图标,此时可以旋转矩形任意角度,也可以在侧边栏输入需要旋转的角度。
注意:在旋转的时候,按住shift键,旋转角度会以15°的倍数旋转。
修改圆角
操作步骤:选中矩形,在矩形框内向内拖动四周小黑点,可以快速改变圆角大小,按住alt键,可以单独修改某一个圆角大小。
也可以在侧边栏,输入数值修改圆角大小,同时支持矩形框四个角的圆角大小不同。
修改填充颜色
操作步骤:选中矩形,勾选填充,点击吸管工具,可以吸取屏幕上任意地方颜色填充,点击填充颜色可以添加纯色,线性渐变和径向渐变;
颜色输入方式可以选择Hex、HSB和RGB三种方式。
边界处理
操作步骤:选中矩形,在右侧边栏勾选边界,填充指定的颜色,也可改变边线大小,虚线以及虚线间隙;
阴影处理
操作步骤:选中矩形,在右侧边栏勾选阴影,填充指定的颜色,也可改变阴影位置及模糊度;
模糊效果
操作步骤:选中矩形,在右侧边栏勾选对象模糊,矩形框下边图层将变为模糊效果,可用于制作毛玻璃效果。
切换成对象模糊,则模糊的是矩形块本身相关参数可在侧边栏调整;
其它对象
圆形工具
新建圆形
操作步骤:选择椭圆工具,快捷键E,鼠标在画板上拖出圆形即可。
按住shift可保证拖出为正圆形,按住alt键,保持中点位置不变。
圆形变换
操作步骤:选择选择工具,快捷键V,双击圆形,出现锚点,可以用鼠标拖动锚点,可任意变换形状,点击线上空白地方可添加锚点。
也可以点击锚点,按del键删除锚点。
多边形工具
新建多边形
操作步骤:选择多边形工具,快捷键Y,鼠标在画板上拖出多边形即可。按住shift可拖出正多边形。
拖出后,在右侧边栏,可更改多边形边数,以及圆角大小。
直线工具
新建直线
操作步骤:选择直线工具,快捷键L,鼠标在画板上拖出直线即可。
如果在绘制直线的同时按住Shift键,则可以以固定的角度绘制直线;如果鼠标从左往右拖曳,则在水平方向绘制;
如果是上下拖曳,则绘制出一条垂直线;如果是往左上、右上、左下、右下等方向拖曳,则会以45° 角的方向绘制直线。
往期 · 推荐
实时系统vxWorks - 任务(重要)
设计UI - Adobe xd画板及参考线
实时系统vxWorks - 在线调试
实时系统vxWorks - 虚拟机环境搭建
实时系统vxWorks - zynq7020移植vxWorks
设计UI - Adobe xd对象介绍相关推荐
- 设计UI - Adobe xd剪切蒙版
剪切蒙版 剪切蒙版是一个可以用其形状遮盖其他图稿的对象,因此使用剪切蒙版,您只能看到蒙版形状内的区域,从效果上来说,就是将图稿裁剪为蒙版的形状.简单来说就是通过组合,显示下方形状范围内上面图片的内容. ...
- 设计UI - Adobe xd文本和钢笔
文本 新建文本 操作步骤:点文本,选择文本工具,快捷键T,点击画板,在画板位置,输入对应的文本即可. 区域文本,点击文本工具,快捷键T,点击画板,在画板位置拖动鼠标,划出区域,然后输入对应的文本即可. ...
- 【设计】Adobe Xd 简明教程 对比 Sketch
写在前面 本人在学了一年半平面设计之后(苦于不会画画,只会用软件,没做出个啥东西来),转做的 iOS 开发,算是能写点新手教程,如果您是职业设计师,就别对这篇文章抱太大希望啦.如果你是不会做 UI 的 ...
- Adobe Xd快捷键(Win 10)-UI设计更便捷
Adobe Xd: 简要介绍: Adobe Xd是一款主要做UI设计的软件,刚刚兴起,有许多的插件可以使用,小巧便捷,由Adobe公司新推出的产品,有许多的优势,未来应该有不错的发展,目前window ...
- Sketch vs. Figma vs. adobe xd:哪个设计工具最适合初学者?
每个设计师都需要决定在未来的职业生涯中使用哪种设计工具. 如果您正在寻找您的完美设计工具或寻找替代品的过程中,看看这里为你唠叨的话. Sketch应用程序曾经是世界上最通用的设计应用程序之一. 直到两 ...
- Adobe XD 下载和安装教程
文章目录 Adobe XD 简介 Adobe XD 下载 Creative Cloud 下载与安装 Adobe XD 下载 Adobe XD 安装 Adobe XD 启动 Adobe XD 简介 Ad ...
- Adobe XD和Sketch,谁才是王者?
2017年,Adobe高调发布全新的界面+交互设计工具Adobe XD.彼时的Adobe在界面设计领域可谓是节节败退,曾经的明星产品Ai和PS虽然都针对性做了很多功能改进,依然收效甚微.如今3年过去 ...
- 如何在Adobe XD中创建酒店预订UI设计
在本教程中,您将学习如何在Adobe XD中创建酒店预订应用程序设计. 作为Adobe XD,我们不仅可以构建静态设计,还可以构建更多内容. 我们将构建一个交互式的动画原型. 首先,我们将介绍任何酒店 ...
- adobe xd_如何在Adobe XD中创建Finance App UI设计
adobe xd 在本教程中,您将学习如何在Adobe XD中创建财务应用程序设计,以及(更重要的是)如何轻松对其UI的各个部分进行动画处理. 您将在本Adobe XD教程中学到什么 如何在Adobe ...
最新文章
- 2020ICPC·小米 网络选拔赛第一场(D. Router Mesh)
- excel中自动统计计算方法
- 阿里云直播服务 sdk demo php
- Linux查看文件夹大小的相关命令
- vue中引入swiper
- OpenCV中BriefDescriptorExtractor
- python数据表_第1关:了解python数据表操作
- 关系数据库——并发控制
- C语言宏定义中UL的含义
- catia 二次开发:获得投影视图
- Android之底部菜单栏的实现
- Android Mvc 模式
- 【Python画图】不显示x、y坐标
- centos 安装Htseq_APPNode管理面板安装使用教材
- jdk几个好用的性能调优工具
- Monte Carlo Integration 蒙特卡罗方法求积分 附简单例题+代码
- Python爬虫之猫眼APP电影数据(十八)
- 从回合霸王到网游巨头 网易游戏十年史
- 传智播客最新教学视频,共享给你们了,有需要的戳进来~~~~
- 【AI TIME PhD】东北大学NLP实验室专场来啦!