盘点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 注重“化繁为简”,更加适合快速修改和迭代。就看你们怎么选择了?

时间: 2024-10-11 11:45:01

盘点3款原型工具的部件样式的相关文章

最合适UX设计师的五款原型工具

UX设计师是以用户体验为中心,进行产品设计,他们的任务就是让用户说出"Yes".UX设计涉及到人机交互的各个方面,如可用性.功能性.交互设计.信息架构设计等等.就这些方面来说,原型工具不可或缺.市场上的原型工具有很多,但想找到合心意的却比较困难.其实,挑选工具也是有门道的,在确定具体用户及项目需求前,我们可以先根据下面UX设计中至关重要的几个方面,进一步筛选和确定: 1, 易用性:即交互的适用性.功能性和有效性的集中体现,结合需求的功能,观察是否方便使用. 2, 实用性:无论哪种设计,

产品经理常用的原型工具有哪些?

原型工具是产品经理工作中必备的工具之一,本文和大家分享的就是常用的3款原型工具的部件样式,希望对大家有所帮助. 使用样式是集中管理整个项目的外观及感受的最优方法,通过部件样式可以像word一样对组件进行快速方便的样式设置,大大提高了制作原型的效率. 使用样式是集中管理整个项目的外观及感受的最优方法,通过部件样式可以像word一样对组件进行快速方便的样式设置,大大提高了制作原型的效率.当项目要更新视觉设计时,使用样式不但可以节省时间,还能帮助你统一和标准化多个团队成员的设计风格,统一的样式能够定位

【转】2016你一定要试试这8款原型设计工具

以前,Photoshop在交互设计领域扮演着主要角色.最近一份调查显示, Photoshop的地位有所下降.一共有来自200个国家4000人参与了这次调查, 结果显示,设计师更加倾向于一些新型的工具, 因为这些工具简化了原型设计,设计数字产品的过程. 我们可以轻易的从网上获得各种各样的原型设计工具,例如众人皆知的Axure和新发布的Mockplus.下面为大家推荐8款原型设计工具. 1. Axure PR 价格 l 标准版-$289一个注册码 l 专业版-$589一个注册码 Axure RP是美

5款常见原型工具,产品特色知多少?

工欲善其事必先利其器.天天和产品打交道,无可避免的要做一些页面原型,当然也离不开各种工具.好的原型工具软件可以大大提高工作效率,但是每款工具各有优劣.之前写过一篇基于不同平台的原型工具介绍,分别是基于网页.基于桌面端.和原型手机预览APP. 为了更好的帮助大家做出正确的判断,少走弯路,今天我分别为大家介绍一下几款常用软件的产品特色. 1. Axure RP 尽管近年来各种原型工具层出不穷,且功能及使用性方面也在不断的发展,但Axure仍旧是原型设计工具中的佼佼者,稳坐大牛之位.可以说Axure是

盘点最值得使用的5款办公工具!

现在人们的生活节奏超级快,工作效率跟不上,迎接你的只有加班了,今天分享最值得时候的5款办公工具,从此以后高效率. Unlocker一个文件删除工具,解除一切占用,快速删除目标文件,再也不用一个个找啦! 今目标一个目标管理软件,不仅为企业和组织创造了一个专属的网络办公环境:更提供了一种可行可试的管理方式:同时也是辅助每一个职业人自我管理与成长的有益工具. 视频去水印大师这是一个手机端的APP,操作特别的简单,可以一键去除视频中的水印,同时可以修改视频的封面和名称. 猎豹轻桌面桌面太乱看着难受不说,

开发者、设计师和管理人员必备的20款在线工具(上)

当互联网越来越靠近我们生活的时候,网络技术的发展也使得我们更多的任务可以在网络上完成,比如设计和开发.今天小编给大家推荐20款不需要安装,借助浏览器即可完成项目的网页开发工具~ Animatron Animatron是一个与动画有关的在线工具,可以帮助你轻松制作HTML5和SVG动画,无需编写代码,可提高网站的体验和设计感. 目前Animatron提供不同层级的服务,从免费到20美元包月.可以将你从制作往网站动画效果的压力中释放出来,还可以帮助你将工作内容存储到云端,方便团队协作,一旦完成作品还

Android程序员不可错过的十款实用工具

现在一起来看看Android开发人员不可错过的十款在线工具.这份清单当中包含与这些测试工具.框架以及其它重要资源相关的概述信息,希望能够帮助大家更好地完成日常工作.闲言少叙,咱们切入正题. 框架: 1) PhoneGap PhoneGap是一款跨平台免费开源移动应用开发框架.这套框架允许大家利用各类主流Web技术开发自己的移动应用程序,具体包括HTML.CSS以及JavaScript.HealthTap.Rormix以及Snow Buddy正是利用PhoneGap框架开发而成的几款高人气应用成果

用户体验至上:用线框和原型工具打造理想产品

引言:交互的概念是很难用语言描述的,怎样才能让一个抽象的想法得到充分沟通和测试呢?一个原型工具就能回答这个问题. 原型是一个想法成为App或者网页的旅途上的伴侣.一个建筑师不会从一开始就去挖地下室,他会在绘制完草图后,一步一步地设计电脑上的和真实的模型,并且反复地测试和修订.同样平面设计师也会在UI界面上一点一滴地修复和调整各种设计元素. 但是除了需要打造一个美观的UI界面之外,还应该让用户可以享受使用产品的过程,产生粘度,最起码不会产生厌烦的情绪.这就关乎到一个好的用户体验的问题.因此,为了避

这些年,产品经理们折腾过的原型工具

之前读过一篇关于"什么是全栈设计师"的文章,里面提到所谓的全栈设计师就是能做线框图.原型图,能做视觉稿,能写前后端代码.放到产品设计中,全栈设计师就是能一个人搞定产品开发的所有环节.其中,最原始.最关键的一个环节就是线框或者说原型设计.这个环节的意义就相当于上层建筑的扎实地基.那么打造地基的工具很重要. 所以,选什么原型工具,怎么选择原型工具对产品经理们来说就是一个值得思考的问题. 一.选什么原型工具? 市面上原型工具那么多,比原型工具更多的是产品小白,他们往往不知道该选什么工具,大多