盘点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

widgetstyles10

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/

interactive-wireframes-templates-styles-1

Mockplus

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

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

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

QQ图片20161026164948

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

Axure 和Justinmind

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

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

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

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

总结:

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

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/18694/

(0)
yanz kontolyanz kontol
上一篇 2023-03-03
下一篇 2023-03-03

相关推荐

  • 【 MRD】停车O2O产品案例

    1 用户问题和产品机会 1.1 用户问题 用户在停车过程遇到的问题 总的来说,用户在停车过程中遇到的问题如上图1所示。在此次MRD的讨论中主要关注其中以下这些问题: 找不到停车位 停车场进出要花较多时间排队 支付停…

    2016-04-06
  • [Mockplus教程]创建

    新建页面可以使用三种方式来实现: 1 点击右边页面树顶部的“+”按钮; 2 在右边页面面板空白处右击,在弹出菜单中选择“新建页面”; 3 直接使用快捷键Ctrl+Enter(MAC系统为Command+Enter)。 下面为三种方式新建页面…

    Mockplus 2015-09-18
  • 【深度产品体验】掌阅VIP的我为什么毅然选择网易蜗牛读书

    摘要:伴随着互联网时代的到来,人们的生活方式发生了很大变化,在阅读领域,人们已经从传统的纸质阅读逐渐转向数字化阅读,尤其是移动阅读习惯的养成,基于不同阅读动机衍生出各类垂直细分的移动阅读应用。我国移…

    2017-04-25
  • Mockplus原型交互跟我做之10–关闭弹出面板的那点事儿

    弹出面板,是我们经常使用的组件。今天,就来说说关闭弹出面板的事儿。 内容相对不那么好玩,但是挺重要,所以你需要了解。耐心阅读下,你发现并不复杂,同样是简单的。 一、自动关闭 默认情况下,弹出面板弹出后,…

    2016-07-07
  • 产品经理日常表情包大全,多说是泪拿走不谢!

    程序员篇:   运营篇:   老板篇   产品经理眼里的自己: 本图文仅供娱乐,笑笑就好不要太认真~

    2016-05-31
  • Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

    原文标题:利用Justinmind 6.7 新功能编辑、制作、使用矢量图标 Justinmind 6.7 提供了对 ILLustrator 矢量图形编辑、复制粘贴的支持,便得在Justinmind中使用高保真图标成为很容易的事情。下面,介绍如何利用网上…

    JustinMind 2015-08-25
  • 【Mockplus教程】复制/克隆

    复制是将页面复制到内存中,克隆是直接创建一个和原页面内容一样的新页面。 1. 复制 选中需要复制的页面,鼠标右键单击,弹出的菜单中选择“复制”, 然后在需要粘贴的位置鼠标右击,在弹出的菜单中选择“粘贴”。 2. …

    Mockplus 2015-09-10
  • O2O寒冬的根本原因:第一个“O”已经没意义了

    2015-11-03 艾瑞网 当下,关于资本市场的寒冬说不绝于耳,各种“死亡名单”、“不投列表”充斥在我们周围。O2O曾经的火热状态也在不断的降温,各种靠烧钱等方式建立起来的平台饱受质疑。 然而,随着客观环境发生巨大变…

    产品运营 2015-11-04
  • Web首页交互设计

    关于首页,每天处在互联网的生活中访问的网站首先映入眼帘的,都是网站向你展示的该网站的首页 我们还是来分析下“著名”的百度首页。说起首页设计分析百度就像编程开发第一堂课要讲Hello World!一样..... ^_^。 先…

    2014-09-27
  • 产品经理技能之MRD

    一、MRD与BRD的不同之处 BRD:这么做有什么好处,并说明好处在哪里? MRD的定义:通过BRD明确这件事值得做之后,描述应该怎么做,并说明这么做的原因。如果说BRD是抛出了论题,那么MRD就是要我们用论点来支撑BRD,…

    2015-11-09