Hype是一款强大的Mac OS平台 HTML5 创作工具,它可以在网页上做出赏心悦目的动画效果,创建丰富的网页交互动画,支持层、时间轴等编辑方式,并能很好的导出HTML5/CSS3/JavaScript,在台式机,智能手机和iPad上流畅表现。

Hype功能特性
使用 Hype 可以在网页上做出赏心悦目的动画效果,创建丰富的网页交互动画,无需编码。

Hype新增功能
多边形
可以将任意数量的侧面形状轻松插入文档中。它们是可编辑的,并且可以作为更复杂的矢量形状的起点。
路径 路径
路径通常被称为“钢笔工具”,“曲线”或“向量”,是所有向量形状的基础,并且可以包含多个由控制点操纵的直线或曲线段。
铅笔工具 铅笔工具
您可以画一条线,而不是为路径定义单个点,它会自动平滑并转换为路径。我们建议将此工具与Astropad等平板电脑解决方案配对。
形状变形 形状变形
自动将一个矢量形状设置为另一种形状!您需要做的就是点击记录,移动播放头和修改形状。
画线动画 画线动画
非常适合内置,您可以使用“ vivus”风格的效果使矢量形状具有被绘制的外观。使用“铅笔工具”时,可以自动添加这些工具。
物理与互动 物理与互动
矢量形状可以成为动态物理实体,并成为模拟物理环境的一部分。使用“铅笔”工具绘制的形状将变得生动起来!
精灵表/图像序列导入PRO
导入使用其他工具制作的 Sprite 表格,或让 Hype 为您提供一系列图像文件或 GIF 动画的表格。连同持续时间和循环选项,可以在时间轴上操纵生成的动画元素。
掉落和嵌入阴影
阴影使用 CSS 滤镜效果将阴影动态添加到具有不规则形状的元素或包含 alpha 值的图像。插图阴影像小插图一样应用到盒子的内部。
回退映像PRO
拍摄活动场景的快照,并将其用作广告的海报/备用图像,或在用户禁用 JavaScript 时用作备用。
数学方程式计时功能PRO
您可以编写 JavaScript 方程式来定义动画的定时功能,而不是内置或自定义缓动。
官方CDNPRO
此高级导出选项允许使用托管的运行时文件。对于广告,它们通常不计入可交付文件的大小要求,并且在某些情况下可以加快加载速度。
iPhone X选项
现在,预设场景大小包括最新手机的默认大小,并且有一个用于处理陷波的移动选项。
翻页过渡
这是从一个场景到另一个场景(绑定到拖动手势)的最平滑方法。它是“现场轻扫”操作的过渡选项。新的“为显示准备”动作处理程序提供了设置下一个场景的机会。
偏斜
通过在 X 或 Y 方向上添加剪切来变换元素。细微的偏斜动画可以为您的元素增添生气。
外部编辑PRO
编辑其他应用程序中的资源。可以在文本编辑器(如BBEdit)中编辑 JavaScript 函数或 Head HTML。可以在Photoshop 或 Affinity Photo 等应用中编辑图像。保存在另一个应用程序中会将文件写回到您的 Hype 文档中。
可编辑的HTML属性PRO
将其他属性添加到图像。这可以是自定义data- *属性,也可以是标准属性,例如视频的 poster 属性。
物理API访问PRO
Hype 的物理引擎基于 something.js,现在可以通过 JavaScript 代码和元素设置器 API 进行访问。这允许进一步定制并利用其高级功能。

总览
Hype 4是用于macOS的HTML5创建应用程序。用Hype制作的交互式内容和动画可在台式机,智能手机和iPad上使用。

场景
场景是分离和组织内容的有用方法。它们类似于Keynote或PowerPoint演示文稿中的幻灯片。

元素
元素是场景中的对象。它们可以是形状,文本,按钮,纹理按钮,图像,视频或HTML小部件。

矢量形状
矢量是使用矢量工具绘制的形状,包括直线,曲线和复杂形状。

动画制作
Hype使用功能强大的基于关键帧的动画系统为元素提供运动和过渡。它的录制功能使制作动画变得轻而易举。

时间线
时间轴包含动画。每个场景至少有一个时间轴,场景也可以有许多时间轴。使用动作来开始,暂停或继续时间表会创建丰富而复杂的文档。

动作
场景,时间线和动画是所有Hype文档的基础。动作将这个基础联系在一起,并使文档具有交互性。

符号
符号是一个功能强大的工具,可让您轻松地重用元素,时间轴和动画。

音频视频
Hype支持最新的HTML5音频和视频API,用于创建具有丰富多媒体内容的文档。

版式
文字和字体控件,Google字体和自定义字体支持。

物理
物理使您可以控制元素的物理属性(反弹,摩擦,空气阻力和密度)以及场景的引力。

响应式布局
响应式布局允许您为单个场景创建多个布局,这些布局显示在特定的断点处。

布局灵活
灵活的布局是一个功能强大的布局系统,用于调整文档和元素的大小和缩放比例,允许Hype动画在浏览器窗口或设备的视口更改大小时做出响应。

Hype反映
适用于iOS的Hype Reflect可让您在任何iOS设备上快速预览或镜像Hype文档。

触控与行动
Hype提供了几种用于产生触摸友好交互性的选项。

预览和导出
在本地浏览器上预览Hype文档并将文档导出到Web。

辅助功能
了解有关如何在文档中添加替代文本,角色和辅助功能的信息。

导出脚本
通过在导出过程中添加其他处理步骤来自动执行Hype输出。

范本
模板是“冻干”的Hype文档-打开Hype模板会基于打开的模板创建一个新文档。

资源资源
资源是已添加到Hype文档中的图像,视频,JavaScript函数和其他文件。

JavaScript
Hype中的JavaScript函数通常是响应用户事件而运行的。

检验员
Hype的九名检查员可以轻松访问文档,场景和元素属性,以及各种其他控件。

捷径
探索Hype的众多键盘快捷键,以更有效地工作。

Hype2020点击免费下载安装使用

Hype for Mac 交互动效设计软件 V4.0.4相关推荐

  1. sketch如何做设计稿交互_《动静之美——Sketch移动UI与交互动效设计详解》历程...

    随着移动互联网的迅速崛起,对移动产品界面的设计质量和迭代速度都有了更高的要求,市面上开始涌现出一批专门针对移动UI设计的软件,Sketch便是其中的佼佼者.Sketch因其强大的功能以及极低的入门门槛 ...

  2. 场景UI交互动效设计法则与12种常见设计

    场景UI 交互动效的首要目标应是支持和增强用户在状态间的转化,在进行场景UI 交互动效设计时,通常遵循着6个目的.4项作用以及5大应用法则: 动效存在的6个目的: 1.吸引用户注意力在指定区域 2.表 ...

  3. Principle 6.9 中文版 Mac平台交互动效设计神器

    Principle 是前 Apple 工程师打造的一款交互设计工具,五分钟即可制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者 Gif 分享到 Dribbble.Twitter 等社交平 ...

  4. 改善交互动效设计 实例

    前言:这篇短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议. 我们将在下文中,简单探讨如何改善下面的这个交互. UI动效设计的反面案例(线上 ...

  5. html5 交互作品,20个交互动效很棒的网页设计例子

    20个交互动效很棒的网页设计例子 11月 19, 2014 评论 (1) Sponsor 不可否认使用FLASH制作的网站确实很有动感,但有利必有弊,它的加载速度相当慢,在移动端的表现很差,导致访客下 ...

  6. ymodem传输的终端工具_Serial for Mac(现代化的终端设计软件)

    Serial Mac是Mac os系统上一款现代化的终端设计软件,使与服务器,网络设备的工作,并为工程师和系统管理员嵌入式硬件更容易.内置从头开始为OS X,串行不再需要搜索并安装驱动程序,以便与大多 ...

  7. 用墨刀做出的交互动效,10个优秀作品欣赏

    本文转自墨刀公众号,已允许转载. 下文的交互动效案例,很高的借鉴价值.收藏住~ 除了一/二/三等奖的获奖者,我们还有以下获得**「优秀奖」的小伙伴,墨墨姐选摘了他们的一些交互动效作品**晒出来供大家欣 ...

  8. Affinity Designer for Mac(专业矢量图设计软件)

    今天小编给大家带来一款专业矢量图设计软件-Affinity Designer for Mac,这款Affinity Designer for Mac作为Mac上矢量图设计软件的佼佼者不愧于专业之名,A ...

  9. QuarkXPress 2022 for Mac v18 中文版 – 版面设计软件

    QuarkXPress 2022 for Mac是一款可让您精确控制文本,图像,形状,颜色,不透明度,并且兼容多种文件格式的版面设计软件,QuarkXPress 2022 Mac版被世界无数人广泛使用 ...

最新文章

  1. Mybaits整合Spring自动扫描 接口,Mybaits配置文件.xml文件和Dao实体类
  2. 重构学习1-重命名方法、类、参数等
  3. Sql Server日期格式的转换收集
  4. 太努力工作的年轻人,都有病吧!?
  5. [NOIP2010提高组]关押罪犯
  6. 吕帅 计算机学院,刘磊-吉林大学计算机科学与技术学院
  7. 银行卡注销快捷支付协议
  8. 易筋SpringBoot 2.1 | 第十四篇:SpringBoot的HikariCP
  9. 模仿iframe框架,由分隔栏动态改变左右两侧div大小———基于jQuery
  10. 斯维尔密码狗使用方法(附安装资源)
  11. javascript跑马灯效果
  12. 在Linux下使用GIMP打印一寸照
  13. matlab 输入数据类型,Matlab数据类型及基本输入输出
  14. Windows直接访问WSL2路径并直接进行读写操作,权限不足的问题
  15. 王牌英雄怎么服务器维护了,王牌英雄新手入门指南 王牌英雄玩法技巧
  16. 华为又出新品,谁知平板还能这么玩
  17. 苹果要加入Face ID到Mac,Magic Keyboard 添加 Touch Bar
  18. 朴素贝叶斯(Naive Bayes),联合概率,条件概率,先验概率,后验概率
  19. python每日一题:爬虫电影的动态票房信息
  20. AHP算法MATLAB代码

热门文章

  1. 物联网之ZIGBEE学习(2) CC2530单片机与ZIGBEE
  2. SSD 闪存盘技术详解
  3. java redis实现session共享_redis实现分布式session共享
  4. QT将tableview导出到Excel表格
  5. 如何在国内上medium_我们社区在Medium开学第一年的数据
  6. Redis集群-主从复制 作者哇塞大嘴好帥(哇塞大嘴好帅)
  7. Java数据结构链表面试题 作者:哇塞大嘴好帥(哇塞大嘴好帅) --持续更新
  8. js生成二维码的插件
  9. windows下统一mysql编码_mysql5.7 windows7编码统一utf-8-Go语言中文社区
  10. 《Linux那些事儿之我是USB》我是U盘(35)迷雾重重的批量传输(四)