中秋公众号封面-电脑端.png

近年来,新闻媒体的宣传报道方式正变得越来越多元,如果你还只会用图文视频进行新闻宣传报道,那可得跟上潮流啦!融媒体时代,H5几乎成了各级媒体政府宣传报道工作中不可或缺的一部分,2022年全国两会即将拉开序幕,来试试做款H5吧!

分页展示是很多H5惯用的布局方式,但当我们需要呈现政府工作报告这类篇幅较长且关联性很强的内容时,大量的分页很可能会造成理解障碍或阅读疲劳,进而影响用户体验。

为了便于向老百姓传递两会声音,可上下滑动到底的长页面H5一直是新闻媒体人的好选择。长页面常用于连续的内容展示,并可配合手势滑动去做一些相关的交互。得益于意派Epub360 H5编辑器的强大功能,新闻媒体人无需借助代码,即可制作出可交互的两会长页面H5报道。下面,咱们就一起来欣赏一款长页面形式的“指尖报告”吧!

两会长页面H5案例

《一图解读2021怀化两会政府工作报告》

点击标题查看

dsO9Zpjmp8sYWoFF__thumbnail (12).png

该作品主要总结了怀化在2020年内所作出的努力、取得的成绩,及其在“十三五”期间所实现的六大历史跨越。用户可通过滑屏、点击操作查看具体内容。

好了,案例已看完,下面再给大家介绍两款长页面类的H5模板,有需要的新闻媒体朋友们快快用起来吧!

两会长页面H5模板

《媒体报道长图文》

点击标题查看

dsO9Zpjmp8sYWoFF__thumbnail (13).png

《常规新闻(长页面)》

点击标题查看

dsO9Zpjmp8sYWoFF__thumbnail (14).png

如何使用意派Epub360制作长页面H5?

使用意派Epub360制作长页面H5的方式主要有两种,第一种是使用layer容器,第二种是改变页面属性。在此,我们主要介绍第二种相对简单一点的方法(第一种方法虽然相对复杂一点,但制作功能也要更为强大,可制作横长图并配合一些特殊的动效等,如果感兴趣的话,可以在意派Epub360官网教程中心搜索关键词,以查看相关教程进行学习《Layer容器》)。

1、登录意派Epub360并创建一个H5作品,在右侧属性面板的页面信息下勾选“启用长页面”。勾选后,画布的底部会出现一个可以拖动的灰色小长条,如下图:

1.png

2、向下拖动小长条后,画布会相应地纵向延长,与此同时,画布上会留下一条更为细长的灰色线条,这个线条就是正常画布的出血线,可以方便H5设计师观察长页面中一屏的位置,如下图:

2.png

3、除了向下拖动小长条外,我们还可以通过直接输入具体的数值来延长画布,如下图:

3.png

本次分享就到这里了,下次遇到内容较多的宣传报道工作时,记得运用意派Epub360的长页面功能进行线性排布,并在精简内容的同时配合一些独特的交互方式哦~这样才能更好地为用户提供流畅的阅读体验,并有效降低流失率。


更多相关文章

  1. android跳转到卸载页面
  2. android - 购物车页面【仿】京东App
  3. android之simpleAdaper应用
  4. Android刷新页面
  5. android cmd
  6. Activity基类广播退出APP
  7. android ViewPager学习笔记1
  8. android自定义组件
  9. Activity基类广播退出APP

随机推荐

  1. Android锁定横屏、竖屏和去标题栏、全屏
  2. android LinearLayout android:layout_we
  3. Android ListView中item之间的分割线
  4. Android空间EditText的InputType属性
  5. android 动态切换主题,动态换肤
  6. android makefile prebuild
  7. Android layout文件中 '?' 的作用
  8. 使用 Android Compatibility Package 来
  9. Mac下Android Studio使用
  10. android 网络实时监听网络状态变化 及 网