【产品 & 设计】入门 - 工具篇 - Sketch + Skala Preview

背景

我现在的工作：产品（主） + iOS 开发（辅）

用 Sketch 来做产品原型，更高阶一些的让专门的设计师来做，比如 icon 、视觉效果等。

设备：Macbook Pro + iPhone 6S

正文

工欲善其事，必先利其器。对于非科班出生来做设计 —— Sketch 实在是太好用了，看文章、视频半天就能开始动手做东西，输出高保真的产品效果图。正版 $99 美元的价格不菲，有 15 天试用期，如果公司能报销就太好了，正如搞 iOS 开发至少得买一个 iPod 吧？官网：http://www.sketchapp.com/

1、Sketch 插件

强烈建议通过 Sketch Toolbox 安装插件，官网：http://sketchtoolbox.com/

1.1 Content Generator Sketch Plugin

自动生成人物头像、姓名等信息，让设计稿的数据和效果更佳真实，Github：https://github.com/timuric/Content-generator-sketch-plugin 

2、Sketch Mirror 替代品 - Skala Preview（免费）

支持将设计稿一键同步显示到设备。官网：https://bjango.com/mac/skalapreview/ ，分别在 Mac 和 iPhone 上装一个 App，然后装一个 Sketch 插件即可。

3、Sketch 资源站

开始做设计的话可以先搜索下载 Android Material Design / iOS 9 UIKit 等模板

Sketch 中文使用手册

http://browse.sketchapp.tv/

http://www.sketchappsources.com/

Google Material icons ：https://design.google.com/icons/ 许多小 icon 都是从这下载的，建议下载 svg 文件，可以直接拖拽到 Sketch 里面

Android 的设计规范：Android Material Design

iOS 的设计规范：iOS Human Interface Guidelines

Windows 的设计规范：Design applications for the Windows desktop

4、招设计师，厉害的那种

我们的产品主要是面向海外用户，产品 & 设计除了参考 Android/iOS 设计规范主要借鉴 Twitter、Facebook、Snapchat、Periscope、 Instagram 等一线 App ，力求简洁易用。团队介绍和要求看这里。

结束

这里只分享我用了并且确实好用的东西，Sketch 好强大，我目前只使用了一小部分就满足了基本的设计需求。

本文转自博客园农民伯伯的博客，原文链接：【产品 & 设计】入门 - 工具篇 - Sketch + Skala Preview，如需转载请自行联系原博主。