技术文章

  许多人在学习 Sketch 当你打开工具看到不同的功能时，你会立即撤退。

  事实上，人们对工具的恐惧来自于太多的新功能和 Axure、Photoshop 不一样。

  但作为产品经理，不是专职设计师，只用会 Sketch 这些功能就够了。

ARTBOARD

  Artboard 有点类似 Axure 中间页面。如果说 Axure 以页面为单位，所以在 Sketch 中就是以 Artboard 为单位。

以 Artboard 为了规定页面的大小 Artboard 为单位转让给设计师和研发人员 Artboard 为单元在 Principle 制作页面跳转

  假如你做的是 Web Design，现在宽屏比较多，可以 1200 px 作为页面宽度。

  而且我习惯用 1440 px 的宽度。

  假如你做的是 App Design，并且以 iOS iPhone 6 以尺寸为基准，可以使用 750 px 作为页面宽度。

  个人觉得 Sketch Artboards 比 Axure 更好的页面是所有页面都可以更直观地看到。

  当你点击 Artboard 时，Sketch 给出尺寸参考，让您快速对应尺寸的页面。

RECTANGLE

  作为产品经理，最常面对的是线框图，所以在 Sketch 最常见的是矩形：Rectangle 了。

  即使是设计师，最常用的也是矩形。啊哈哈。

  先给大家看一个页面，几乎都是矩形的。

  掌握矩形检查器，掌握 Sketch 一半的功能。当然，这是产品经理的~

  让我们来看看矩形检查器的功能：

对齐：几乎每个设计工具都有功能位置、尺寸、翻转圆角风格定义透明度、层混合：类似 Photoshop 边框外阴影和内阴影的图层混合功能填充模糊

  不是很简单，是的 Axure 基本上可以理解功能是什么。

  到目前为止，你可以开始使用它 Sketch 画原型。

ICONS

  当原型设计不遵循设计过程时，产品经理可以下载一些 icons 临时充数。

  Sketch 可以承接 iconfont svg 格式，还原路径，方便后续编辑。Sketch 布尔运算，和 Ai 中的「路径查找器」如出一辙。

  在 Sketch 在布尔运算中，形状的合并、相差、相交、去重都很方便。

ZEPLIN

  产品设计完成后，产品经理需要将成果移交给设计师或研发人员。Sketch 插件 Zeplin 它可以帮助我们完成这一点。

  Zeplin 可以帮助设计师和研发人员更快地沟通：

Artboard 快速上传Sketch 标记每个元素和参考代码交接切割页面，帮助研发和设计更好地理解产品设计标签，更好地分类，帮助上传版本管理

  在 Sketch 选择要上传的 Artboard，按下 cmd E 可以上传。

参考代码

  Zeplin 神奇之处在于，可以给出标记和参考代码，帮助R&D人员更快地写前端代码。

切图

  在 App Design 设计师经常要交接不同尺寸的切图，这很麻烦。Zeplin 它可以帮助设计师快速生成不同尺寸的元素切图。研发人员可以直接下载。

页面标注

  有一些简单的交互和控制风格描述，可以直接写 Zeplin 上去很方便。相当于产品经理的需求文档，可以直接在 Zeplin 完成后，还有自己的评论功能。

标签

  当迭代速度快，页面数量多时，适当标记页面可以帮助设计和开发快速找到页面并确定任务。

  版本信息也可以打印在不同的页面上，更好地管理版本。

  好了，掌握 Sketch 您可以尝试使用这些功能 Sketch 做产品设计。Sketch 目前的模板和周围的插件已经优于 Axure 了。

  是时候学习这个新工具了。