设计UI - Adobe xd画板及参考线

news2024/9/29 19:25:19

画板

新建画板

a. 使用预设画板大小或创建自定义画板。

操作步骤:打开xd软件,点击需要建立的画板模版,没有则选择自定义大小。

bbe9430b6104ce992056ee13dc444578.gif

b. 使用画板工具创建其它画板。

操作步骤:选中画板工具,选择需要建立的画板模版,没有则拖动鼠标建立画板,然后输入宽度和高度即可。

d132fc27940be1a47b6ef0c3a7f68e68.gif

管理画板

a. 重命名画板。

操作步骤:双击画板名,输入需要修改的名字即可。

69641576e8a896bf3f3458698b806d56.gif

b. 调整画板大小。

操作步骤:选中画板,拖动画板边缘上显示的圆形手柄。

5bb08dc285dc6bf4f8b62dcb83e32a0c.gif

c. 复制画板。

操作步骤:选中画板,按快捷键Ctrl+D或者按住Alt键,拖动画板。

4321f2dffddd5b478d19b59f6dd6bf97.gif

d. 画板对齐与分布。

操作步骤:选中要对齐的画板,然后点击对齐工具进行对齐,选择分布工具进行等间距分布。

06199f56437f2418c018bed562506556.gif

应用布局或者方形网格

a. 布局网格。

操作步骤:选中画板,勾选版面,设置列宽,间距,以及上下左右边距等参数,也可以设置布局网格颜色及透明度。

00c1e2122b0f619c9ebf91d77fe1b825.gif

b. 方形网格。

操作步骤:选中画板,在网格中选择方形,并修改参数改变方格大小。

a6dfafab296f11850cad4c124f79961d.gif

c. 显示和隐藏方形网格或布局网格。

操作步骤:选择画板,右键选择显示或隐藏布局网格,快捷键shift+ctrl+’用于显示或隐藏布局网格。

右键选择显示或隐藏方形网格,快捷键ctrl+’,用于显示或隐藏方形网格。

aa1c05c7cf8b5de682b0719dc3607b85.gif

参考线

新建及删除参考线

a. 创建参考线。

操作步骤:创建垂直参考线,将指针悬停在画板的左边框上,直到显示  图标为止。单击并按住此图标,然后将其拖到所需位置。

创建水平参考线,将鼠标悬停在画板的顶部边框上,直到显示  图标为止。拖放到所需位置。

72dbb7a110b70eaae25bdb573595f5ce.gif

b. 删除参考线。

操作步骤:删除单根参考线,选中参考线,将其拖出画板即可。

删除所有参考线,右键画板->参考线->清除参考线。

35fe714742aa10feb4960fd934a4e7bb.gif

复制参考线

操作步骤:选择要复制参考线的画板,右键->参考线->复制参考线;

选择要粘贴参考线的画板,右键->参考线->粘贴参考线。

a5f132b2c326552f5bd408daa4d2a8f8.gif

隐藏和锁定参考线

操作步骤:选中画板,右键画板->参考线->锁定所有参考线。快捷键:shift+ctrl+;

选中画板,右键画板->参考线->隐藏所有参考线。快捷键:ctrl+;

0cd6d2297b3bcd7d2bc1d3ef9b5d1d8d.gif

往期 · 推荐

实时系统vxWorks - 任务(重要)

实时系统vxWorks - 加载应用程序的方法

实时系统vxWorks - 在线调试

实时系统vxWorks - 虚拟机环境搭建

实时系统vxWorks - zynq7020移植vxWorks

d91c263ccfc95b4d457a7546353da37f.png

02bfd54ece8f01ddcab05f5b2ba0b981.jpeg

别忘了答应自己的事

别忘了答应自己要的远方

无论有多难,无论有多远

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/398693.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

STM32启动模式讲解与ICP下载电路

一、官方提供的启动模式说明硬件BOOT引脚接法表格从表格可以看出有三种启动模式,然后对应这不同的存储器启动,那我们现在疑问为啥有三种不能只有一种就好,还有存储器启动区域怎么区分,有些乱,带着这些疑问,…

npm install报错unable to resolve dependency tree

一、问题背景npm install安装项目依赖时报错PS D:\test> npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue-admin-template4.2.1 npm ERR! Found: webpack5.74.0 npm ERR! node_modules/we…

【WebSocket】在SSM项目中配置websocket

在SSM项目中配置websocket 最近在ssm项目中配置了websocket,踩了很多坑,来分享一下 本文暂不提供发送消息等内容的代码逻辑(后续也许会补充),如果你直接复制这类可能会对配置造成更大的麻烦(博主就是复制…

单元测试、反射、注解、动态代理

🏡个人主页 : 守夜人st 🚀系列专栏:Java …持续更新中敬请关注… 🙉博主简介:软件工程专业,在校学生,写博客是为了总结回顾一些所学知识点 目录单元测试、反射、注解、动态代理单元测…

一篇文综合分析Fuse!

FUSE需求 究竟什么样的需求才能用到用户文件系统?来看一个小例子: 需求是这样的。在deepin的安装器中,安装器就会给多分出一个分区:数据盘。 数据盘的主要作用是让用户存放数据文件,也就是以前用Windows的时候D盘或者…

YoloV7

总体来说,YoLoV7主要可分为主干特征提取网络(backbone),加强特征提取网络以及SPPCSPC三个部分,然后再加上RepConv和YoLoHead部分。输入图片640*640*3的RGB图片,然后卷积、标准化(BN)…

QT学习笔记-QT多项目系统中如何指定各项目的编译顺序

QT学习笔记-QT多项目系统中如何指定各项目的编译顺序背景环境解决思路具体操作背景 为了更好的复用程序功能以及更优雅的管理程序,有经验的程序员通常要对程序进行分层和模块化设计。在QT/C这个工具中同样可以通过创建子项目的方式对程序进行模块化,在这…

浅谈Linux下的shell--BASH

环境:centos7.6,腾讯云服务器Linux文章都放在了专栏:【Linux】欢迎支持订阅🌹shell的概念与作用我们已经学习并知道了操作系统实际上就是一款软件,一款用来管理计算机软硬件资源,为用户提供良好的执行环境的…

擎创喜报 | 名单公布!恭喜入选!

前言:企业数字化转型作为一种经营策略,指的是利用数字技术和数字化流程来改变企业的运营、管理、销售和服务方式,以适应数字化时代的发展趋势。一般来说,企业进行数字化出于以下几点考虑。提高效率:数字化改进了业务流…

人口老龄化背景下家政服务网络平台【附源码】

1 毕业论文(设计)版权使用授权书 本毕业论文(设计)作者同意学校保留并向国家有关部门或机构送交论文(设计)的复印件和电子版,允许论文(设计)被查阅和借阅。本人授权广西…

JAVA中比较对象是否相等的方式是什么?为什么重写equals就一定要重写hashcode?百天百题(3/100)

目录 JAVA中比较对象是否相等的方式是什么? 为什么重写equals就一定要重写hashcode? JAVA中比较对象是否相等的方式是什么? 在了解这个问题之前需要先知道: 1.如果对象相同,那么hashcode是一定相同的。 2.对象不同的…

哈希表

文章目录什么是哈希问题引入哈希函数直接定址法除留余数法 (常用、重点)哈希冲突哈希冲突的解决方法闭散列开散列unordered_map && unordered_set 封装实现哈希的应用位图布隆过滤器哈希经典面试题哈希切分位图应用布隆过滤器什么是哈希 在上一…

阿里巴巴商品详情爬虫数据字段解析 源代码分享 调用示例

返回数据代码段1"item": {"num_iid": "60840463360","title": "Slip-on Daily Urban Walking Shoes","desc_short": "","price": "$47.70","nick": "cn1522808546p…

TypeScript深度剖析:TypeScript 中类的理解?应用场景?

一、是什么 类(Class)是面向对象程序设计(OOP,Object-Oriented Programming)实现信息封装的基础 类是一种用户定义的引用数据类型,也称类类型 传统的面向对象语言基本都是基于类的,JavaScript …

好友管理系统--课后程序(Python程序开发案例教程-黑马程序员编著-第4章-课后作业)

实例3:好友管理系统 如今的社交软件层出不穷,虽然功能千变万化,但都具有好友管理系统的基本功能,包括添加好友、删除好友、备注好友、展示好友等。下面是一个简单的好友管理系统的功能菜单,如图1所示。 图1 好友管理系…

api接口详解大全

api接口详解大全?优秀的设计是产品变得卓越的原因设计API意味着提供有效的接口,可以帮助API使用者更好地了解、使用和集成,同时帮助人们有效地维护它每个产品都需要使用手册,API也不例外在API领域,可以将设计视为服务器和客户端之…

【SpringCloud】SpringCloud教程之Nacos实战(三集群配置)

目录前言一.Nacos集群逻辑图二.Nacos集群搭建1.搭建数据库,初始化数据库表结构2.下载Nacos3.配置Nacos3.启动Nacos4.配置启动nginx5.测试是否成功6.设置服务的nacos地址7.新增一个配置,查看数据看是否进行持久化了前言 在我前面两篇讲的都是单个nacos&a…

Activity的启动和结束

onCreate:创建活动。此时会把页面布局加载进内存,进入了初始状态。onStart:开启活动。此时会把活动页面显示在屏幕上,进入了就绪状态。onResume:恢复活动。此时活动页面进入活跃状态,能够与用户正常交互&am…

Vulnhub系列:FristLeaks

一、配置靶机环境以往的靶机,本人是在virtual box中,去配置,和vm上的kali进行联动,但是这个靶机需要DHCP,以往的方式可能不太行了,或者可以在virtual box中桥接成统一网卡。下面介绍下本人最有用的方法&…

2021牛客OI赛前集训营-提高组(第三场) T4扑克

2021牛客OI赛前集训营-提高组(第三场) 题目大意 小A和小B在玩扑克牌游戏,规则如下: 从一副52张牌(没有大小王)的扑克牌中随机发3张到每个玩家手上,每个玩家可以任意想象另外两张牌&#xff0…