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

前言

　　做产品和设计快 1 年了，积累了一点经验分享一下 —— 抛砖引玉，欢迎交流。

声明
　　欢迎转载，但请保留文章原始出处:)
　　博客园：http://www.cnblogs.com
　　农民伯伯： http://over140.cnblogs.com

背景

　　我现在的工作：产品（主） + 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相关推荐

蓝湖完成 10 亿元 C+ 轮融资，发布一站式产品设计协作工具
在线协同设计工具和全周期解决方案提供商蓝湖宣布完成 10 亿元 C + 轮融资,并推出一站式产品设计工具 MasterGo. 随着新一轮融资落地,蓝湖成为中国云软件赛道的新晋独角兽,本轮融资由 GGV ...
产品设计杂谈--微信篇
当我们在谈微信时,我们在谈论什么. 微信,是每一个做产品的人都绕不开的一个话题. 这就好比,做平面设计要知道原研哉,聊动画电影必聊皮克斯.宫崎骏,看爱情动作片肯定要懂苍老师(此处有掌声). 是的,微信 ...
产品设计思维工具（2019年做产品的一点总结）
序号方法应用场景/说明 1 先使用文字陈述出所有已知信息,再进行精简界面Label定义文字描述 2 将信息结构化界面信息排列,结构化可以提供良好的阅读理解以及扩展能力 3 思考用户执行的关键 ...
PM产品经理之书籍篇
重磅推荐|产品经理自学之最强书单 2016-04-28 无敌小编编入门不读书,成长徒伤悲.同是刚刚入门的产品汪们,学习的方式千千万万,但有一样!都是大家必备的,那就是~读书!读书!读书!重要的事情说 ...
交互设计入门（思维、方法、工具）
在日常工作中,我们或许会遇到这样的情景: 说不清楚交互设计师和 UI 设计师的区别,被人觉得交互设计师就只有审稿或在产品经理出的原型基础上完善优化的份了:面对很多成熟的交互组件库和界面框架,觉得交互设 ...
Sketch Mirror不能用？那就用Skala Preview手机预览Sketch
在手机上预览Sketch设计稿,很多设计师会选择使用Sketch Mirror,今天介绍的是另一种Sketch手机实时预览工具Skala preview. Skala preview其实是只支持预览P ...
Sketch进阶教程-原型设计入门
Sketch for Mac是一款运行在Mac平台上的专业矢量绘图软件,sketch mac 中文破解版提供了丰富的矢量绘图和文字工具,你可以使用sketch mac 破解版来设计界面.网站.图标等, ...
Revit二次开发入门教程一（工具篇）
对BIM开发感兴趣的读者可以关注我的BIM开发系列教程什么是BIM开发?这篇文章可以告诉你 Revit二次开发教程提纲 Revit二次开发编程入门一(工具篇) 前言 BIM诞生的背景 Revit在B ...
PMCAFF微分享 | 阿檬：如何设计好工具型软件？产品经理必备技能
本期嘉宾|阿檬阿檬:一位比较年轻的老PM.三年来一直做纯工具类产品,没做过电商.社交.游戏.O2O,只做过360安全浏览器和360手机卫士,目前在做360清理大师. 分享地点|PMCAFF工具产品经 ...
极致的线上产品设计与终极数据分析工具，两者缺一不可（下）
我们接着上文的话题,本篇介绍我们的两个特色功能,用户分群和数据管理. 第六期:用户分群天天面向用户开发产品,却云里雾里,用户差异傻傻分不清楚? 用户分群可以让你根据用户的自然属性和行为属性来对用户进 ...

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

【产品设计】入门 - 工具篇 - Sketch + Skala Preview相关推荐

最新文章

热门文章

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

【产品 设计】入门 - 工具篇 - Sketch + Skala Preview相关推荐

最新文章

热门文章

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

【产品设计】入门 - 工具篇 - Sketch + Skala Preview相关推荐