草图审查和评级

Sketch很快将其竞争对手吞并，准备超越Photoshop成为接口原型设计工具，以至于许多开发人员现在更喜欢设计人员交出Sketch文件，而不是分层的Photoshop文件。 与Photoshop不同，Sketch图形软件是从头开始构建的，用于设计交互界面。 它可以创建实时伴奏，以便客户可以预览在其台式机，笔记本电脑，平板电脑或手机上单击，滑动或点击您的设计时发生的情况。 由于所有这些，使用Photoshop为台式机和移动设备创建用户界面的设计人员可能希望使Sketch更近一步。

Sketch来自荷兰，是一个仅限Mac的矢量设计程序，其重点是创建Web和应用程序设计的交互式原型。 Sketch产生的这种工作设计使您的客户对一切外观和响应有更好的感觉。 反过来，这又使他们能够在功能（用户界面或UI）和用户体验（UX）方面提供更有用的反馈，从而允许在开发阶段之前进行知情批准-减少挫败感并节省时间和金钱。

Sketch的相对较新的概念（2008）专注于屏幕的协同设计，因此与30年前首次亮相的Photoshop相比，它具有优势。Photoshop的单词 屏幕 与测量半色调的密度有关。 设计师开始依靠Adobe Photoshop来组织和移交界面设计文件，因为它是完成任务的最佳工具，而不是因为它是专门为此目的而构建的工具。

但是，在UX设计领域，Sketch并不孤单。 Adobe XD（XD代表Experience Design）于2016年作为Adobe Creative Windows和Mac版Creative Cloud的一部分发布，它也是基于矢量的工具，用于线框图和产生交互式点击原型。

第二个基于矢量的竞争对手被吹捧为“世界上最强大的屏幕设计工具”，它是重量级设计系统管理平台InVision的Studio（一个原型免费，无限原型每月25美元）。 与Sketch和XD不同，Studio具有内置的高级动画模块。 使用自己的Craft Manager插件，可以将Sketch中完成的工作同步到InVision平台。 Adobe提供了一个免费的XD入门计划，该计划的存储空间有限（2GB），并且使用了部分Adobe Fonts集合。 完整版本的XD作为Adobe Creative Cloud（CC）订阅的一部分提供，单个应用程序每月20.99美元，所有Creative Cloud应用程序（包括Illustrator，InDesign和Photoshop）每月54.99美元起。

Sketch在订阅模型上使用变体，个人每年每台设备（计算机或移动设备）的费用为99美元。 这包括一年的更新和Sketch Cloud（用于在线共享和协作），之后您可以永久保留并使用您的当前版本，或者以每年69美元的价格续订以重新获得定期更新和云计算的好处。 批量许可的范围从每台设备每年64美元（两到九个设备）到每台49美元（50个或更多设备）。

值得注意的是，购买许可证时，您只能获得一个席位（仅可用于一台计算机）。 如果您使用多台Mac，例如台式机和笔记本电脑，那么您将很不走运，并且需要购买两个座位。 许多基于订阅的应用程序每个许可证允许有两个席位，这对于那些辛苦工作，在办公室的台式机和在家中的笔记本电脑上辛苦劳作的创意者来说是一个不错的选择。 一个相关的不便之处是，如果要在新的Mac上使用Sketch，或者必须重新格式化驱动器，则需要从旧计算机/驱动器上注销Sketch，然后重新注册。

入门

Sketch是从公司网站（sketchapp.com）下载的快捷方式； 有30天的免费试用期，无需信用卡。 Sketch需要MacOS 10.13.4（High Sierra）或更高版本。 该公司警告说，如果要处理带有数百个画板的复杂的多页文档，则建议使用功能更强大的RAM加载Mac。 我在配备2.9GHz Intel Core i9处理器，32GB RAM和Radeon Pro 560X显卡的MacBook Pro 2018上测试了Sketch 53.2。

在下载页面上，Sketch提供了初学者指南，大量文档，教程和技巧，并提供了指向其社交媒体和开发人员社区，博客和聊天以及Dribble的链接。 看到全球设计界的聚会和活动的列表非常令人振奋。 此外，该网站还提供了许多免费的高级Sketch App UX / UI资源，包括线框套件，移动UI套件，模板，模型，仪表板，概念和图标。

界面和画布

草图以示例为例，并提供了一个干净的，上下文相关的UI，其中包含三个主要部分-（按设计）没有浮动面板。 如果您已经是Mac用户，您会发现Sketch UI很熟悉，因为它是基于Apple应用程序（如Pages，Numbers和Keynote）的界面建模的。 在此最新版本中，现在支持Apple的黑暗模式。

在屏幕的左侧，您将找到页面列表，其中包含您的图层清单，这些图层和画板上的各个内容项以及其上的命名内容。 右侧是检查器，您可以在其中选择所选择的任何层上的内容属性。 在最上方，您有一个包含工具和操作的工具栏。 中心舞台是您创作魔术的画布。

通过页面列表，可以轻松组织，分配或更改图层，还可以命名，分组，选择和复制内容项，从而提高工作流程的效率。 到了将文件交给开发人员的时候，您将处于最顶尖的状态。

Sketch通过使用易于制作的库，文本和图层样式，符号实例以及预设来促进或自动化常见任务，从而润滑了您的工作流程。 此外，还有数百种省时的UI工具包，模板和插件，可通过多种方式进一步扩展Sketch的功能。

草图中的绘图和排版

猎豹就是奔跑，素描就是原型。 猎豹当然可以行走，但它进化的目的是奔跑。 同样，您绝对可以在Sketch中进行绘制，这样做是可以的，但是Sketch的非凡之处在于其原型制作。 尽管如此，还是值得概述一下Sketch的绘图工具可以完成的工作。

所有内容的创建，导入和组装都从单击“插入”下拉列表开始。 在那里，您将找到所需的形状，绘图和文本工具。 右侧的排列操作很方便，例如前移，对齐和分配； 以及非破坏性的基本布尔工具，例如“并”，“减”，“相交”和“差”。 直观，高效的矢量工具允许创建和编辑形状，其点和贝塞尔曲线。 虽然Sketch可以处理基本的绘图任务，但它不是Illustrator －也不应该如此。

Sketch中的基本排版非常简单，具有熟悉的类似于Microsoft Word的功能以及阴影，填充和边框的装饰选项。 格式化类型的块可能需要在Sketch中进行一些手动操作，例如，不支持制表键-您必须使用空格键来模拟所需的效果。 这很好，因为在设计响应式布局时，任何复杂的排版都是没有用的：当在各种不同尺寸的设备上查看时，所有印刷（尺寸，换行符，连字符等）都会改变。

原型设计和响应设计

与其他绘图程序（但与Adobe XD非常相似）不同，Sketch有助于构建交互式原型。 为了模拟网站或应用程序（UI）的路径以及体验（UX）的情况，您可以将某些区域分配为滚动或非滚动，链接和交叉链接菜单，符号，部分，页面和实例，并定义热点（可点击区域）。 您不仅可以从应用程序内预览自己的工作，而且还可以使用Sketch Mirror（更多有关以下功能）。

Sketch的一个新优点是，您可以使用动态逼真的数据填充原型文本和形状字段，而不必绑在通常的Lorum Ipsum乏味上。 在选定的文本或形状图层中，您可以分配源文件，从该文件中导入文本或图像。

Sketch与其他人玩的很好，而不仅仅是在应用程序中。 很高兴发现我可以复制并粘贴在Illustrator中创建的图标。 导入后，Sketch为我的艺术作品创建了一个分组图层，从那里我可以按原样使用图标，将其添加到库中，或者创建符号-就像在应用程序内创建的任何艺术作品一样。

在当今市场上，任何构思周密，以屏幕为目标的设计都必须具有响应能力。 这意味着应用程序屏幕或网页中的内容会根据查看设备（台式机，笔记本电脑，移动设备，平板电脑）自动调整大小和移动。 因此，文本大小调整，换行符更改以及图像缩小，扩展或隐藏，这取决于在每个设备上看起来最佳的内容。

在Sketch中，您必须通过复制和粘贴每个元素或组来手动创建不同的宽高比的变体布局和简化。 但是，我确实希望有一个智能调整选项，用于响应式布局修改，类似于XD中的自适应调整大小，甚至InDesign的“调整布局”功能。 尽管Adjust Layout几乎永远不会提供完美的解决方案，但是与空白页相比，它无疑节省了时间并提供了更好的开始位置。

要在设备上实时预览Sketch设计，可以使用免费的iOS版Sketch Mirror，以及在Android设备上使用的一些应用。 在所有情况下，设备都需要Wi-Fi或USB连接。 做出明智的设计决策会有益于任何人的工作流程，因此，能够在实际设备上实时使用Sketch Mirror实时查看您的调整，裁剪和文本大小调整是一项繁重的工作。

产出与合作

当您的工作准备好接受客户反馈或团队协作时，有几种共享方式。 主要方法是将文档上传到Sketch Cloud。 上传后，您将获得一个URL，并可以选择邀请谁来查看文档，并设置以下三个访问级别之一：“注释”，“下载”或“用作库”。 知道链接的任何人都可以使用内置的注释工具，并且如果他们在平板电脑或手机上打开页面，则只要设备具有布局，他们就可以以全分辨率预览画板。

图书馆将您和您的团队连接到您的项目资产和预设。 在Sketch中创建这些内容很容易，并且是将弹性品牌资产存储在单个可全局访问的位置中的明智方法，无论是在硬盘驱动器上，服务器上还是在Dropbox之类的第三方基于云的仓库中都本地。 “资源库”只是您指定为“资源库”的文档中的另一个“素描”页面，这使其可用于添加或修改资产。

如果您编辑已创建的符号，则当您（或与文档进行协作的其他任何人）返回到设计文档时，您会在屏幕的右上方找到一条消息，提醒您有关更新。 然后，您可以选择单击以进行更新，也可以决定从库中分离图稿。 Sketch具有很大的顺序和组织性，因此，当您单击该警报时，将弹出一个对话框窗口，其中列出了您的库组件，并排显示了过期的符号和更新的符号。 触手可及的完整信息真是太好了。

或者，您可以将画板导出为PDF页面，并可以在Apple Preview，Adobe Acrobat或任何其他PDF查看软件中用注释标记。 Sketch还将图形，切片和页面导出为JPG，PNG和SVG文件。 而且，它可以导出SVG和CSS属性的代码。

这个应用程序没什么粗略的

Sketch是为创建基于屏幕的设计体验的设计师而生的成熟工具，它可以熟练地做到这一点。 凭借熟悉的（对于Mac用户而言），直观的界面以及设计人员与客户之间的轻松交叉协作，Sketch已成为原型设计工具的良好声誉，因为它可以促进并加快设计验证和批准过程。 要获得最佳的矢量插图功能，请查看我们的编辑选择Adobe Illustrator。