首页 > 传媒 > 关键词  > 产品设计最新资讯  > 正文

深度解读 | iH5背后的设计逻辑

2016-11-17 14:47 · 稿源: 站长之家用户

一、体验环境

体验产品www.ih5.cn

评测时间:16年11月

浏览器:Google Chrome 53(PC端)

二、产品概述

产品定位:专业的H5创作工具与服务平台

产品服务

iH5背后的设计逻辑其实是要提供一套完整H5广告制作解决方案,构造H5制作的生态链。iH5在网站蓝图的构建上,主要分四个部分——

(1)H5广告展示平台

表面上看,H5广告展示平台就是一个行业优质H5的聚集地,展示作品为iH5平台用户制作的H5。

这些广告的效果、来源都是公开的,包括作者、关注、点击量、点赞数等信息,隐藏3个目的——

a. 社交:用户可以关注特定的设计师并与他们发起对话,为特定的作品点赞,实际是为了打通社交联系,加强iH5的使用粘性。

b. 资源池:公开iH5设计师的主页信息,有利于买手与设计师进行交流,培养H5制作行业的专业作者资源。

c. 保障性:iH5首页选择的作品,大多数是比较知名的品牌,以及体现产品差异化的H5,实际上是为了加强品牌与网站的保障性。

(2)H5可视化编辑工具

iH5提供H5的在线可视化制作与发布,包括全景组件、画布、物理引擎、画图、付费点等高档组件。

从界面上看,iH5编辑器分为菜单栏、工具栏、属性栏、工作台、资源区5个部分,隐含用户、开发逻辑、操作逻辑三个方面。

a. 菜单栏:包括PSD导入、模板、在线课堂、LOGO等按钮,看起来简单,却涵盖iH5面向的不同群体。专业设计师需要依靠PSD分层进行设计,初学者需要依赖于模板和在线课堂,商业用户重视的是自定义LOGO的加载。

b. 工具栏:提供的组件大部分是比较基础的多媒体对象,诸如画布、输入框、变量、文本、全景容器等,几乎没有像表单、图表等组合程度较高的套件,说明iH5提供的是底层元素的交互,开发初衷是要确保设计的灵活性与拓展性。

c. 工作台:支持拖拽上传、拖拽改变属性等动作,属于iH5可视化编辑的方向之一,图形化的可操作界面。

d. 属性栏&资源区:以参数的设定为主,属于iH5可视化编辑的方向之二,文字化的属性配置。

(3)工具教学与培训中心

提供针对iH5的H5制作教学,包括线上的QQ群咨询、直播间、教学视频、教学手册,以及线下的课程培训。

本质上,采用的是线上免费教学、线下付费指导的模式。

Photoshop等软件刚兴起的时候,没有这么多教程,也没有太多案例,大多数人也需要自己摸索进行学习。但等待用户群体自发地成熟,过程是十分缓慢的。

因此iH5采取的措施就是先做赔本生意,组织大量人力去设计案例、开发教程,提高网站实用性的形象;随着业务的扩张、用户的增长,再推出专业化的培训课程,维持免费培训的成本,体系成熟后还能成为盈利的重要来源。

(4)数据监控中心

iH5提供H5投放后的访问情况与传播路径追踪,这些数据目前只有基础的访问增长、数据库后台数据开放给设计师,路径追踪、事件监测等高档功能应该是面向商业用户的。自建数据监控中心有两大益处:

a. 准确量化广告效果:让用户可以了解广告的投放与传播质量、不同渠道的投放与传播效果。

b. 大数据报告:通过长期的数据收集、统计与处理,有利于输出专业的行业数据报告。

用户分析

根据网站展示的作品类型,可以看出产品主要用户是企业、媒体、广告公司的营销人员,也有一定数量的独立设计师。

用户需求与痛点

·想要做几个H5来推广,应该怎么做?

·想要做出720°全景、物理碰撞这些复杂效果,可是不会代码!

·想要独立制作H5广告,可以去哪学?

·想要为公司做几个H5广告,可以找谁?

·想要接一些H5的设计单,可是编程太耗时间了!

用户反馈

根据公开的用户群、百度贴吧等地方的评论收集,也可以看出无论是企业还是个人,用户都是希望在提高制作效率的同时,保证制作质量。

从根本上,用户需求是要简单、快速地做出专业水平高的H5。

功能分析

iH5遵循“图形化+事件+配置”的工作流程,用事件控制不同对象/元素的交互,相比其他工具在实际操作上对多媒体的控制更灵活多样。

(1)基础多媒体组件

一般的H5页面制作工具都具备的组件,比如中文字体、图片、音频、视频、地图等。

(2)高档多媒体组件

包括720度全景、物理引擎、时间轴、付费点等特色组件,属于HTML5网页支持的复杂功能,可能涉及外部js的应用。

(3)数据应用组件

与iH5数据库相关的功能组件,主要涉及对字段、输入框与变量的控制,属于HTML5网页表单相关的控件,拓展性较强。

(4)容器组件

用于iH5多媒体对象的中高层级控制,包括设备、屏幕、面板等组件,属于HTML5网页支持的顶层功能。

(5)其他功能

主要是一些外部js的应用,包括微信红包、微信设定内容、语音识别等。

盈利模式分析

免费平台

指iH5的编辑器使用、内容发布不收取费用,面向设计师和开发者。设计师可以完全用工具可视化的功能进行创作,不需要学网页编程;开发者可以利用工具提供的开放接口、开放组件,进行二次开发,省时省力。

功能完全免费,根据企业CEO孟智平的说法,是因为他希望能让更多人体验到专业的H5制作服务、开展更广泛的创作,而不是让好的功能沦为商业的傀儡。

但从产品的长远发展来看,这样的确也能留住更多做优质内容的创作者,而非生产商业广告的执行者。

付费平台

指去广告服务与用于培训的线下课程。

因为iH5发布的网页在移动端都会出现3秒左右的品牌标识加载页,页面域名后缀也为ih5.cn。对于商业用户而言,他们想要完全去除第三方平台的品牌特征,就需要购买一定的增值服务。这一块也是iH5盈利的主要来源,作为功能免费的取舍。

线下课程班,目前在国内开展的城市不多,主要还停留在北上广这些大城市,课程定位在于让用户在短期内掌握iH5的使用。这种模式比较传统,实际上吸引到的更多是企业用户,通过培训的方式为公司人员储备知识技能,可以节省外包的成本。

另外有一种比较少人知道的是多屏交互演示系统的技术解决方案,本质上也是通过工具授权获利。

六、结语

总的来说,iH5面向的是企业和专业用户。企业就是公司市场部、媒体公司和4A广告公司这些,专业用户主要指设计师、开发者,主要特点有3个:

1)工具的开发把引擎尽量做得轻量级,完全搭建在云端;

2)制作流程倾向于对多媒体元素进行底层控制,图形化界面+配置的模式,接近程序可视化的思维,能留给创作者较大的设计余地;

3)拥有一套完整的行业解决方案,包括培训、制作、广告展示、数据监控等方面。

需要注意的是,国内外其实都出过很多H5页面制作工具,但适用于商用的大多是国外的品牌软件,比如Adobe Animate、Google Webdesigner、Tumult Hype等;国内平台很多做的是组合套件,这样带给创作者发挥的空间很少,所以iH5这样的产品实属难得。

目前,绝大部分工具生产的H5广告制作成本都控制在5万之内,而开发类的H5广告可能开发成本本身都超过5万。H5的工具化生产应该是未来网络广告制造业提高制作效率的一大出路。

推广

特别声明:以上内容(如有图片或视频亦包括在内)均为站长传媒平台用户上传并发布,本平台仅提供信息存储服务,对本页面内容所引致的错误、不确或遗漏,概不负任何法律责任,相关信息仅供参考。站长之家将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。任何单位或个人认为本页面内容可能涉嫌侵犯其知识产权或存在不实内容时,可及时向站长之家提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明(点击查看反馈联系地址)。本网站在收到上述法律文件后,将会依法依规核实信息,沟通删除相关内容或断开相关链接。

  • 相关推荐
  • 2025 世界设计之都大会“创意可计算性:设计人工智能”,特赞升级五大内容+AI解决方案

    2025年9月25日至28日,上海将举办世界设计之都大会(WDCC2025),主题为“设计无界,生生不息”。大会聚焦人工智能赋能设计创新,探讨设计如何驱动产业与城市可持续发展。特赞科技作为内容与AI领域代表企业,将展示“计算×创意”如何拓展设计生命力,包括跨行业赋能、产教融合及人机协作三大板块,呈现AI在打破学科边界、推动产业创新中的实践。WDCC2025旨在为全球设计领域注入新动能,构建“设计×科技×可持续”的新想象空间。

  • 从首创平隐设计到最薄内机,“隐形”的卡萨帝空调筑衡温科技长城

    卡萨帝厨电凭借原创科技实力持续进阶高端市场。5月起,其致境烟机在京东5000元以上价位段领跑,稳居高端份额榜首。9月27日发布新一代高端全嵌厨电,首创全隐全嵌设计与AI之眼科技,重新定义高端厨居美学与烹饪体验。通过优化烟机结构与动力系统,实现超薄机身与高效吸排的平衡,破解行业难题。搭载AI之眼技术,动态监测锅具状态及油烟趋势,实现智能控火与高效吸烟,显著提升清洁效率与安全性。卡萨帝以科技洞察构建“烹饪科技长城”,为未来厨房提供兼具实用性与前瞻性的发展模式。

  • 理想i6来了!以鲨鱼为设计灵感 让车身线条饱满而有张力

    理想i6于9月26日下午发布,设计团队以“代号鲨鱼”为灵感,车身线条饱满流畅,融合鲨鱼的力量感与科技运动风。整车采用双色车身和一体式设计,提升辨识度与内部空间。低风阻设计使高速能耗降低20%,续航更稳。新车提供五款外观颜色,并推出专属鲨鱼涂鸦贴纸,由涂鸦艺术家设计,李想亲自揭幕。i6或i8用户可在理想商城下单。这款纯电SUV在模仿传统燃油车风格的市场中独树一帜,强调个性与实用性。

  • 灵犀互娱多元产品亮相CICF,展现广东游戏产业竞争力

    2025年CICF×AGF动漫游戏盛典在广州举办,汇聚超1000个全球顶尖动漫游戏IP,展出周边产品超7000款。育碧、腾讯游戏、灵犀互娱等厂商参展,提供新作试玩。展会凸显广东游戏产业活力,2024年营收达2604亿元,海外收入增长9.9%。灵犀互娱等企业凭借多元化产品及出海表现,展现中国游戏全球竞争力与传统文化传播新路径。

  • 基于华为云Token服务的稿定AI上线,一站式解决设计难题

    在视觉时代,AI正重塑设计交付方式。9月19日,华为全联接大会期间,中国商业设计品牌“稿定设计”推出基于华为云Token服务的AI设计平台“稿定AI”,实现从创意激发到成品交付的一站式服务。该平台具备灵感采集、创意激发、视觉精修等能力,通过分层内容生成和无限画布功能,让设计更高效可控。依托华为云算力支持,稿定AI大幅提升多模态大模型生成速度,文生图提速2

  • 2025低噪音坡度跑步机排行榜:静音设计让居家健身不再扰邻

    麦瑞克是中国领先的智能健身科技公司,以AI、智能运动算法和AR增强现实技术为核心,提供家庭科学健身与健康管理方案。作为全球家庭健身领军品牌,连续三年在中国市场份额第一,产品覆盖跑步机、动感单车等,销往50多国,海外年营收超10亿元。拥有150多项专利,自研健身APP用户超200万,首创AR游戏《绝影之竞》提升趣味性。推荐产品包括小白犀2代Pro(入门)和幻影X5 Ultra(进阶),搭载智能系统与缓震技术,实现个性化健身体验。

  • Altera进一步扩展 Agilex™ FPGA 产品组合,全面提升开发体验

    在2025年创新者大会上,Altera推出全新FPGA软硬件解决方案,拓展可编程逻辑在工业、视觉、通信及数据中心等领域的应用。Agilex5D系列FPGA与SoC升级,逻辑单元密度提升2.5倍,最高集成160万单元,内存接口速度提升25%,并引入后量子密码学安全功能。同时发布Quartus Prime软件25.3版本,编译时间缩短6%,配合Visual Designer Studio工具,可将设计启动时间从5天大幅缩短至2小时。通过构建�

  • 时间的造诣:卡萨帝冰箱登设计深圳,以高定平嵌重构厨居美学边界

    9月18日至21日,第三届“设计深圳”在深圳会展中心举办。卡萨帝冰箱策划《时间的造诣——卡萨帝冰箱设计共生展》,以时间为轴,展示冰箱在设计、科技与场景应用上的多维价值。展览不仅是一场科技回顾,更是对生活美学的深度解读,与高端设计师的价值共鸣。现场特邀近30位设计师,探讨高定美学的演变,诠释品牌如何以顺时而变的设计哲学,持续引领高端家居美学风向。卡萨帝冰箱既是平嵌冰箱发明者,也是行业迈向家居一体化的引领者,通过“高定平嵌”解决方案,精准契合高端家庭对空间美学与个性定制的双重需求。

  • 从品牌咨询到语言培训:小鹅通如何助力花花语言艺术实现培训产品数字化落地

    文章介绍小鹅通平台助力语言培训品牌“花花语言艺术”实现数字化转型的案例。创始人任瑞丽从品牌咨询转型,创立“母语应用式”培训体系,通过小鹅通完成产品数字化、私域运营等全链路升级,服务超1万用户。该案例体现了小鹅通以工具赋能为核心理念,帮助培训从业者实现业务可持续增长,未来将继续深化合作,完善表达训练体系并拓展文化传播领域。

  • 当可以“玩”的电子家具成为情绪充电站,情绪经济推动下的产品变革

    当前消费市场正从物质需求转向精神追求,情绪价值成为新关注点。以MORROR+ART为代表的歌词音箱品牌,通过视觉与听觉结合,放大音乐情绪氛围,让产品成为情感载体。其支持自定义壁纸、视频上传等功能,增强个性化互动,使音箱不仅是家居装饰,更是自我表达和社交分享的媒介。产品注重细节与美学,构建“M式生活美学”,满足年轻人对情绪消费的需求,推动消费从功能价值向情感共鸣延伸。

今日大家都在搜的词: