对工具而言,个人觉得没有说哪个工具好用不好用之分,更重要一点,做设计的来讲什么时候用什么工具来提高工作效率,这个最重要。下面我也来讲讲这二款工具的不同之处:

Axure算是原型工具里的 Old School ,功能强大的同时又带着点Windows传统界面的土气,有人把它形容成瑞士军刀。

Sketch更像是最近大热的 New School ,虽然从Apple那里沾染了点理想主义的傲娇做派,但是从它的开源特质和与其它产品的互通情况来开,很有可能是未来的发展方向。

我目前对这两个工具的熟悉程度刚好处于还差不多的水平,于是趁此机会来向大家详细分析对比一下。顺便为有工具选择困难症的小伙伴提供一些帮助。

我将分别从十个方面分析对比这两个原型工具:

主要优点

页面管理

控件管理

备注说明

矢量绘图

文件导出

软件性能

团队协作

学习难度

主要缺点

一. 主要优点

Sketch:开放的平台和资源

不断丰富的插件以及对接软件,例如:Principle, Invision…

Axure:强大的Web功能

强大的动态面板、丰富的事件和参数功能,用的好的话,几乎可以还原略为复杂的动态前端页面。

二. 页面管理

Sketch:画布和Artboard

数量少的话很方便,多的话就有点崩溃了。

Axure:严格的层级管理

数量少的时候有点麻烦,但是多起来也方便寻找。

三. 控件管理

Sketch:控件功能简便轻量

不能做动态组件,只能看到静态的不同效果

使用组件时可以快速修改文字、图片和所引用的

控件必须确定固定的尺寸,使用时可以拉伸

Axure:控件功能强大,但灵活性一般

可以做成动态组件,例如有焦点状态的输入框、悬停按下状态的按钮等。

使用组件时能够切换状态,但是被封装成控件(模板)后,里面的文字图片等内容就不能轻易修改。一定要改的话,也能用事件和参数做到,但是很麻烦而且不能预览。

控件的尺寸随着内容自动变化,但使用时不可以拉伸。

四. 备注说明

Sketch:缺少备注说明功能

需要用文本的形式附上或是使用备注插件。

Axure:备注功能较为完善

可以写在每一页的说明参数里。甚至还可以另开一个说明页面,绘制流程图,并用缩略图引用其它页面(页面快照)。

五 . 矢量绘图

Sketch:可以满足大多绘图需要

尤其是给折角设置圆角的功能很好用。

Axure:一般,只能勉强画出基本能图形

六. 文件导出

Sketch:只能导出静态图

可导出Artboard、切片和所选元件。

Axure:可以导出图片、HTML和文档

HTML导出功能很好,把生成的HTML生成地址共享给别人,别人可以在上面做评论。但是导出图片和文档的效果通常不是很理想。

七. 软件性能

Sketch:标配Mac机,很大的文件也不怎么卡

一个十多页,每页四五十个屏的文件,也没有丝毫的卡顿感。

Axure:标配Windows机,文件大了容易卡

一个页面上加上与真实环境相当的事件动作(下拉框、动态页签等),生成HTML预览时就会卡。除此之外页面达到二十页以上,在使用时也会有卡感。

八. 团队协作

Sketch:本身不具备爱团队协作功能

有团队协作的插件,但是我没用过。

Axure:有较为完整的团队管理功能

可以在一个团队文件之中,以页面和组件为颗粒度件划分每个人的负责区域,不过每次都要上传下载才能互通。

九. 学习难度

Sketch:入门容易

但是因为很多功能都不是写清楚和在工具界面上摆出来的,需要自己去找资料才行。

Axure:自学基本功能容易

因为大部分功能都摆在界面上了,不需要教程就能摸索,但是如果涉及到事件和参数的使用,就需要看资料了。

十. 主要缺点

Sketch:比较过于轻量

对于简单的设计会觉得好用,但是对于复杂庞大产品的设计,就会遇到各种混乱和不便的问题。举个例子,如果控件(Symbols)太多,下图这种找法效率就很低了。

Axure:

本身功能强大且灵活性高,只要解决卡顿的问题,其它都好说。有人可能觉得Axure的界面看起来太过传统复杂,但是我认为工具是用来使用的,不是好看的。

对于选择工具的建议

Sketch:适合乐于并使用学习各种工具的设计师,设计适合轻量产品的设计,尤其是移动端

Axure:适合乐于钻研技巧、把专业工具变成神器的设计师,适合庞大复杂产品的设计,尤其是Web端

来源:知乎-千锋UI设计学院

原文链接:https://www.zhihu.com/question/26712715/answer/651952603

Sketch 画原型比 Axure 好用吗?为什么?的更多相关文章

  1. android应用开发-从设计到实现 3-3 Sketch静态原型设计

    Sketch静态原型设计 对于静态原型的设计,我们使用Sketch. 启动Sketch后,我们将看到相似例如以下的界面, 工具栏 它的顶部是工具栏, 能够通过菜单条View -> Customi ...

  2. 用Axure画原型图有感

    感觉前端做UE非常有优势啊- 但是在制作的时候,似乎陷入了误区: (1)只求原型图的漂亮,色彩丰富,忽略了其本质作用,是用来整理逻辑,画出逻辑流程的. (2)一开始就追求交互,高保真的原型,忽视了细节 ...

  3. 原型设计Axure的基本使用

    Axure是一款专业的原型设计工具, 让负责定义需求设计:功能和界面的人员能快速设计出所需产品,其中不仅包含了对软件产品的界面,交互逻辑的原型设计,还包含了流程图:web网站的线框图,并且能导出说明文 ...

  4. 原型工具Axure vs Mockplus ——表格对比 , 你选谁?

    现如今原型设计能力是越来越多的UI/UX.产品经理.提案者和互联网创业者必不可少的技能之一,所以在这里着重向大家介绍这两款非常棒的原型设计工具在表格功能上到底有哪些不同. Axure大家比较熟悉,Mo ...

  5. 《软件工程综合实践专题》第三次作业——原型工具Axure RP8 的介绍

    一.为什么使用Axure Axure RP是一个专业的快速原型设计工具. Axure RP已被一些大公司采用.Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师. ...

  6. Axure实例演示—登录界面

         实例演示 ——登录界面                                                                                    ...

  7. x1c2017 8G版 win linux的取舍纠结记录

    x1c 2017 的 i5 7200U 8G ram 的丐版.换了1T SSD.其实一般使用没啥问题. 1 外出携带的轻便性太满意(mac13寸相比之下都太重了): 2 coding时候的安静性,比原 ...

  8. 6种原型设计工具大比对! Axure,Invision, 墨刀……哪款适合你?

    每一年的毕业季都是找工作高峰时期,产品经理.UI设计师这些岗位都会接触到原型设计工具.选择原型设计工具最重要的一点:适合自己的才是最好的! 下文将对目前超火的原型工具进行大对比,快来看看那一款于你而言 ...

  9. axure团队合作开发原型图

    谁是人画或其他原型图的头,但在基本制度的发展时,.我们分配一些人画的原型,其他部分干. 再画一个原型不再是一个人画,一起画,假设大家都各自画自己那一部分.最后再由一个人来整合的画.是非常麻烦. 咱平时 ...

随机推荐

  1. 215.Spring Boot+Spring Security:初体验

    [视频&交流平台] SpringBoot视频:http://t.cn/R3QepWG Spring Cloud视频:http://t.cn/R3QeRZc SpringBoot Shiro视频 ...

  2. PHP+Ajax判断是否有敏感词汇

    本文讲述如何使用PHP和Ajax创建一个过滤敏感词汇的方法,判断是否有敏感词汇. 敏感词汇数组sensitive.php return array ( 0 => '111111', 1 => ...

  3. gp工具的许可

    还是要在代码里许可 static class Program { [STAThread] static void Main() { ESRI.ArcGIS.RuntimeManager.Bind(ES ...

  4. Open SuSE虚拟机分辨率不能自适应的解决办法

    装了一个比较老版本的open SuSE(12.3),即使编译安装VMtools之后分辨率依然不能自适应. 解决办法是手工运行下vmware-user-suid-wrapper这个命令即可解决.而且运行 ...

  5. 4-17疑难点 c语言之【结构体对齐】

    今天学习了结构体这一章节,了解到了结构体在分配内存的时候采取的是对齐的方式 例如: #include<stdio.h> struct test1 { int a; char b; shor ...

  6. 关于Qrc文件的用法

    在python文件xxx.py中调用资源文件,一般来说,需要将资源放在xxx.py的相同目录下:然而,当在xxx.py下建立一个统一目录/rec则需要建立xxx.qrc文件才能让xxx.py调用,调用 ...

  7. nginx 的安装、启动、停止与重启

    一.nginx 基本介绍 1.Nginx 是单进程单线程模型,也就是启动的工作进程只有一个线程响应客户端请求,而 apache 可以在一个进程内启动多个线程响应客户端请求.所以 nginx 的内存占用 ...

  8. nvm管理node版本

    一.介绍与作用 不同的项目中可能使用的node版本不同,对于维护多个版本的node就是一件麻烦事了,而nvm就可以很方便的管理不同的node版本, 可以在不同的node版本间切换使用.NVM资源(针对 ...

  9. 【译】在Transformer中加入相对位置信息

    目录 引言 动机 解决方案 概览 注释 实现 高效实现 结果 结论 参考文献 本文翻译自How Self-Attention with Relative Position Representation ...

  10. linux 文件压缩与解压

    zip格式: zip -r(源文件是目录) [目标文件] [源文件] unzip -d [解压到的目录] [要解压的文件] gz格式: gzip [源文件]   #会删除源文件 gzip -c [源文 ...