前言
做产品和设计快 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 好强大,我目前只使用了一小部分就满足了基本的设计需求。