设计UI - Adobe xd对象介绍

原创已于 2023-03-10 08:18:31 修改 · 1.7w 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#ui #adobe #adobe xd

于 2023-03-09 23:56:31 首次发布

UI设计专栏收录该内容

4 篇文章

订阅专栏

该文详细介绍了如何使用矩形工具进行新建、调整大小、移动、旋转和修改圆角等操作，以及如何改变填充颜色、设置边界和阴影。同时，提到了圆形工具的使用，包括创建正圆形和变形，以及多边形工具和直线工具的运用，帮助用户掌握图形编辑基础。

矩形工具

新建矩形

操作步骤：选择矩形工具，快捷键R，鼠标在画板上拖出矩形即可。

拖动定界框周围圆形手柄，可快速调整矩形大小，也可以输入宽和高的参数对矩形大小进行改变。

移动矩形

操作步骤：选择选择工具，快捷键V，选中矩形，可任意改变位置。也可在侧边栏输入对应的坐标。

注意：按住shift键，矩形将沿相对于当前 x 轴和 y 轴的精确水平或垂直方向移动。

旋转矩形

操作步骤：选中矩形后，在定界框外出现选择图标，此时可以旋转矩形任意角度，也可以在侧边栏输入需要旋转的角度。

注意：在旋转的时候，按住shift键，旋转角度会以15°的倍数旋转。

修改圆角

操作步骤：选中矩形，在矩形框内向内拖动四周小黑点，可以快速改变圆角大小，按住alt键，可以单独修改某一个圆角大小。

也可以在侧边栏，输入数值修改圆角大小，同时支持矩形框四个角的圆角大小不同。

修改填充颜色

操作步骤：选中矩形，勾选填充，点击吸管工具，可以吸取屏幕上任意地方颜色填充，点击填充颜色可以添加纯色，线性渐变和径向渐变；

颜色输入方式可以选择Hex、HSB和RGB三种方式。

边界处理

操作步骤：选中矩形，在右侧边栏勾选边界，填充指定的颜色，也可改变边线大小，虚线以及虚线间隙;

阴影处理

操作步骤：选中矩形，在右侧边栏勾选阴影，填充指定的颜色，也可改变阴影位置及模糊度;

模糊效果

操作步骤：选中矩形，在右侧边栏勾选对象模糊，矩形框下边图层将变为模糊效果，可用于制作毛玻璃效果。

切换成对象模糊，则模糊的是矩形块本身相关参数可在侧边栏调整;

其它对象

圆形工具

新建圆形

操作步骤：选择椭圆工具，快捷键E，鼠标在画板上拖出圆形即可。

按住shift可保证拖出为正圆形，按住alt键，保持中点位置不变。

圆形变换

操作步骤：选择选择工具，快捷键V，双击圆形，出现锚点，可以用鼠标拖动锚点，可任意变换形状，点击线上空白地方可添加锚点。

也可以点击锚点，按del键删除锚点。

多边形工具

新建多边形

操作步骤：选择多边形工具，快捷键Y，鼠标在画板上拖出多边形即可。按住shift可拖出正多边形。

拖出后，在右侧边栏，可更改多边形边数，以及圆角大小。

直线工具

新建直线

操作步骤：选择直线工具，快捷键L，鼠标在画板上拖出直线即可。

如果在绘制直线的同时按住Shift键，则可以以固定的角度绘制直线；如果鼠标从左往右拖曳，则在水平方向绘制；

如果是上下拖曳，则绘制出一条垂直线；如果是往左上、右上、左下、右下等方向拖曳，则会以45° 角的方向绘制直线。