affinity designer和sketch，该用啥用啥

最近因为某些原因接触到affinity designer，发现这是一款很有趣的软件。在一番试用后，我觉得有必要谈论一下sketch对于ui设计的支持和缺陷。sketch在图形绘制方面所缺失的部分，恰恰可以由affinity designer进行补全，因为affinity 也是一款专注于矢量图形绘制功能并且融合了ps和ai当中许多重要的工具set的软件。为什么我不用ps或者ai和sketch进行对比，因为adobe家的软件大多是很贵而且有着漫长历史的巨无霸。更为重要的是，affinity designer作为一款性价比较高也足以应对日常图形绘制需求的软件，可以和sketch配合作为逃离adobe路上的重要助手。

#interface绘制——sketch的特长

——布局绘制

sketch是一款专注于ui绘制的软件，因此对于基本的布局绘制有着较为完善的支持。比如自动参考线工具，能方便设计师精确的布局每个要素的位置。再如scale工具能迅速缩放某个元素以及支持元素形状变化的方向，都能方便设计师对于常见元素的尺寸有更好的把握。这些功能对于插画绘制而言并非必须，甚至可能造成干扰。对于ui设计这种强调于尺寸和布局而非单纯的视觉感受的场景，sketch（以及其插件体系）有着充分的支持。

——样式管理

谈论样式管理无法脱离sketch社区中所流行的插件，craft和sketch measure。craft通过快速制作表单类要素，达成了某种程度上的“用真实数据进行设计”。与此同时，craft能生成可以同步style guide让设计师更方便的管理他们已经绘制的要素，从此设计师不必刻意建立和维护share style。sketch measure最开始是一款能够快速标注的软件，后来延伸出了导出html和自动切图功能。通过这些功能，真正让设计师实现了只要在设计稿中精确作图，让程序员自己爱点哪里看哪里的目标。sketch原生提供的share style还有symbol的功能也让这款软件能方便设计师快速复用已有要素，并且尽可能减少不必要的重复劳动（一次修改，多处变化）。

——作为平台存在的sketch

sketch本身不仅仅是一个工具，也是一个提供多种多样可能性的插件平台。sketch有着丰富而活跃的周边支持体系，这些体系能让sketch与现实生产环境更好的接轨。无论是导出swift代码和icon font以及许多动效软件支持的sketch import，都能让设计师通过sketch迅速完成目标。

#图形绘制——affinity designer能比sketch提供更全面的支持

——高级的矢量图形绘制功能

sketch虽然是一款矢量图形绘制软件，但是对于图形本身的绘制是较为匮乏的。比如sketch没有自带的3d机制，所以每次画3d的图形就要靠设计师的基本功自己慢慢调节渐变。sketch的路径方面的支持也相对缺乏：path没有压感支持，更不要提丰富的笔刷功能甚至是平滑路径以及相关的snap机制（所以经常要手动round to pixel其实挺麻烦的）。sketch自带的填充机制也仅限于够用，如果需要更为灵活的调节细致的参数几乎不可能，甚至自带的noise都不支持渐变.... 

这些种种缺失其实都不是多大问题，但是在设计师希望画拟物一点的图标。复杂一些的line icon就会出现各种问题。当然，通过设计师自身的修养也能通过各种叠图层等等方式最终完成目标，可是sketch对绘图本身的支持程度无法达到日常足够用的级别。

——对图形绘制的周边附带支持

对于日常的图形绘制而言，网格是必不可少的一种工具。遗憾的是，sketch本身的网格是非常单一的，只有横竖两个方向无法调节角度更没有类似padding的机制.....sketch虽然能够view像素，但是却不能针对像素进行编辑...针对日常的图标绘制本身，sketch对多个view还有定制view point支持的缺乏也导致设计师只能不断放大缩小操作从而保证最终结果和预期相一致。值得一提的是，sketch作为一款ui绘制软件，其撤销和历史记录回溯功能都较为简陋，更无法在文件中保存历史记录。种种周边支持的缺失让sketch实际上并不适合作为图标绘制软件，更无法画那些对于精确度要求较高的logo。

——小结

以上提出的诸多sketch在使用上的缺陷，恰恰可以由affinity designer进行补全。affinity designer除了在图形绘制上的功能齐全（也就是说用来日常做icon做logo做banner画插画都足以应对），同时其操作和学习成本也比ps/ai要低。affinity designer可以导出eps和svg，所以可以和sketch无缝链接。

#在一个软件上不可能完成全部事情

在不久以前，我认为sketch可以满足我画界面的需求...遗憾的是随着我对画图有着更高的追求，就能发现sketch在功能上的种种缺失。诚然可以在sketch上通过种种操作避免许多问题，但是避免这些问题所浪费的时间不如引入其他趁手的工具解决这些问题。