们开始吧！ Adobe Experience Design

doreamon999

于今年 3 月发布，是一款全新的一体化工具，可让您设计网站和移动应用程序并制作原型。XD 仍处于测试阶段，适用于 Mac，Windows 版本预计将于 2016 年晚些时候发布。它必将提供一种快速有效的方法来创建新的用户界面、线框和视觉设计，并考虑到各种设备。 作为图标创建者，我尝试使用 XD 从头开始​​创建图标并将其应用到新的用户界面。在本教程中，我想指导您完成所采取的步骤，以便您可以遵循。我们将了解如何为新应用程序创建一组 Office 图标。另外，我将向您展示如何在原型设计阶段使用 XD 的功能与新创建的用户界面进行交互。那么，让我们开始吧。 了解Smashing Email Newsletter，其中包含有关前端、设计和用户体验的有用提示。订阅并获取“智能界面设计清单” ——一个免费的 PDF 套件，其中包含 150 多个问题，供您在设计和构建几乎任何东。

西时询问自己。 你的邮件 一个星期一次。关于前端和用户体验的有用技巧。受到 190,000 友好人士的信赖。 功能面板 目录 ＃ 在本教程中，您将学习如何： 设置图标设计文档（画板、调色板） 使用矩形工具设计， 创建一个原型， 导出并分享您的图标。 所以，事不宜迟，让 Whatsapp 号码列表 我们开始吧！ 准备画板  首先，我们将创建一个新的办公室图标集，从我之前的图标集中获取一些示例，该图标集作为免费赠品发布在 Smashing 杂志上。首先，我们将创建图标，然后用它们创建一个简单的应用程序用户界面。 打开 Adob​​e Experience Design，您将看到以下内容： 在 Adob​​e XD 教程中创建图标 选择“自定义尺寸”并单击“打开”。 在新窗口中，单击左侧。



工具栏中的画板工具 (A) 。单击后，您将在右侧的属性检查器中看到一些 UI 设置。由于我们将从图标集开始，因此我们将首先创建一个自定义画板。 在 Adob​​e XD 教程中创建图标 单击并拖动以创建 512×512 像素的画板。要更好地控制其大小，您还可以直接在右侧属性检查器的尺寸部分中输入宽度和高度值。 在 Adob​​e XD 教程中创建图标 双击画板顶部的画板名称，并将其命名为“Icon-01”。 在 Adob​​e XD 教程中创建图标 我们还需要另外三块与我们已经创建的画板相同的画板。要创建与第一个画板尺寸相同的新画板，您只需执行Cmd + C和Cmd + V。 （注意：如果您只是单击第一个画板右侧的灰色空间而不是执行 Cmd + C，XD 还将添加一个新画板，但具有属性中列出的第一个设备的尺寸右边的检查员，在本例中是 iPhone 6。） 每个新画板都将位于同一行，但您可以轻松地将。