为什么要使用sketch而不是Photoshop？

压脚提升超过10年是一个Photoshop的用户和后使用Photoshop主要针对UI设计的网站和应用6年，我决定改用素描。听起来可能很荒谬，但这是一个艰难的决定，原因是Photoshop对我来说画笔是给画家用的（画笔对于鼓手来说是什么，或者曾经有过:)。

经过半年的紧张使用Sketch，我希望我不再需要使用Photoshop进行UI设计。这就是为什么：

使用草图，您不必再考虑屏幕密度。只需按照视图的大小创建一个画板，无论是视网膜还是超大型三星HD，例如适用于android的360x640和素描都可以完成。我记得当时有PSD文件的大小为500MB，分辨率为1080x1920的时候，只是因为我必须确保可以以所需的分辨率提供素材资源，并且在放大时查看设计时不会出现像素化现象。用2（iOS）或3（android）的数字除以为开发人员提供正确的字体大小或边距值，但这总是浪费时间，并且是潜在的错误来源。该工作流程总是觉得它包含了烦人且多余的步骤，因为Photoshop是基于像素的，根本不是为网页设计而设计的，尤其是不是针对移动应用程序的。

当使用Photoshop创建文本字段并用超出其高度允许范围的文本填充文本字段时，要么必须调整文本段落的大小，要么必须进行手动中断。草图只会使文本框变大。不多，但不少于。

在Sketch中，文本字段的padding-top和-bottom取决于行高。例如，一个字体大小为20px，行高为30px的文本字段在顶部和底部都包含5px的填充。恰好发生在HTML实现中。这种确定对上下元素之间的垂直边距有很大的影响。Photoshop忽略了这一点，Sketch则没有。这意味着使用Sketch，设计人员和开发人员无需再猜测文本字段之间的任何边距和填充。只需复制并粘贴您在Sketch中看到的边距，然后将其提供给开发人员即可。使用Zeplin，这甚至更加容易。

Sketch社区提供了无数个插件。我最常用的插件，例如“ 动态按钮 ”，“ iOS和android的资产导出 ”，“ 调色板 ”或“ 流畅 ”（请参阅​​下一段），使我的工作流程更加流畅。每个人都有一个插件，每个需要使您的工作流程尽可能有效的插件。使用工具箱可轻松安装。

这个插件对我来说是一个启示。现在，您可以定义约束以使元素之间，组内部或画板之间的边距保持恒定。这意味着，如果您增加内容（例如，更多的文本，更大的图像），并且事先定义了一些约束，则只需单击“更新”，然后布局便会适应该更改。更改元素的大小后，无需重新排列元素。或者，如果您想检查设计在更大屏幕上的工作方式，只需定义左右边距，调整画板大小，点击更新即可。不需要调整元素的宽度，因为它会自动执行。我内心的书呆子真的很开心:)太棒了！

最后，您可以将符号放入符号中。意味着例如您可以创建一个按钮或图标符号，然后将其放置在任何其他符号中。此外，您现在可以缩放符号，不要忘记：现在，您可以使用自定义内容填充每个符号的文本字段和图像容器。这使得符号更加有用和灵活。

好的，Photoshop也具有此功能。但是对我来说，这从来没有感觉到直观，也似乎无法正常工作。在Sketch中，文本样式的处理非常容易且容易理解……而最好的事情是：如果您无意中或有意更改了具有指定样式的文本字段的属性，则只有在您单击样式。

这听起来很荒谬，但是由于我尽可能使用快捷方式，因此在此小图层文本字段上敲击cmd + r的速度比用鼠标或钢笔进行双重涂抹要快得多，并且您知道：有很多图层…

使用Sketch，每个属性都易于创建和分配。无需在图层上分配效果。无需进入具有成千上万个令人困惑和多余的设置可能性的Photoshop的图层效果窗口。一切都基于CSS，这非常酷，因为现在您可以告诉开发人员要使用的值和设置。或者，如果您想让开发人员真正满意，请给他CSS片段;）。该实现将与您的设计完全相同。

我不知道您有多少硬盘空间，但是我的SSD有限。因此，我感到非常高兴的是，我不必再担心要重复的设计文件了。

我认为我可以在这里提到更多更酷的功能。经过半年的大量使用Sketch制作视觉设计，这些设计必须非常干净，像素完美且具有响应能力，这些是我一直在使用（和喜欢）的功能，我无法想象没有UI设计生活。当然，并非所有事情都是完美的，我还可以提及Sketch的一些令人讨厌的部分，但这不是主题。实际上，Sketch越来越好。上次重大更新是惊人的。如果Bohemian继续进行这种高质量的更新，那只是时间问题，我将不再需要Photoshop。

2020-01-20