【知群——产品经理】2 如何选择一款适合你的设计软件

2 如何选择一款适合你的设计软件

理解在正确的时间选择正确的设计工具
如何选择适合自己的设计软件
主流的UX设计工具

如何选择适合自己的设计软件

最终选择的是什么软件并不重要，重要的是必须有选择的思路，理解在正确的时间选择正确的设计工具

选择设计软件的五个要素
平台和渠道 Platform and channels
- 你的项目是设计网站还是应用程序？是桌面端还是移动端？
- 你是否需要一个响应式界面来满足不同平台和渠道和客户
- 有些工具可以为你提供跨渠道体验的更多灵活性，而其他工具则更专注于与某个平台的设计，你如何选择
- 你自己的在使用什么终端做设计？windows Or MacOS？
速度与质量 Fidelity
- 你的产出需要和用户最终使用的产品保真度一致吗？
需要判断直接面向用户或中间产物
- 线框是否足以显示应用布局和结构，还是需要支持更多细节和复杂交互
- 你想通过一系列步骤来演示一个流程，还是想表达一个深层次的交互特性？

速度与质量-->设计阶段-->设计意图和目的（一般情况下质量/效果往往与速度呈负相关）

设计阶段流程

是一个循环往复、不断验证的过程

几种原型设计介绍

它们在设计中的先后顺序

大部分时候纸张原型在验证产品创意方面非常有效

当项目进入最初阶段并且你想要做的只是一个验证概念时，软件的使用其实并不是特别重要，纸质原型通常可以更有效地展示产品是如何工作的。纸质原型消除了花时间使用软件（以及在某些情况下学习如何使用它）的必要性，同时允许设计的快速低保真迭代，更多地侧重于测试概念而不是验证特定地可用性问题。

便利贴手绘工具：便利贴
界面拼接工具：打印机、纸
泡沫板手绘工具：纸、泡沫板
手机金属模板工具：模板

新手设计师注意

在花费精力去选择合适的工作软件之前，先与团队讨论一下使用软件在当前阶段是否真的是最好的解决方案，以及哪种类型的产出最能满足该项目的特定需求

你的设计意图是什么？

通过矩阵分析在设计阶段使用软件制作的常见意图
明确设计意图可以帮助思考所需的保真度和功能级别，这两点对软件的选择至关重要

分享和协同 collaboration
你所在的设计团队都使用什么软件？
你是否需要将你的交付物移交给别的团队或同事进行下一阶段的设计？是否需要考虑交付物的复用性？
它是否与你所在团队使用的其他设计和沟通工具无缝集成
你是否有团队设计协作和内容共享的需求
你如何展示方案交流设计
开发团队对设计交付物的要求有哪些？
学习曲线 Learning curve
你学习这个工具需要多长时间
一旦选择使用该工具，需要多长时间才能运用到工作中
你是这个领域的专家或新手吗
编程知识或编码是必需的吗？你有相关知识基础吗
你在UX设计方面有经验吗
花费 Cost
你愿意购买收费软件吗
你愿意花多少钱在收费软件上
你愿意花钱学习难度高的软件吗
如果你愿意购买收费软件，你所在的团队愿意吗

主流的UX软件介绍

信息架构设计

xmind for windows

mindnode for mac

coggle for mac

processOn for web
流程图

OmniGraffle for mac

Visio for windows

Axure for windows
线框图

balsamiq mockups for mac

sketch for mac

Axure for windows

XD for windows/mac
可交互原型

invision for mac

keynote for mac

XD for windows/mac

Axure for windows

sketch for mac
中（高）保真

sketch for mac

XD for windows/mac

AI for windows/mac

PS for windows/mac
动效设计

flinto for mac

principle for mac

origami for mac

设计阶段--信息架构设计

	Xmind	Mindnode	coggle
平台	Windows/Mac	Mac	Web
分享和协同	支持	支持	强支持
上手难度	中等	中等	简单
花费	专业版￥699	￥258	订阅付费制

coggle

一款轻量的在线编辑思维导图软件
界面简洁、易用
支持实时多人协同编辑（邀请可同时编辑一个画布）
有版本管理

Xmind

国产老牌思维导图软件
功能强大、支持甘特图、头脑风暴等模式
基本覆盖全平台
图形库样式丰富

Mindnode

简洁美观的思维导图软件
非常轻量，功能足够用
iCloud生态独占支持，内部分享还算方便

	Omnigraffle	Visio
平台	Mac	Windows
分享和协同	支持	支持
上手难度	中等	较难
花费	专业版 $199.99	Office 365

设计阶段--流程图设计
Omnigraffle

OmniFocus

OmniPlan

OmniOutliner

OmniGraffle

Omni Group旗下的一款绘图软件
可以用来绘制图表，流程图，组织结构图以及插图
拥有大量现成的适用于各种业务场景的模板
近年来定位在不断调整，边界不断拓宽

Visio

设计阶段--线框图设计
balsamiq

仿真手绘风格很有意思
轻量、简单、效率高
基础控件很完整
让懂设计和不懂设计的人都明白你的意思（以草图的形态反馈一款产品的概念方向验证，而不让大家深入去研究具体的设计思路和方向）

| | balsamiq |
| --- | --- |
| 平台 |Mac/Windows/Web|
| 分享和协同| 支持 |
| 上手难度| 简单 |
| 花费 | $89（web版订阅制） |

任何一款具有矢量编辑或基础绘图功能的软件都可以用于线框图

设计阶段--交互原型设计
可点击操作的交互原型

界面+流程的展示交互原型

	Invision	Axure	keynote&Power point
平台	Web	Windows/Mac	Windows/Mac
分享和协同	支持	支持	支持
上手难度	简单	较难	简单
花费	订阅制	专业版 $289	免费&office 365

Invision

一款强大的协作设计平台工具
集协作、管理、演示、对接开发于一体
对网络要求略高（服务器在美国）
优质的插件
博客内容质量高
为项目和团队提供灵活的存储空间，易于分享和讨论设计想法，同时也很适合做设计汇报
让客户，团队成员和利益相关方直接评论您的设计，简化您的反馈流程，快速在平台上查看所有项目的新反馈
拥有对接开发的自动标注工具
泳道式的轻量项目管理工具
可以轻松的把交互原型通过link的形式，分享到其他终端上，帮助方案汇报和早期的原型测试

Axure RP

一款老牌的IT解决方案设计软件
功能强大，从流程图到中保真图都能应对
擅长表达复杂的跳转逻辑，交互场景和交互细节
移动端的控件操作不是那么方便
有和flash或dreamweaver比较相似的思维和使用方式，有原件，母版，css式样等
操作不是特别顺手（不是很符合设计师的逻辑）

Axure对比其他软件的功能优势

动态内容展示
流程逻辑控制
简单动效
数据驱动功能
响应式屏幕展示
数学计算

keynote / Power point

非常快速和简单
超链接可以达到元素和页面之间的灵活跳转
支持多种平台
内置实用又丰富的过场动画（Magic Move）

设计阶段--中（高）保真设计

	Sketch	Adobe XD	PS&AI
平台	Mac	Windows/Mac	Windows/Mac
分享和协同	弱支持	弱支持	弱支持
上手难度	简单	中等	较难
花费	每年 $99	暂时免费	Adobe creative cloud

sketch

最主流的数字产品设计工具
界面简洁轻量，学习成本低
强大的插件群，软件生态好
Symbol功能强大，提效
输出便利性强
Mac 独占
Sketch拥有强大的插件群，软件生态好（measure、graft）

sketch measure可以自动标注、自动切图、本地化操作以及输入兼容性好（html）
Invision Craft 可以内容自动填充、图片自动填充、云端共享设计、元素快速复制以及用真实数据设计
Sketch与Adobe XD相比在软件生态上有优势（毕竟时间比较长），与Zeplin、Marvel（类似invision）、Flinto等主流设计软件之间快速流转，避免导入导出和格式不兼容的尴尬。

Adobe XD