Hype

Hype中文官网 > 常见问题 > 在UI动效设计工具Hype中添加和管理符号

在UI动效设计工具Hype中添加和管理符号

发布时间:2020/05/26

在Hype中,符号是一个功能强大的工具,可让用户轻松地重复使用元素,时间轴和动画。可以将符号当成场景中的场景:符号包含了它们自己的元素,时间轴,动作和行为。对某一符号进行2次复制,修改其中一份符号中的元素,那么另外一份符号里的元素也会被同步修改,因此符号在对跨多个场景中共享的元素进行统一修改时会很有用。

下面小编通过使用UI动效设计工具Hype 4,教大家如何去使用它的符号功能。

  1. 一、插入符号

点击Hype的“符号”菜单,然后选择“新建符号”或者“新建持久符号”,可以创建空的符号,如下图1所示。

图1:新建符号

其中Hype的标准符号和持久符号,它们之间的区别是什么呢?

一个场景中可以有多个标准符号,在同一个场景中,是可以对标准符号进行复制粘贴的。

而持久符号则不一样,每个场景中只能具有一个持久符号,且持久符号是不可以被复制粘贴的吗,它只会有一个实例。 

  1. 二、符号路径

由于符号本身可以包含符号,如果一直包含下去,一个符号里面甚至会包含几十层子符号也不一定,因此就需要一个符号路径来告诉使用者,现在更改的是第几层的符号,防止编辑错符号。

大家可以通过双击场景编辑器中的符号来编辑符号,当大家在进行符号编辑时,这时符号路径栏就会出现,具体如下图2红框所示。

符号路径
图2:符号路径
  1. 三、管理符号

创建完符号以后,又该如何管理已创建的符号呢?其实很简单,就像是图片,视频一样,管理符号也是在资源管理器中进行管理。

点击Hype右上角的“资源”按钮,打开资源管理器界面,如下图3所示。可以看到资源管理器下方有加号减号,用户可以利用加号按钮增加符号,利用减号按钮删除符号。最下方还有复制符号的按钮,可以对选中的符号进行复制。

符号的资源管理器
图3:符号的资源管理器

默认情况下,当用户删除文档中符号的最后一份拷贝,会将该符号从资源库中删除。如果想在资源库中保留场景中不被使用到的符号,需要在资源管理器中不勾选“在不再引用时删除”的选项,具体如下图4所示。大家还可以在Hype功能介绍页面查看更多的功能以及版本对比。

取消勾选不再引用时移除
图4:取消勾选不再引用时移除

好了,以上就是小编整理的关于使用Hype添加和管理符号的具体教程,之后还会有更多更有趣、有用的教程发布在Hype中文网站上,欢迎大家前往关注!

作者署名:包纸

标签:符号资源库

读者也访问过这里:
Hype中文版
创建漂亮的HTML5网页内容
立即购买
QQ 群
官方交流群:1046763737 立即加群
400-8765-888 kefu@makeding.com
热门文章
Hype制作矢量形状动态变形的动画效果
相信大家都看过一些网页动画,就是从一个矢量图形慢慢变成另外一个矢量图形。其实这个效果利用Hype可以非常简单地实现,下面小编就利用Hype 4版本,教大家如何快速简单地实现这一功能。
2020-06-09
H5制作软件Hype导出功能详解
Hype是一款Mac端网页制作工具,它可以通过时间线录制功能制作各种各样的网页炫酷动画效果,同时也支持使用物理引擎制作动画。当然,它的强大不仅仅体现于动画制作方面,它的导出功能同样也是功能齐全,下面小编就通过使用Hype 4版本,为大家详细介绍下这款H5制作软件的导出功能。
2020-06-05
Hype中触发事件的使用
一个优秀的网页绝不仅仅是一个静态的页面,在网页当中,还应该存在着一些点击或者触摸等主动触发事件,当用户点击页面上某处的时候,页面会相应的发生一些动态变化,这就是网页的触发事件。Hype作为一款专业的Mac端网页制作软件,同样支持触发事件功能。
2020-06-08
UI动效设计工具Hype的响应式布局及设置
响应式布局可以使用户的网页在各种尺寸的屏幕上都能够较好地兼容,不会因为屏幕尺寸大小变化导致网页拉伸变形。Hype就支持这种响应式布局,它允许设计者为单个场景创建多个布局,当用户在浏览器中显示页面时,Hype将根据设备的当前宽度动态加载合适的布局。
2020-05-21
实战:使用Hype绘制动态旅行路线(一)
小编今天给大家介绍一款HTML5动画制作软件——Hype 4。Hype 4是一款不需要使用Flash就可以进行HTML5动画制作的软件,让完全不了解代码的大家也能够轻松使用并制作自己的动画。
2020-05-22
使用Hype进行动画制作的入门介绍
在一个网页中,如果多了一些动态元素的呈现,会使页面看起来更显得高大上一些。而Hype使用功能强大的动画系统,利用时间线录制功能,使制作者制作动画变得轻而易举。
2020-05-21