免费的Adobe XD,你会用了吗?(adobe xd 免费)

免费的Adobe XD,你会用了吗?(adobe xd 免费)

想必大家都已经Adobe XD了,这是Adobe为UI和UX设计师们打造的一款超实用的免费软件!但是它具体是做什么的,又有哪些特色呢?

免费的Adobe XD,你会用了吗?(adobe xd 免费)

今天数艺君就来跟大家唠唠这款软件吧!

1. 为 UI/UX 设计而生

从Adobe XD的软件界面可以看到,该软件摒弃了一切与UI/UX设计无关的功能。在Adobe XD中,有 大量可以极大提升UI/UX 设计工作效率的功能,这些功能在后面的章节中会逐一进行讲解。图所示为Adobe XD的一个重要功能——重复网格。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

2. 快速创建可交互原型

在Adobe XD中完成UI界面的设计工作后,可以直接在软件中把这些界面快速链接起来,生成一个可交互的原型文档,并且能简单设置一些跳转效果。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

3. 更“现代化”的分享机制

在Adobe XD中,除了能一键导出2×、3×等设计稿外,还采用了一种更“现代化”的方式方便设计师们进行团队协作。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

因为Adobe XD制作的是可交互原型,所以纯静态图片已经不能满足团队成 员之间的沟通了,这时,Web实际上是一种更为便捷的方式。使用Adobe XD 设计完后,可以一键生成一个链接,团队成员可以通过该链接查看和评论设计文档,并且可以直接进行界面之间的交互跳转体验。

4. 在移动设备上实时预览

移动UI和UX都是在Mac或者PC桌面端进行设计,但实际上却是在移动设备上使用,很多情况下,在 桌面端看着不错的设计,可能在移动端上并没有达到最好的效果,所以能实时预览移动设备上的效果是非常 必要的。Adobe XD提供了官方的APP,支持设计师在设计的时候实时预览设计效果,包括交互原型的设计效 果,同时支持iOS和Android系统。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

5. 多应用的无缝衔接

Adobe XD 提供了完整的设计功能,同时也可以非常方便地和其他设计软件进行无缝衔接。在Adobe XD中, 设计师可以直接导入PSD 和Sketch 的源文件,同时,越来越多的第三方应用开始集成到或者支持Adobe XD,如Dropbox、Zeplin、Avocode、Sympli、ProtoPie 和 Kite Compositor 等。这样可以让设计师最大化利用这些软件, 从而制作出一个最佳的设计文档。图所示为直接用Adobe XD打开一个Sketch文档。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

6. 双系统支持

Sketch只支持Mac系统,这让很多Windows 用户非常无奈。但是,Adobe XD针对macOS和Windows进行了原生应用的研发,无论是Mac还是PC用户,都可以无差别地使用Adobe XD,并且不同平台之间的文档都是通用的。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

7. 一款与时俱进的软件

Adobe XD 最早在2015年出现,在2016 年发布了Beta版,可以说是一款非常“年轻”的设计软件。Adobe XD从Beta版发布到现在,一直保持每月发布一个新版本的迭代频率,在Adobe XD的官方博客上,可以看到对每个新版本的变更介绍,如图所示。截至目前,Adobe XD的界面和功能基本上已经稳定下来,尽管Adobe保留着每月一更新的频率,但相信本书的内容依然在相当长的时间内适用于Adobe XD的最新版本。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

8. 免费

从Adobe XD发布开始,Adobe公司就对其寄予厚望,并且对外宣称 Adobe XD 为其公司的旗舰产品,而 现在,更令人兴奋的是,Adobe XD已经免费了。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

免费版的Adobe XD具备完整的产品功能, 并且没有任何时效的限制。对于这样一款功能强大却免费的软件,你有什么理由不来了解一下呢?

实验器材图标设计

我们用Adobe XD来画一个彩色扁平图标吧!

免费的Adobe XD,你会用了吗?(adobe xd 免费)

1.按快捷键E 激活“椭圆”工具,然后按住Shift 键绘制一个500px×500px 的圆,并去掉“边界”,接着 将填充色设置为 #2DC9D0,如图所示。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

2.按快捷键R 激活“矩形”工具,绘制一个80px×10px 的矩形,并去掉“边界”,然后将填充色设置为 #FFFFFF,接着将矩形的圆角半径设置为 5px,最后将其移动至合适的位置,如图所示。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

3.按快捷键R激活“矩形”工具,绘制一个50px×120px的矩形,并去掉“边界”,然后将填充色设置为#FFFFFF,接着将其移动至合适的位置,如图所示。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

4.按快捷键E激活“椭圆”工具,然后按住Shift键绘制一个 220px×220px 的圆,并去掉“边界”,接着 将填充色设置为#FFFFFF,最后将其移动至合适的位置,如图所示。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

5.按快捷键command D(macOS系统)/Ctrl D(Windows 系统)复制一个圆,然后将复制的圆的大小调 整为 200px×200px,接着将填充色设置为 #FFCE35,最后使其和底部的圆居中对齐,如图所示。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

6.按快捷键R激活“矩形”工具,绘制一个200px×80px的矩形,然后移动到图所示的位置,确保矩形在黄色圆的上方。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

7.选中矩形和下方的黄色圆形,按快捷键option command S(macOS 系统)/Ctrl Alt S(Windows 系统)对其执行减去顶层布尔运算,如图所示。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

8.按快捷键 E 激活“椭圆”工具,然后按住 Shift 键绘制一个 40px×40px 的圆,并去掉“边界”,接着将 填充色设置为#FFFFFF,最后将其移动至合适的位置,如图所示。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

9.采用同样的方式绘制一个16px×16px的圆,并将其移动至合适的位置,如图所示。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

10.按快捷键V激活“选择”工具,然后用“选择”工具选中40px×40px 的圆,并按住option 键(macOS 系统)/Alt 键(Windows 系统)拖曳,可以复制并移动圆形图层,接着将复制的圆形移动至合适的位置,最后 将填充色设置为 #FFCE35,如图所示。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

11.用“椭圆”工具绘制或者直接采用拖曳的方式复制一个圆,并将尺寸调整为16px×16px,然后将填充 色设置为#FFCE35,接着将其移动至合适的位置,如图所示。

免费的Adobe XD,你会用了吗?(adobe xd 免费)

选中除蓝色底以外的所有图层,然后按快捷键 command G(macOS)/Ctrl G(Windows 系统)进行编组, 接着将图层组调整至和底部蓝色圆居中对齐,完成实验器材图标的设计。

免费的Adobe XD,你会用了吗?(adobe xd 免费)免费的Adobe XD,你会用了吗?(adobe xd 免费)免费的Adobe XD,你会用了吗?(adobe xd 免费)免费的Adobe XD,你会用了吗?(adobe xd 免费)免费的Adobe XD,你会用了吗?(adobe xd 免费)免费的Adobe XD,你会用了吗?(adobe xd 免费)

延伸阅读

更多内容可以购买《Adobe XD 功能解析与应用》详细阅读哦!

作者:黄方闻

出版社:人民邮电出版社

出版年:2019年5月

ISBN :978-7-115-50847-8

还有PS通识课程,零基础也可也学好PS,了解详情点击:https://www.shuyishe.com/courseDetails?id=PCC2c5a36b554&userCommend=33283

加入数艺社交流群

设计素材下载 学习视频资源

读者交流学习 图书售后服务

软件安装指导 读者意见反馈

数艺社QQ群:

PS学习交流群:826043343

手绘学习群:931044260

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年4月30日 下午3:17
下一篇 2024年4月30日 下午3:29

相关推荐

  • 优先支持联农带农富农产业发展!广西下发通知对衔接资金使用管理作重要部署安排

    近日,自治区政府办公厅印发《关于加强广西财政衔接推进乡村振兴补助资金管理提升资金使用效益的通知》,对过渡期广西财政衔接推进乡村振兴补助资金(以下简称衔接资金)使用管理工作做出重要部…

    科研百科 2022年6月24日
    317
  • 文科科研 项目情况

    文科科研项目情况 文科科研是指对人文学科进行科学研究的过程,包括历史学,哲学,文学,语言学等。这些学科涉及到人类的思想,文化,和社会行为,因此它们的科学研究往往具有更高的抽象性和理…

    科研百科 2024年10月15日
    4
  • 组织部2022年度个人述职报告范文(组织部2022年度个人述职报告范文大全)

    现将☆年度本人工作、思想述职汇报如下,请予评议。 一、盘点工作“较准、较实、较好” 一是谋得“较准”。 一年来,基层组织建设思路较准、定位较准。根据科室职责职能,我用心思考,积极谋…

    科研百科 2023年2月2日
    216
  • 国家研发项目负责人的职责和任务

    国家研发项目负责人的职责和任务 国家研发项目负责人是负责一个国家研发项目的领导者,其职责和任务非常重要。以下是一些关键的职责和任务: 1. 制定项目计划:作为项目负责人,需要制定详…

    科研百科 2024年11月15日
    10
  • 榜单来了!2022武汉企业100强发布(2021武汉企业100强发布)

    长江网讯(见习记者赵萌萌 通讯员孙思)11月10日,由武汉企业联合会、武汉企业家协会、武汉发展战略研究院合作撰写的《2022武汉企业100强、制造业企业100强、服务业企业100强…

    科研百科 2023年5月28日
    673
  • 科研项目的设计费包含什么

    科研项目的设计费包含什么 科研项目的设计费是用于支持项目前期策划和开发的费用,通常包括以下内容: 1. 项目咨询服务费:用于支付项目咨询服务的费用,例如项目规划、预算、资源管理、风…

    科研百科 2024年10月29日
    5
  • 六师附小校长调动公示

    六师附小校长调动公示六师附小校长调动公示下次领班会会上各位老师发言“六一快乐”当下是人人都期待的我是“六一”少年班我是“六一”少年班目前在帮孩子戒除网瘾的方法,基本上只有三大类,父…

    科研百科 2024年11月22日
    1
  • 中国中医科院心内科研项目

    中国中医科学院心内科研项目 近年来,随着心脏病患者的增多,中国中医科学院心内科研项目一直致力于心脏病的研究和治疗。这一科研项目旨在通过深入研究心脏病的发病机制,为治疗心脏病提供科学…

    科研百科 2024年4月8日
    113
  • 政治哲学经济科研项目

    政治哲学和经济科研项目是人类社会发展的重要领域,对人类的认识和探索世界的方式产生了深远的影响。在当前全球化和信息化的背景下,政治哲学和经济科研项目之间的相互作用变得更加密切。本文将…

    科研百科 2025年3月12日
    0
  • 楼继伟副部长重视我院“农业立体污染防治研究”工作

      受翟虎渠院长的委托,4月26日,章力建副院长率我院有关专家到财政部,专程向财政部党组副书记、常务副部长楼继伟汇报我院农业资源和环境学科研究工作的进展,取得的成就,并重点汇报了我…

    科研百科 2022年5月20日
    267