【产品 & 设计】入门 - 工具篇 - 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,如需转载请自行联系原博主。

时间: 2017-12-04

【产品 & 设计】入门 - 工具篇 - Sketch + Skala Preview的相关文章

产品设计之习惯篇:产品因果关系日常分析

文章描述:产品设计习惯培养(一):日常学习之因果关系. 2012终于来到大家面前了.2011年有心再写一篇分享,可一直未能成行,1是没时间,2也怕自己写东西多了,反而让自己浮躁,无法将一些想清楚的东西呈现在大家面前.今年春节早,我也提前回了老家,在家里,总结这一年的成长,把一些已经成为一些个人产品习惯的东西,分享给大家,大家多交流.有问题也可以到微博上@大神我们一起讨论 这次要讨论的话题,是关于产品设计习惯的问题.一个人,有良好的卫生习惯.学习习惯.驾驶习惯,都能在生活当中,给予自己很大的帮助.

什么是产品设计?

本文讲的是什么是产品设计?, 这篇文章是对 CUAppDev 在康奈尔大学主办的 Intro to Digital Product Design 课程的总结记录.这门课程是1学分的,时间每周一 5:30PM 到 6:30PM,地点 Phillips 203. 什么是好的设计? Craigslist 以其美学标准而闻名,和今天的扁平风格 UI 与巨大的首图相比,Craigslist 的审美看起来似乎有点老了.但是,问题来了: Craigslist 是不是好的设计? 许多人很快会说,Craigsli

产品设计中的日常因果关系

本来,我曾经有心想再写一篇分享,但是一直未能成行,一是没时间,二也怕自己因为写东西多了,反而让自己变得浮躁,由此无法将一些想清楚的东西呈现在大家面前.但是当我在春节,我提前回到了老家,当我在家里,在总结了这一年的成长以后,就把一些已经成为一些个人产品习惯的东西,拿出来分享给大家,希望能够让大家多交流.而有问题也可以到微博上@大神 http://weibo.com/fulubin,让我们一起讨论 而这次的文章,我要讨论的话题,就是关于产品设计习惯的问题.因为一个人,有良好的卫生习惯.学习习惯.驾驶

MaxCompute(原ODPS)开发入门指南——数据开发工具篇

MaxCompute(原ODPS)开发入门指南--数据开发工具篇 写在最前面 >>>进入了解更多>>>阿里云数加·MaxCompute大数据计算服务. 大家在使用大数据计算服务MaxCompute时,最头疼就是我现在已有的数据如何快速上云?我的日志数据如何采集到MaxCompute上?等等...具体详见<MaxCompute(原ODPS)开发入门指南--数据上云篇>. 但是数据在MaxCompute上了之后,问题又来了,我怎么基于上面进行快速的数据开发,构建

产品经理实用工具【9】-用例设计Staruml

上回讲了一篇用例设计RationalRose,不过还是因为以下问题很多产品朋友没法装,一需要破解,二.需要安装汉化版.三几百M的文件下载传输都有问题,所以忍着带宽传了几个朋友就彻底失望了.但这回我推荐给大家的是用例设计工具staruml. Staruml的好处:开源.体积小仅仅为25M,功能也超级强大,所以做产品的您硬盘里想必也不能少哦,以下引用百度百科的一些内容来给用例软件Staruml做一下补充. StarUML是一款开放源码的UML开发工具,是由韩国公司主导开发出来的产品,可以直接到Sta

《需求设计:构建用户想要和需要的产品》——第1章 情境驱动设计入门1.1 对需求进行设计

第1章 情境驱动设计入门 本书讲的是如何设计IT应用程序.笔者写这本书,是想建议大家采用与原来不同的办法去做设计,尤其是想进行下列三项变革: 要使人意识到自己并不是在收集IT应用程序的需求,而是在设计它们.对应用程序所做的设计工作,正是建立在这样一种认知之上. 要把程序的设计做得像工程学一样,特别是要在实现之前先对设计进行分析,并寻找其中的缺陷. 要确保当前所开发的应用程序能够与现有的或同时开发的其他应用程序协同运作,以创建出一套连贯的IT架构. 本书要谈论如何思考应用程序的设计,以及如何对设计

交互设计方法:工具型产品用户体验的要素

文章描述:设计一个产品就像盖房子一样,要在战略层的基础上一级一级向上垒.对于设计师来说,不管是设计什么类型的产品,不仅要对产品整体有大概的认识,还要特别熟悉下一层级的内容,才能做出符合产品要求的设计.每一个层级的负责人都有权利和义务对上一个层级的不合理之处提出 什么是工具型产品?  工作的这段时间以来,我主要参与了一些电子商务类产品的交互设计,我发现这类产品的设计思路和门户.频道等产品有较大的差异,它们更关注于完成任务及操作,而非内容的分类与展示.之前我通常称这类产品为功能型产品.在去年广州举行

你应该知道的产品设计的14招

  我在Dribbble上发布作品之后,收到了许多积极反馈和问题,这也促使我动笔写这篇文章,跟大家聊聊我做产品设计两年来的经历和思考. 说来惭愧,在产品设计上我一直沿用相同的设计流程,不过在我看来,它可能确实接近于理想的状态.我将这些技巧划分为四个部分:预处理.工作过程.后期处理以及效率技巧.下面让我为你一一道来. A.预处理 1.绘制草图 绘制草图其实没那么多讲究,用一张纸还是一个本子都无所谓,哪怕是手边的一份传单都没问题,最重要的是要将脑海中的想法诉诸笔头,记录下来.只有画出来,才能真正记住

你应该知道的产品设计14步

我在Dribbble上发布作品之后,收到了许多积极反馈和问题,这也促使我动笔写这篇文章,跟大家聊聊我做产品设计两年来的经历和思考. 说来惭愧,在产品设计上我一直沿用相同的设计流程,不过在我看来,它可能确实接近于理想的状态.我将这些技巧划分为四个部分:预处理.工作过程.后期处理以及效率技巧.下面让我为你一一道来. A.预处理1.绘制草图 绘制草图其实没那么多讲究,用一张纸还是一个本子都无所谓,哪怕是手边的一份传单都没问题,最重要的是要将脑海中的想法诉诸笔头,记录下来.只有画出来,才能真正记住它们,