精华内容
下载资源
问答
  • 常见的h5类型
    千次阅读
    2021-11-25 16:00:44

    H5的一般流程是:规划-确定功能-设计-制作。一般来说,设计在功能确定之后开始,在设计中需要考虑客户的实际需求、应用场景和通信对象。H5的表现形式有哪些?下面就一起来来看看。
    1.简单的图片和文字
    简单的图文是早期H5最典型的特殊页面形式。“图片”的形式是不断变化的,可以是照片、插图、GiF等。通过简单的交互操作,如翻页,它像幻灯片一样传播效果。测试是高质量的内容本身和讲故事的能力。
    滴滴打车的案例是一个典型的简单图形H5特别页面,整个页面由几个照片和故事串连在一起。视觉简单而有力,整个屏幕上有黑白照片,点缀着滴滴的品牌橙色。每次切换一个图片,文字逐渐浮现,没有其他的互动形式,这样观众就可以专注于内容,通过陌生人之间的真正接触,创造品牌的正面能量形象。
    2.礼物/贺卡/邀请函
    每个人都喜欢收到礼物的感觉。抓住这一心理,该品牌推出了各种H5形式的礼品、贺卡和请柬,通过提高用户的商誉,潜移默化地达到品牌推广的目的。因为这是一个礼物,创造力和生产是重要的加分项。
    许多企业也在春节期间以巧妙的方式推出语音贺卡,引导用户通过公众号向他们发送语音信息,然后将这种祝福的声音与不同的风格相结合,制作出独特的语音贺卡并发送给朋友。整体色调也是基于其自身的品牌色彩,同时蕴含着一丝优雅的年味,十分讨巧。
    3.问答/评分/测试
    以问答形式出现的H5网页也很常见。利用用户对知识和探索的渴望,一路选选选,看最后到底是什么成绩。清晰的线索是必要的,最终的结果页面需要合理且不引人注目。如果能辅以精彩的视觉和谐文案,就能极大地削弱回答问题的无聊感。
    4.游戏
    H5 游戏曾因其操作简单和竞争力强而广受欢迎。要想在游戏上成功传播品牌,就必须在游戏和设计上多下功夫。

    如需了解更多请关注 安拓客

    更多相关内容
  • 从引爆朋友圈的H5小游戏《围住神经猫》,到颠覆传统广告的大众点评H5...为活动推广运营而打造的H5页面是最常见类型,形式多变,包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同,如今的H5
  • H5开发的交互类型有哪些

    千次阅读 2020-12-31 17:04:35
    随着H5技术的发展,H5的玩法也在增加,其中用户参与性最高的是交互型H5了,宣传效果也比较好。而且交互型H5游戏有多种交互形式。商家可以根据自己的品牌属性选择。带大家了解一下交互H5都有哪些玩法: 1、点击屏幕...

    随着H5技术的发展,H5的玩法也在增加,其中用户参与性最高的是交互型H5了,宣传效果也比较好。而且交互型H5游戏有多种交互形式。商家可以根据自己的品牌属性选择。带大家了解一下交互H5都有哪些玩法:
    1、点击屏幕交互
    点击是最常用的手势,经常用于页面切换。点击引导可以作为注释,用户可以理解H5内容,使用户能够按照H5的节奏操作。例如,在《带上希望的种子去北京》中,用户可以点击手势“检查”行李箱,详细查看H5设计的内容。
    2、连续点击交互
    连击交互在游戏类中的应用比较多。在游戏类H5中,通常由连续点击生成的数值关联积分排名,具有竞技性质的H5可以进一步吸引用户参与。例如,《漫威电影十周年》的“揍”灭霸小游戏,用户继续点击屏幕,10秒内的点击次数就会计算出整个网络排名。
    3、长按交互
    长按是用户根据H5引导长时间触摸页面。长按交互用户需要保持手指静止状态,并在设计时提示H5播放进度参考,以避免乏味。例如,从腾讯公益的《敦煌未来博物馆》设计的风化过程来看,用户点击手机即可看到壁画随着年份推移逐渐风化的场景,还可以唤醒用户心中的文化保护意识。
    4、滑动交互
    拖拽交互必须在长按交互的基础上滑动,从一个点拖动到另一个点可以让用户自行控制速度。适合图片展示类的H5。例如,在《睡姿大比拼》中,用户可以拖动角色肢体来创建各种有趣的睡眠姿势。
    5、重力交互
    重力交互是一个非常直观的表达形式,用户可以轻松get到H5获得乐趣,这意味着手机硬件能升级给H5设计带来了更多的可能性。利用重力感应、陀螺仪、速度加速器等硬件,对H5的玩法进行创新,提高用户的代入感。例如,安装在《一“陆”狂飙,极速挑战》上的赛车游戏是通过手机重力传感来调整小车的方向。
    6、全景交互
    全景交互在屏幕中以360度展现所有场景,用户可以通过滑动移动场景。这种H5格式(如VR)需要关注整个场景的设计,边界连接要足够顺畅,全景加载内容较大,一定要注意用户等待和屏幕卡顿的问题。例如,华为出品的《我的荣耀5G世界》中全景互动展示了未来丰富多彩的5G世界。
    以上几种就是现目前比较常见的H5交互形式了,企业商家可以根据自己的需求来选择。

    展开全文
  • H5页面的制作过程中,一般分为H5策划、H5设计、H5程序制作和测试等四个步骤,其中最能带给用户好印象的就是H5设计了。在H5设计中,所蕴含的知识是十分复杂的,所展示的内容也是十分多样化的,如文字、颜色、线条、...

    在H5页面的制作过程中,一般分为H5策划、H5设计、H5程序制作和测试等四个步骤,其中最能带给用户好印象的就是H5设计了。在H5设计中,所蕴含的知识是十分复杂的,所展示的内容也是十分多样化的,如文字、颜色、线条、图片等等,其中最基础的就是文字的使用了。在H5页面中,文字字体的使用一直是一个很容易被忽略的模块,企业商家在制作H5是一般都不会太关心文字字体的使用,其实这是个很严重的问题,字体的功用其实各不相同。从呈现正文的强可读性文本,到装饰性极强的视觉化字体,各种不同的字体需要应对不同的功能。在H5的制作过程中,每个细节都是十分重要的。那么,在H5页面中,字体总体上分为哪几种类型呢?

    1、手写字体:手写字体通常被认为是手写风格的字体,在呈现的时候,常常会有连写的笔画,更贴近传统的书写字体所呈现出来的效果。手写字体更加随意和有趣,常见的手写字体包括:Alex Brush,Great Vibes,Sofia。

    2、展示性字体:展示性字体是一个功能导向型的分类,通常指的是用来作为标题展示、用于海报、徽章等地方的字体,它们表现力更强,视觉特征更突出,直言不讳地说就是为了吸引用户的注意力。常见的展示性字体包括:Algerian,Curlz,Gigi,Umbra。

    3、衬线字体:Serif 本身就是衬线的意思,这样的字体字符的末尾通常是会有小的装饰性的衬线。衬线除了装饰性以外,还能强化字体的可读性。常见的衬线字体:Georgia,Times New Roman,Cambria。

    4、非衬线字体:也就是 Sans-Serif 字体,它相对而言更加现代,衬线被去掉之后,线条感更强,更加干净,也更加贴合数字时代的一些显示需求。常见的非衬线字体:Helvetica,Montserrat,Gotham。

    人们通常会认为,衬线字体更加适宜长时间阅读,它也更多地运用在印刷品上。然而衬线字体的衬线和边角大多更加锐利,在一定程度上会被视作为视觉噪音。在屏幕分辨率尚且达不到要求的时代,衬线字体的显示问题很大。当然,如今屏幕分辨率提高起来之后,这个问题几乎不存在了,只是在小字号和低分辨率和小屏幕上,依然存在这个问题。

    企业商家在制作H5页面时,字体的选择其实是多样化的,每种字体都有自己的特点,当然也有适合自己的应用场景,企业在制作H5时,一定要多观察、多揣摩,找到最适合自己H5页面的字体,毕竟适合自己的才是最好的。

    展开全文
  • 总结H5常见问题

    2020-09-14 19:34:44
    常见H5问题 1、input 元素中,下列哪个类型属性定义了输入电话号码的控件? A、mob B、tel C、mobile D、telephone 答案:B 具有 type 属性的 input 元素,其值为 “tel”,表示用于输入电话号码的单行纯...

    常见的H5问题

    
    1、input 元素中,下列哪个类型属性定义了输入电话号码的控件?
    
    A、mob
    
    B、tel
    
    C、mobile
    
    D、telephone
    
    答案:B
    

    具有 type 属性的 input 元素,其值为 “tel”,表示用于输入电话号码的单行纯文本编辑控件

     2、哪个元素表示用于生成公钥-私钥对的控件?
    
    A、ins
    
    B、keygen
    
    C、key
    
    D、command
    
    答案:B
    

    标签规定用于表单的密钥对生成器字段。当提交表单时,私钥存储在本地,公钥发送到服务器。

     3、哪个元素表示标记或突出显示的文本以供参考?
    
    A、highlight
    
    B、mark
    
    C、strong
    
    D、blink
    
    答案:B
    

    突出显元素指定文本的重要性,mark 元素表示标记或高亮显示以供参考的文档中的文本。

     4、哪个元素表示导航部分?
    
    A、navigation
    
    B、anchor tag
    
    C、nav
    
    D、option
    
    答案:C
    
    5SVG 定义的图形是_____格式的?
    
    AHTML
    
    BXML
    
    CXHTML
    
    DDTD
    
    答案:B
    

    SVG 是基于 XML 的矢量图像格式

     6、关于 article 元素,下列哪个选项是不正确的?
    
    A、文本或嵌入内容
    
    B、开始和结束标记都是必需的
    
    C、可以用来提供作者信息
    
    D、contentteditable 属性不能与 article 元素一起使用
    
    答案:D
    
    标签定义外部的内容,contenteditable 属性规定是否可编辑元素的内容
    7、哪个属性将连续播放嵌入到 audio 元素中的音频?
    
    A、preload
    
    B、control
    
    C、loop
    
    D、autoplay
    
    答案:C
    

    loop 属性规定当音频结束后将重新开始播放

     8、下列哪个浏览器可能不支持以下代码来创建矩形:
    
    复制代码
    <!DOCTYPE html>
    <html>
    <body>
    <canvas id="myCanvas" width="350" height="200" style="border:1px solid red;">
    Your browser does not support the HTML5 canvas tag.
    </canvas>
    </body>
    </html>
    复制代码
    A、Firefox (Gecko) 1.5 (1.8)
    
    B、Firefox (Gecko) 1.5 (1.8)
    
    C、Internet Explorer 7.0
    
    D、Opera 9.0
    
    答案:C
    
     9、下面哪个元素被称为媒体元素的子元素?
    
    A<area>
    
    B<img>
    
    C<map>
    
    D<track>
    
    答案:D
    
    标签为媒体元素(比如 and )规定外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件,当媒体播放时,这些文件是可见的。
     10、哪个元素定义了 <object> 元素的参数?
    
    A<noembed>
    
    B<param>
    
    C<source>
    
    D<embed>
    
    答案:B
    

    param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 标签提供参数。

    展开全文
  • H5 播放视频常见bug及解决方案
  • H5常见问题及解决方案手册

    万次阅读 2021-05-25 00:51:15
    作者/成都之声 阅读本文需要5分钟前言作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下,并在后...
  • 移动端H5相关问题汇总 自适应问题 iOS 滑动不流畅 iOS 上拉边界下拉出现白色空白 页面件放大或缩小不确定性行为 click 点击穿透与延迟 软键盘弹出将页面顶起来、收起未回落问题 iPhone X 底部栏适配问题 H5 调试...
  • h5pp允许用户将常见的C ++数据类型存储到可移植的二进制文件中。 特别地, h5pp使读取和写入矩阵和张量变得容易。 转到查看安装示例 去学习如何使用h5pp 目录 介绍 是用于大型数据集的便携式二进制存储的流行格式。 ...
  • python常见错误类型

    千次阅读 2021-08-22 21:29:31
    两个loss参与值的类型要一样啊 y_pred= y_pred.cpu().float() train_y=train_y.float() single_loss = loss_function(y_pred,train_y) single_loss.backward() # 调用backward()自动生成梯度 optimizer.step() # ...
  • 微信H5支付是什么?这一点先要和微信公众号支付区别开来,但是如果你熟悉微信公众号(JSAPI)支付,则微信H5支付就显得比较简单了,不过二者的区别在于微信H5支付是在除微信浏览器以外的手机浏览器完成的支付模式,...
  • 微信公众号 H5 分享问题 H5 调用 SDK 相关问题及解决方案 H5 调试相关方案与策略 一. iOS 滑动不流畅 表现: 上下滑动页面会产生卡顿,手指离开页面,页面立即停止运动。整体表现就是滑动不流畅,没有滑动惯性。 1...
  • 摘 要:移动端H5广告区别于传统广告在于其具有跨平台的通用性、多媒体的融合性以及多样的互动性特征。和传统广告单一的传播形式相比,H5...互动类型移动互联网时代,随着数字技术、移动通信技术、计算机网络技术、...
  • 在此演示中,您可以找到以下常见的自定义组件: 最后位置 滚动文字 开始广告 暂停广告 继续播放 播放清单 旋转和镜像 视频广告:在移动设备上,浏览器可能会劫持视频广告的播放。 Danmu :使用第三方danmu库...
  • h5的场景应用

    2021-11-26 12:17:53
    H5场景应用是什么?其简称就是我们经常听到的H5,以海量模板和素材,丰富的控件和插件,强大的交互动效和数据分析以及分享能力,深受广告界人士的追捧,并活跃于...目前H5场景主要有四大应用类型: 1,静态展示类H5
  • 移动端h5常见问题

    2020-03-29 17:57:08
    弹出数字键盘 安卓跟IOS的表现形式应该不一样,大家可以自己试试。当运用了正则pattern后,就不用关注input的类型
  • 不能在定制的规则后写H5的逻辑 在H5与移动端交互的时候,会自定义一些方法/规则,但在安卓中不能在规则后写H5的逻辑,不知道原因,知道的请告诉我. 2.input框做金额校验延迟问题 情景:比方只能出现一个.,在第二个.时清空...
  • h5开发苹果兼容的问题总结
  • 一.HTML中常见标签的分类1.块级标签(block)1)常用的块级标签有:①②段落标签③标题标签,,,,,④有序标签,无序标签,列表说明⑤表单标签⑥表格标签⑦水平线标签⑧格式预处理标签2)块级标签的特点是:①会单独占据一行...
  • H5常见问题及解决方法

    千次阅读 2020-04-19 23:00:17
    作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下,并在后面给出坑产生的原理,和现阶段常规的填坑方案。由此来做一个阶段性的总结。 问题...
  • 大家或多或少都有接触过H5链接,可能也有人要问什么是H5链接?要怎么做?今天小编就一次性都告诉大家这些问题的答案!
  • 移动端H5常见问题以及解决方案 问题 下面列举了我遇到的一些常规问题,如有遇到其他问题的请在评论区补充,之后我也会实践加以补充,感谢! 以下解决方案,均经过我测试成功,健康安全,请放下食用.由于篇幅问题,某些非...
  • 微信开放平台上的也只是简单的介绍了一下逻辑和常见问题,网上查看了很多,说的都不够具体 首先需要在微信商户平台里开通 H5支付 申请入口:登录商户平台–>产品中心–>我的产品–>支付产品–>H5支付 代码逻辑: 1、...
  • App接入微信H5支付常见错误及原因

    千次阅读 2021-08-11 02:53:26
    在App上接入微信H5支付一般都会遇到一些错误。本文讨论了这些错误的解决方案和背后的原因,希望能让读者能少踩些坑。错误可以分为两类:一是H5支付域名设置错误,二是URL Scheme跳转App错误。第一类,H5支付域名设置...
  • H5常见面试题及答案(一)

    千次阅读 2020-02-10 15:43:53
    15.常见兼容性问题及解决方案? 1.清除图片下方出现几像素的空白间隙 img{display:block;} img{vertical-align:top;} 2.不同浏览器的标签默认的外边距和内边距不同 *{margin:0;padding:0} 16.用js写个原生...
  • APP内嵌H5开发常见问题及解决方案

    千次阅读 2020-03-11 15:38:29
    作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下,并在后面给出坑产生的原理,和现阶段常规的填坑方案。由此来做一个阶段性的总结。 ...
  • 本文主要介绍的是在深度学习中一些常见文件的读取方法。 为了防止自己遗忘,所以记录一下,后期也会不断补充。 一、txt文件的读写 二、json文件的读写 三、h5文件的读写 1)首先介绍一下h5文件 2)读取代码实现 ...
  • 常见文件的mine type类型及获取方法

    千次阅读 2021-07-15 03:33:52
    前面提到Kangle 服务器添加 mine type 文件类型,但是网上给出的文件类型难免没有那我全面,往往我们正需要的网上却没有。下面介绍一个简单的 mine type 文件类型的获取方式 ,利用 JS 获取文件的类型:首先我们写一...
  • 小程序与H5(HTML5)均为前端开发语法之一,二者仅在技术上并不能直接做出诸如“小程序优于H5”或“H5优于小程序”的判断。二者在特定场景下、分别有各自更优秀的表现。因此,本文将尽量公允的就两种技术更适合的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 19,884
精华内容 7,953
热门标签
关键字:

常见的h5类型