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



目录
相关文章
|
存储 前端开发 JavaScript
GIS前端编程-Leaflet插件发布
GIS前端编程-Leaflet插件发布
114 0
|
2月前
|
移动开发 数据可视化 JavaScript
DIY官网可视化设计导出UNIAPP源码
DIY官网可视化设计导出UNIAPP源码
41 2
|
2月前
|
数据可视化 搜索推荐
重磅更新-UniApp自定义字体可视化设计
重磅更新-UniApp自定义字体可视化设计
57 0
|
4月前
|
vr&ar 开发工具 图形学
Pico Neo 3教程☀️ 五、开发者工具:实时预览工具(Preview Tool)
Pico Neo 3教程☀️ 五、开发者工具:实时预览工具(Preview Tool)
|
4月前
|
JSON Android开发 数据格式
Flutter笔记:美工设计.导出视频到RIVE
Flutter笔记:美工设计.导出视频到RIVE
89 0
|
7月前
|
UED iOS开发
「 Sketch超实用教程 」元素基础
「 Sketch超实用教程 」元素基础
67 0
|
7月前
|
小程序
基于微信小程序的音乐播放器设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的音乐播放器设计与实现(源码+lw+部署文档+讲解等)
297 0
基于微信小程序的音乐播放器设计与实现(源码+lw+部署文档+讲解等)
|
7月前
|
编解码 搜索推荐 Android开发
Flutter笔记:发布一个模块 scale_design - (移动端)设计师尺寸适配工具
Flutter笔记:发布一个模块 scale_design - (移动端)设计师尺寸适配工具
129 0
|
数据可视化 C# 文件存储
VSTO | 零基础开发个人专属PPT导航插件教程
零基础开发个人专属PPT导航插件教程
698 0
|
atlas C# 图形学
Unity3D性能优化-图集制作插件TexturePacker中文教程
本文提供全流程,中文翻译。Chinar Unity图集制作插件-TexturePacker图文教程 学习如何使用 TexturePacker 为 Unity 制作图集 为新手节省宝贵的时间,避免采坑! 简单说就是:将大量的小图,合并到一张大图上,可以有效的降低 Drawcall 1.
6229 0