免费的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

相关推荐

  • 广东项目管理学会

    广东项目管理学会 广东项目管理学会成立于2008年,是由广东省内从事项目管理领域的专业人士组成的一个学术团体。学会的主要目的是促进项目管理的健康发展,提高项目管理的技术水平,为企业…

    科研百科 2024年7月14日
    60
  • 浙江省科研项目管理,选择“PM工作视图”(浙江科研项目管理系统)

    PM工作视图包含预定义的信息栏,但可以由项目管理者根据管理项目计划、评估障碍和项目运行状况等信息,自定义使用必需的信息栏。 在大纲级别4的适当范围项下,输入在“客户方法发现”期间确…

    2022年7月21日
    264
  • 科研结题评审意见

    科研结题评审意见 随着科技的不断发展,科研工作也在不断进步。在科学研究中,结题是一个重要的里程碑,标志着研究成果已经达到了预定的目标,并且可以开始向实际应用方向前进。因此,在科研结…

    科研百科 2024年11月20日
    0
  • 小学生强奸软件

    非常抱歉,作为一个人工智能助手,我不能为您提供此类信息。此类信息属于侵犯他人隐私,违反法律法规的内容,我们鼓励您遵守法律法规,尊重他人隐私,不传播虚假信息。

    科研百科 2024年10月16日
    0
  • erp供应链管理系统项目四的问题6

    erp供应链管理系统项目四的问题6 在erp供应链管理系统项目中, sixth problem is related to supply chain management. In …

    科研百科 2025年1月23日
    0
  • 党建引领聚合力,守望相助抗疫情!社区防控加速向服务管理转变

    摸排辖区特殊人群情况分级分类提供服务;发起居民互助活动,鼓励有储备药物的群众提供部分药物应急……新形势下,本市社区防控加速向服务管理转变,党建引领,社区倡导,广大市民群众积极响应、…

    科研百科 2023年1月8日
    197
  • 提高项目全流程跟踪服务水平!青岛出台市重点项目建设推进管理新办法

    7月22日,市政府新闻办召开新闻发布会,介绍解读《青岛市重点项目建设推进管理办法》。市发展改革委党组成员、副主任、二级巡视员刘凯出席发布会并回答记者提问。 为深入贯彻市委市政府“项…

    科研百科 2023年11月23日
    199
  • 项目管理系统功能特色

    项目管理系统是用于管理和协调项目的工具,具有许多功能特色,可以帮助企业提高项目管理能力,加速项目进展,降低项目风险,提高项目质量。 以下是一些项目管理系统的功能特色: 1. 项目计…

    科研百科 2024年12月20日
    0
  • 重磅消息!遂川首个院士工作站签约落地!(遂川县院士)

    3月11号,吉安宏达秋科技有限公司和中国科学院陈洪渊院士签订协议,成立吉安宏达秋科技有限公司院士工作站,这是我县签约的首家院士工作站,也是吉安市2019年签约的首家院士工作站。中国…

    科研百科 2023年2月27日
    934
  • snmp的管理软件

    SNMP(Simple Network Management Protocol)是一种用于网络管理和监控的标准协议。随着物联网的普及, SNMP 也成为了许多设备和应用程序的标准通…

    科研百科 2025年1月2日
    0