盘点3款原型工具的部件样式

使用样式是集中管理整个项目的外观及感受的最优方法,通过部件样式可以像word一样对组件进行快速方便的样式设置,大大提高了制作原型的效率。当项目要更新视觉设计时,使用样式不但可以节省时间,还能帮助你统一和标准化多个团队成员的设计风格,统一的样式能够定位和加强你品牌的外观和感受,提高线框图和原型工具的专业性。

Axure

1. 在检查器中添加了“更新”和“创建”的按钮,便于编辑。

例如:当要添加“Box1”部件时,“Box1”的样式就将添加到项目中,如果对“Box1”样式进行修改,那么部件库中的“Box1”也就自动更新成修改后的样式,这也将影响所有使用了该样式的部件。

可以点击样式下拉列表右边的“更新按钮”,将当前的样式保存为该部件的默认样式,或者点击“创建按钮”保存为一个新的部件样式,如果不希望新的样式影响其他部件,或部件用途发生变化时,可以创建一个新样式。

2. 自定义部件样式,可命名自己需要的样式,创建自定义样式是为了避免修改默认样式。

3 .使用格式刷应用部件样式,如:需要“Box2”与项目中的“Box1”样式一致时,点击“Box1”,通过格式刷复制,然后点击“Box2”应用就可实现。

4. 鼠标悬停等事件使用部件样式。

5. 部件样式器中允许同时选择多个部件样式进行编辑,按住Ctrl或cmd键并在部件样式器中选择多个样式条目。

英语好的小伙伴可以看看他们官网的详细教程:http://www.axure.com/c/blog/170-axure-best-practices-using-widget-styles.html

Justinmind

1. 可创建自己的部件库,方法是将排列好的单个组件放在一起,并将它们集体框选拖动到组件库。这样下次你就可以直接使用自己定义好的组件。

2. 检查器面板中有“给该部件应用默认样式”和“把该部件设置为默认样式”两个选项方便编辑,Justinmind 还有一个导航功能,可以通过移动“矩形”来摆放它在设计区域的位置。

3. 部件边框可调整宽度,例如“矩形”,可以在它的顶部边框,底部边框,左右边框设置不同的颜色,三角形和圆形则不可。

4. 可使用“复制样式部件”应用部件样式,这点和Axure的格式刷是相似的,但相比Axure,JustinMind更好的提供了属性窗口,并且更好的支持捕获PS等软件的图像属性

5. 值得一提的是Justiinmind的部件库,不仅有基础的部件,还有一系列Iphone ios9和ios 9 icons的部件可直接应用。

有兴趣的小伙伴可以看看他们的详细教程:https://www.justinmind.com/support/wireframe-template-styles-and-fonts/

Mockplus

1. 在项目中使用某个部件样式时,对此部件样式进行修改后,要再次使用该部件时,可先收藏再使用,收藏文件直观的显示你的收藏部件。

2. 部件库中的部件简洁,编辑样式方便、简单、快速。

详细教程:http://doc.mockplus.cn/?cat=38

我们来看看这些功能何时使用是最佳:

Axure 和Justinmind

1. 大型项目或团体合作中需团体成员的项目外观和感受一致时。

2. 长期维护和更新的项目。

3. 短期且快速的原型项目不需要。

Mockplus: 适合短期快速的原型项目。

总结:

Axure和Justinmind的编辑样式功能大同小异,但都功能强大,而Mockplus 注重“化繁为简”,更加适合快速修改和迭代。就看你们怎么选择了?

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小文博客

前端利器——Fscapture

1271
来自专栏数据小魔方

think-cell chart系列19——任务甘特图

今天跟大家分享think-cell chart系列19——任务甘特图。 甘特图在之前的教程中曾经讲过,当时是在excel中制作完成的,花费了相当多的时间和功夫。...

7617
来自专栏腾讯社交用户体验设计

移动H5前端性能优化指南 - 腾讯ISUX

4491
来自专栏娱乐心理测试

移动端图标生成工具

1270
来自专栏日常学python

用python来给图片加水印

有时候我想在图片上添加自己的水印来防止别人盗图,所以今天给大家分享如何用python给我们的图片添加上水印。我们先来看看效果。

1313
来自专栏新工科课程建设探讨——以能源与动力工程专业为例

2 HTML5基础

答:借助HTML5解决和分析工业设计中的问题,易于实现数据可视化,而且支持所有主流操作系统。与传统C/C++/FORTRON计算机语言相比具备几个显著优势:首先...

2160
来自专栏CDA数据分析师

一看就会又超级实用的Excel10大技巧

本期责编:Sophie 普通人需要用到的Excel的功能不到其全部功能的10%。也就是说,对于绝大部分的用户来说,只要掌握了几个必须懂的Excel表格的基本操作...

1968
来自专栏Material Design组件

Human Interface Guidelines —— Buttons

1536
来自专栏施炯的IoT开发专栏

《101 Windows Phone 7 Apps》读书笔记-Groceries

课程内容 Ø Panarama控件     Groceries是一个简易的购物清单应用程序,我们可以用它来一步一步建立自定义的购物清单。根据个人的喜好,我们...

1825
来自专栏DeveWork

Google官方网页载入速度检测工具PageSpeed Insights 使用教程

相信有接触前端开发的大神们都听说过Google官方的PageSpeed Tools,这个网页载入速度检测工具有在线版本也有一个 Chrome 扩展,叫PageS...

6008

扫码关注云+社区

领取腾讯云代金券