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



目录
相关文章
|
2月前
|
数据可视化 大数据 API
【推荐100个unity插件之22】基于UGUI的功能强大的简单易用的Unity数据可视化图表插件——XCharts3.0插件的使用
【推荐100个unity插件之22】基于UGUI的功能强大的简单易用的Unity数据可视化图表插件——XCharts3.0插件的使用
45 0
|
2月前
|
自然语言处理 搜索推荐 API
【推荐100个unity插件之21】unity实现多语言切换功能——Localization插件的使用
【推荐100个unity插件之21】unity实现多语言切换功能——Localization插件的使用
67 0
|
3月前
|
SQL 前端开发 JavaScript
IDM 平替 Gopeed Flutter 开源免费下载工具
IDM 替代品 Gopeed 是一个开源免费的 Flutter 下载工具,支持 HTTP、BitTorrent、Magnet 等协议。项目采用 getx 进行构建,已获得 13k Star。功能包括多平台下载、自定义下载目录和并发数、代理设置等。它还拥有浏览器扩展和各种下载插件。开发者可以参考代码学习 Flutter 和 getx。项目源码可在 GitHub 上找到,同时提供了编译和配置指南。Gopeed 是一个值得尝试的现代化下载工具,适用于 Flutter 开发者和用户。
134 4
IDM 平替 Gopeed Flutter 开源免费下载工具
|
3月前
|
编解码 搜索推荐 Android开发
Flutter笔记:发布一个模块 scale_design - (移动端)设计师尺寸适配工具
Flutter笔记:发布一个模块 scale_design - (移动端)设计师尺寸适配工具
83 0
|
数据库
如何利用ANSYS Material Designer,对复合材料进行均质化分析?
复合材料结构的数值模拟由于涉及长度尺度的不同而具有一定的挑战性。虽然微观有限元方法可以用来模拟系统的结构力学问题(解决所有的长度尺度),但对于复杂大型产品的设计它是不实际的。因为所需的单元数量将是天文数字,计算成本会非常之高。
如何利用ANSYS Material Designer,对复合材料进行均质化分析?
|
缓存 前端开发 定位技术
Flutter游戏引擎Flame系列笔记 - 1.Flame引擎概述
本文介绍Flutter游戏开发现状以及Flame游戏引擎的整体情况与相关概念。
1271 0
微软开发神秘新应用 Designer ,或为 PowerPoint 功能升级版?
微软开发神秘新应用 Designer ,或为 PowerPoint 功能升级版?
126 0
微软开发神秘新应用 Designer ,或为 PowerPoint 功能升级版?
|
Web App开发 开发者
介绍一个Material设计风格的Chrome开发者工具增强扩展
介绍一个Material设计风格的Chrome开发者工具增强扩展
147 0
介绍一个Material设计风格的Chrome开发者工具增强扩展
|
人工智能 数据可视化 图形学
Unity火爆插件Behavior Designer行为树插件学习
如果要让游戏里的角色或者NPC能执行预设的AI逻辑,最简单的用IF..ELSE...神器既可以实现, 但是再复杂的一般用经典的状态机来切换状态,但是写起来比较麻烦。相对的,行为树(Behavior Tree)理解和编辑起来就非常简单了。
|
atlas C# 图形学
Unity3D性能优化-图集制作插件TexturePacker中文教程
本文提供全流程,中文翻译。Chinar Unity图集制作插件-TexturePacker图文教程 学习如何使用 TexturePacker 为 Unity 制作图集 为新手节省宝贵的时间,避免采坑! 简单说就是:将大量的小图,合并到一张大图上,可以有效的降低 Drawcall 1.
6159 0