前言

  做产品和设计快 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的更多相关文章

  1. 【知名的移动APP和网站设计工具】Sketch for Mac 54.1

    以上图片来源于互联网分享,如涉及版权问题请联系作者删除. 文章素材来源:风云社区(www.scoee.com) 下载地址:风云社区(www.scoee.com)   [简介] Sketch 是一款适用 ...

  2. 版本控制工具Git工具快速入门-Windows篇

    版本控制工具Git工具快速入门-Windows篇 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 最近在学习Golang语言,之前的开发环境在linux上开发的,后来由于办公用的是w ...

  3. 9款原型设计工具与Sketch的强强组合,轻松构建交互原型!

    原型设计的发展历史经历了纸上原型.静态线框设计.到现在的可交互式原型.作为设计过程中最初始的阶段,设计师们对原型设计的要求也越来越高.因此,如今的原型设计工具格局也发生了很大的变化. Sketch对于 ...

  4. 机械学习笔记1 -> Solidworks三维产品设计与建模1 | 建模基础入门

    学习之余,课余了解一点点,作为爱好,妄想以后能够设计机甲出来. 学习来源是Solidworks三维产品设计与建模 00 工作界面介绍 00-1 概览 有时菜单栏和工具栏会重叠在一起,只有点击左侧三角才 ...

  5. 版本控制工具Git工具快速入门-Linux篇

    版本控制工具Git工具快速入门-Linux篇 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.版本管理系统的介绍 1>.版本管理系统的特点 1.1>.自动生成备份: ...

  6. 进阶篇:4.1)DFA设计指南:简化产品设计(kiss原则)

    本章目的:理解kiss原则,明确如何简化产品的设计. 1.前言:kiss原则,优化产品的第一原则 如果要作者选出一个优化产品的最好方法,那一定是kiss原则莫属.从产品的整体设计到公差的分析,kiss ...

  7. UI产品设计流程中的14个要点

    http://www.sj33.cn/digital/wyll/201404/38318.html 自从我在 Dribbble 上贴了一幅我的产品设计成果,受到了大家伙热烈的反馈,对此我深受鼓励,我决 ...

  8. 《IM开发新手入门一篇就够:从零开发移动端IM》

        登录 立即注册 TCP/IP详解 资讯 动态 社区 技术精选 首页   即时通讯网›专项技术区›IM开发新手入门一篇就够:从零开发移动端IM   帖子 打赏 分享 发表评论162     想开 ...

  9. 移动互联网(APP)产品设计的经验分享【转】

    随着移动互联网的发展,越来越多的Web产品开始布局移动端,因此最近经常碰到PM们在交流讨论移动APP产品的设计.我从事移动互联网已经有一年多了,通过不断的学习和实践也积累了一些心得,今天整理并分享一下 ...

随机推荐

  1. TSQL语句

    1.创建数据库create database test3;2.删除数据库drop database test3;3.创建表create table test(    code varchar(20), ...

  2. 创建 flat network - 每天5分钟玩转 OpenStack(87)

    上一节我们讨论了 flat network 的原理,今天就来创建 "flat_net" 并分析底层网络的实现. 打开菜单 Admin -> Networks,点击 “Crea ...

  3. android给View设置边框 填充颜色 弧度

    <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http: ...

  4. 窥探Swift之函数与闭包的应用实例

    今天的博客算是比较基础的,还是那句话,基础这东西在什么时候都是最重要的.说到函数,只要是写过程序就肯定知道函数是怎么回事,今天就来讨论一下Swift中的函数的特性以及Swift中的闭包.今天的一些小实 ...

  5. MyCAT日志分析

    MyCAT日志对于了解MyCAT的运行信息不可获取,譬如MyCAT是否采用读写分离,对于一个查询语句,MyCAT是怎样执行的,每个分片会分发到哪个节点上等等. 默认是info级别,通过log4j.xm ...

  6. Ios 实现 滑动cell 伸缩的核心代码

    - (void)scrollViewDidScroll:(UIScrollView *)scrollView { CGFloat viewHeight = scrollView.height + sc ...

  7. 附录B 安装MySql数据库

    B.1  卸载旧的MaySql程序 第一步   查找以前是否安装有mysql 使用命令查看是否已经安装过mysql: #rpm -qa | grep -i mysql 如果没有结果,则可以进行mysq ...

  8. C++作用域

    作用域通常和变量捆绑在一起,限定了变量可用范围,同时也规定了变量的生命周期:何时创建.何时销毁.作用域通常分为:全局作用域和局部作用域. 全局作用域(全局变量) 在所用函数体外部定义的变量就是全局变量 ...

  9. HTML基本结构

    HTML简介 HyperText Markup Language:超文本标记语言 HyperText:超文本(文本 + 图片 + 视频 + 音频 + 链接) Markup Language:标记语言 ...

  10. SQL Server基础之《视图的概述和基本操作》

     数据库中的视图是一个虚拟表.同真实的表一样,视图包含一系列带有名称的列和行数据,行和列数据用来自由定义视图和查询所引用的表,并且在引用视图时动态产生.本篇将通过一些实例来介绍视图的概念,视图的作用, ...