人
已阅读

如何开发一款打动用户的H5

来源：lexintech.com 发布时间：2017-08-14

社交媒体时代，H5（这里指用html5开发的手机版网页）日益成为最重要的品牌、产品传播手段之一。H5的富媒体形态，在资讯传播、用户互动、信息可视化上十分契合企业在移动媒体环境下的诉求，能够帮助企业在移动平台上与用户建立情感共鸣，逐步加深其对企业自身品牌和产品的印象，从而脱颖而出。因此如何开发一个能够打动用户并触发其传播意愿的H5是当下很多企业和设计师较为关注的课题。

在工作中遇到H5难题，做一个H5不知道如何下手，怎样的H5才是好的H5。下面总结归纳了一套行之有效的流程方法，从产品策划、用户心理、交互手段、视觉渲染、动效运用、移动界面设计常识等方面系统论述讲解，通过理论和案例分析详细介绍提升H5的设计质量方法以及一些实用性强的手段，帮助大家建立一个更加完整的H5设计思维体系。

视觉篇

1、了解制作一个H5的流程以及视觉设计师在每个环节中的工作。

2、通过实际案例，了解H5设计中实用的创意形式及其视觉表现。

3、通过实际案例，分析H5设计中实用的创意方法及其视觉呈现。

交互篇

1、通过不同案例真正了解什么是交互设计师，H5发展、基础知识和优势。

2、了解ios平台三个核心理念，6个基础设计原则和andriod平台四个核心理念，MD环境和MD基础视图布局及规范。

3、学会使用头脑风暴白三角方法，从单纯文字叙述方式转变成用户易理解的可交互叙述方式，大方法帮你做到H5设计结构扁平化。

动效篇

1、认了解优秀H5案例中动效是如何添加的，了解动效的几种添加场景，要遵守的基本原则。

2、H5动效要遵循的物理规律，缓动曲线函数的实际应用。

3、通过熟悉H5中动效如何实现，决定如何采用最有效率的制作方式如何从无到有制作H5的动效。