文档章节

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

jongde
 jongde
发布于 2016/11/08 13:32
字数 1017
阅读 3
收藏 0

使用样式是集中管理整个项目的外观及感受的最优方法,通过部件样式可以像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 注重“化繁为简”,更加适合快速修改和迭代。就看你们怎么选择了?

© 著作权归作者所有

共有 人打赏支持
jongde
粉丝 8
博文 260
码字总数 323940
作品 0
成都
免费的Web UI开发套件

直接拿来用:13款免费的CSS UI工具包 10个超酷炫Bootstrap HTML & CSS UI工具包 12款免费且精美的Web UI工具包(上) 12款免费且精美的Web UI工具包(下) 免费下载!22个最新的HTML&CSS3 U...

易达
2016/10/17
51
0
纸上原型设计 VS 桌面原型工具设计,你更喜欢谁?

纸上原型设计,作为传统的原型设计方式,简单快速,成本低廉,为大部分设计师所喜爱。而桌面原型工具设计,作为伴随电脑科技发展而出现的原型设计方式,快速全面,高效保真,动效灵敏,专业优...

mo311
02/26
0
0
5款常见原型工具,产品特色知多少?

工欲善其事必先利其器。天天和产品打交道,无可避免的要做一些页面原型,当然也离不开各种工具。好的原型工具软件可以大大提高工作效率,但是每款工具各有优劣。之前写过一篇基于不同平台的原...

jongde
2016/11/11
16
1
4款最受欢迎的Mac原型工具

原型工具中Wireframe, Mockup和prototype之间的有什么不同? 无论你是一名刚入行的UX/UI设计师,还是入行多年的老手,在制作原型的过程中一定接触或听说过其中很重要的三个原型术语:“wiref...

jongde
01/15
0
0
16 款加速编码的 HTML5 在线工具

HTML5 是在开发者和设计者之间最流行的语言之一,提供了大量的功能来帮助开发者们快速的设计 web应用。HTML5 有很多特性,例如支持现代化的浏览器(比如:Firefox 6,Google Chrome,IE9等等...

oschina
2014/01/20
4K
3

没有更多内容

加载失败,请刷新页面

加载更多

下一页

nginx访问日志-日志切割-静态文件不记录日志和过期时间

nginx访问日志: vim /usr/local/nginx/conf/nginx.conf #搜索log_format 该字段定义日志格式,默认如下: #combined_realip日志格式的名字,可随意定义; 定义访问日志: 需在虚拟主机配置文...

ZHENG-JY
5分钟前
0
0
180.mariadb 主从复制

参考:https://blog.csdn.net/chengxuzaza/article/details/62042920 睡觉睡觉,明天写 1.效果 当主库中数据有变化的时候,从库就自动同步 2. 环境要求 至少两台 linux服务器 (教程:https...

Lucky_Me
15分钟前
0
0
erlng file id3v1 id3v1.1

%% ---%% Excerpted from "Programming Erlang",%% published by The Pragmatic Bookshelf.%% Copyrights apply to this code. It may not be used to create training material, %% ......

xueyuse0012
16分钟前
1
0
RabbitMq的安装

环境Centos6.5 32位 JDK 1.7.8 Jdk的卸载 rpm -qa|grep jdk yum –y remove 上边的安装包 JDK的安装 Rpm –ivh jdk安装包 配置环境变量 export JAVA_BIN=/usr/java/jdk1.7.0_80/bin export J......

DemonsI
20分钟前
0
0
http和https协议

HTTPS全称为Hypertext Transfer Protocol over Secure Socket Layer,中文含义为“超文本传输协议在安全加密字层”,简单来说就是加密数据传输,通俗的说就是安全连接。 HTTPS安全超文本传输...

寰宇01
26分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部