• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 原型工具哪家强!我从10个角度对比了素描和Axure的优缺点

原型工具哪家强!我从10个角度对比了素描和Axure的优缺点

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含原型工具哪家强!我从10个角度对比了素描和Axure的优缺点等相关知识,希望在学习及工作中可以帮助到您

Z Yuhan: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端

「做交互原型的软件」

  1. 工具随心用!教你用KEYNOTE快速制作高保真交互原型
  2. 新晋神器!超厉害的原型设计新玩具Kite Compositor 深度测评

=======

您可能想查找下面的文章:

相关文章

  • 2018-08-23基础小科普!8种常见的版式设计方法汇总
  • 2017-08-06IE下打开ClearType后透明字体问题的解决方法
  • 2018-08-23风骚一点!在网页中玩转霓虹色的正确姿势
  • 2018-08-23这些设计细节,决定了谁月薪5000谁月薪50000!
  • 2018-08-23通过这篇文章,帮你彻底搞懂微交互
  • 2018-08-23可能是最全面的「无障碍设计」学习指南
  • 2018-08-23Google对话式交互规范指南(六):用户对话中的自然惯例
  • 2017-08-06浏览器缓存相关http头尽量减少http的请求次数
  • 2017-08-06Bootstrap3.0学习笔记之特殊的效果(显示隐藏、消除浮动、关闭按钮等)
  • 2018-08-23复盘实战案例:引导用户开通唯品金融五部曲

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 「这个控件叫什么」系列之虚拟键盘/软键盘/Soft Keyboard
    • 学会这4个心理学小知识,你的设计会更有说服力!
    • 超实用!6个小技巧帮你打造高转化的网站落地页
    • 新手建站入门教程 域名的解析与绑定
    • noe4j之cypher之where
    • 从交互角度,分析为什么我沉迷抖音,却不想刷微视?
    • 如何界定借鉴和抄袭?高手用一个插画案例让你轻松看懂!
    • 三八XX节专题页设计该怎么玩?看这篇就够了!
    • 网易资深设计师:我用这7个流程做LOGO设计
    • 常用元素默认margin和padding值问题探讨

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有