第1部分 Adobe XD从零到精通
第1章 Adobe XD基础入门
1.1 Adobe XD简介
Adobe XD是Adobe公司推出的一款针对UI和UX设计的现代化、轻量设计软件,功能非常全面。
Adobe XD的名字经过了几次变更,从最早的Adobe Project Comet,到Adobe Experience Design,最终,正式版确定名称为Adobe XDCC。从名字上可以看出,Adobe XD已经成为Adobe CC套件的一员。
Adobe XD是Adobe在“后PS时代”推出的一款专业的UI/UX设计软件,该软件具有以下几个特点。
1. 为UI/UX设计而生
从Adobe XD的软件界面可以看到,该软件摒弃了一切与UI/UX设计无关的功能。在Adobe XD中,有大量可以极大提升UI/UX设计工作效率的功能,这些功能在后面的章节中会逐一进行讲解。图1-1所示为Adobe XD的一个重要功能——重复网格。
图1-25
如果要清除最近打开的文件列表,在菜单栏中执行“文件>最近打开文件>清除菜单”命令即可,如图1-26所示。
图1-26
欢迎界面的右侧下方是“打开文件”按钮,单击即可选择文件夹中需要打开的文件。
Adobe XD与欢迎界面有关的快捷键
以上是Adobe XD欢迎界面的全部内容,相信读者对欢迎界面已经非常了解了。需要注意的是,Adobe XD是一款更新非常频繁的软件,欢迎界面也可能会发生一定的变化。在本书完稿时,Adobe XD的欢迎界面已经变更为图1-27所示的效果,可以看到,只是内容布局发生了变化,相对应的功能并未有大的变动。
图1-27
所以不再做另外的介绍,读者也不必担心,到本书完稿时,Adobe XD的功能和版本已经相对比较稳定,读者完全可以通过学习本书,深入掌握Adobe XD的全部功能,并轻松地应对未来Adobe XD更新的任何版本。
1.4 Adobe XD的常见问题
通过对前面内容的学习,相信读者对Adobe XD已经不再陌生了,但是根据笔者的了解,有关Adobe XD的下载、安装和使用等还有一些问题,这里列出几个较为常见的问题,希望能解答各位读者的疑惑。
1.4.1 Adobe XD是否是完全免费的
Adobe官方把免费的Adobe XD称为“免费入门计划”,这意味着还有付费的版本。但是不同于读者通常理解的付费,Adobe XD的付费版本和免费版本的区别体现在在线分享和存储空间的不同,而软件本身的功能完全相同。
图1-28所示是Adobe XD免费版和付费版的对比,可以看到,免费版本的Adobe XD只支持一个共享原型和一个共享设计规范,且只有2GB的云存储空间,而付费版本的则支持无限量的共享原型和共享设计规范,并且有100GB的云存储空间。此外,还有Typekit字库的不同。
图1-28
对于大部分读者来说,免费版已经足够使用了。对于在线共享有着非常大需求的读者,可以考虑升级为付费版。
关于共享原型和共享设计规范的知识,在本书后面讲到有关“共享”的内容时会详细介绍。
1.4.2 Adobe XD对系统版本的要求
使用浏览器打开Adobe XD的官网,单击“免费获取XD”按钮后,可能会弹出图1-29所示的一个提示,告知Adobe XD不支持该系统。出现这种情况,很可能是因为操作系统没有达到Adobe XD对最低版本操作系统的要求。
图1-29
Adobe XD对操作系统版本和硬件的最低要求如下。
macOS系统
❖ macOS 10.11及更高版本
❖ CPU:1.4 GHz
❖ 内存:4 GB
Windows系统
❖ Windows 10 Creators Update(64 位)– 版本 1703(build 10.0.15063)或更高版本
❖ CPU:2 GHz
❖ 内存:4 GB
❖ 2 GB可用硬盘空间(用于安装);安装过程中需要更多可用空间
❖ 显示屏:1280×800
❖ 显卡:最低Direct 3D DDI
❖ 功能集:10。对于 Intel GPU,应使用2014年或之后发布的驱动程序。
尤其是使用Windows系统的读者需要注意,Adobe XD只支持64位的Windows 10系统,若低于该系统,需升级系统后再使用Adobe XD。
1.4.3 Adobe XD是否可以离线安装
因为Adobe的服务器不在国内,所以部分读者通过Adobe Creative Cloud进行安装速度相对较慢,但是Adobe XD不同于其他Adobe软件,到本书完稿时,并没有任何可以离线安装的方式。
笔者曾花较多时间在互联网上寻找离线安装包等资源,结果发现下载到的所谓的“离线安装包”都是损坏的文件或者是虚假的安装包。笔者建议,即使再慢,也应该从官方正规途径进行下载安装。
1.4.4 Adobe XD的卸载
如需卸载Adobe XD,可以通过Adobe Creative Cloud进行。在Adobe Creative Cloud的Apps列表中,找到Adobe XD,单击“打开”按钮右侧的下拉箭头,即可找到卸载的选项,如图1-30所示。
图1-30
1.4.5 能否使用Windows 10的触控功能操作Adobe XD
到本书完稿时,Adobe XD的工具栏、菜单、属性检查器可以支持Windows 10的触控笔和使用触控进行操作,但是中间的画布区域还不能使用触控功能进行操作,需要通过鼠标和键盘进行操作。
1.4.6 Adobe XD官方中文版
在最新版本的Adobe XD中,官方已经为XD提供了中文支持,读者可以更新Adobe XD来使用中文版。如果更新到最新版本后,Adobe XD仍然是英文版,这可能是配置文件产生了冲突,建议读者先卸载旧版的Adobe XD,然后再用前面所讲的安装方法重新下载和安装。