培训h5网页设计

1、UI设计如何学习最快呢。

UI相对于其来他it行业还是算比自较容易学习的，没有过于复杂的编程语言，自学也是一个很不错的选择，但可能对你的自学能力和自律性有较高的要求，建议可以在网上找一些相关视频课程进行学习。

学习UI设计主要面向的方面有：软件基础及视觉手绘设计、电商软件创意设计、网页板式设计、移动端界面设计、跨平台界面设计等，UI设计重点需要学习的课程有PhotoshopCC、AI AXURE Flash交互动画、DIV=CSS、HTML5 CSS3 H5等软件及开发工具，自学可能需要花费大量的时间，而且容易遇到难以解决的问题，如果自律性不高或者自制力不强，自学能力不强，建议还是可以找老师或者学校进行培训，在指导下可以更快速的解决遇到的问题，掌握更有效的学习方法。

第二，打好了基础之后，还是要进行大量练习，找一些经典实战案例，学习一些商业应用，在企业中可不是仅仅考核你的理论知识，在实践中才能看到自己的不足，进行进一步提升，无论自学还是找培训机构，都跟自己的努力程度分不开的，想要学好UI，就得自己多下功夫。

2、H5页面小游戏怎么做的

H5的小游戏其实就是用基于HTML5技术制作的小游戏，常见的HTML5游戏制作，如果不考虑游戏策划，如果你关心的更多的是制作的话，
那么按照制作方式可以分为两种：
1、原生开发
就是自己写HTML5代码（HTML／CSS／Javascript），或者使用第三方引擎，例如国内常见的白鹭、Cocos2d-Js，以及国外的http://Phaser.io，这个极力推荐，虽然国内用的人不多。
2、第三工具
另外就是通过一些第三方工具来实现游戏的生成与定制。
这里也可以分为两类
A 套模版
有简单的直接套模版，替换素材，游戏音乐音效即可直接完成的，例如我们做的24好玩平台即是其中之一，类似的还有极点互动、微播盈趣、凡科互动等等。
B 工具编辑器
也有一些高级的工具类似于H5互动编辑器MAKA，我知道的有国外的Construct，如果你想学，不想从0开始学代码，这个是一个略微高级的学法。
希望能够帮到你。

作者：易良慧
链接：https://www.hu.com/question/23935887/answer/106508141
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

3、如何制作活动网站页面，邀请函H5，求大神指导!

找一个平台，只要你把元素先做好，加进去。比如兔展，ih5。兔展简单些，ih5复杂功能强大些。

4、怎么把制作好的H5页面直接放到微信订阅号里？

把制作好的H5页面直接放到微信订阅号操作方法：

1、先在微信图文区域编写好活动版推荐图文

2、二权维码，一般H5页面都有一个唯一的二维码，将二维码放到文章里面，群发出去。

3、编写好后，可以看到图文在下面有一个原文链接选项，需要勾选，然后把制作的h5页面的链接放到方框里

4、然后再挑选样式尺寸

5、再完善下图文其他信息就好啦

总结下操作步骤：进入微信公众平台=》管理=》素材管理=》图文消息=》单、多图文消息=》点击“超链接”图标=》输入文本内容、链接地址，及标题即可。

5、我有两三个企业网站，想再制作个h5网站，了解了下，明月h5平台是国内建设企业h5网站好一点的公司，

我们公司的网站也换成H5的了，以前维护一个网站一个手机站，没把我们IT部门的小兄弟回给累死。主要是数据不好答同步。市场部发布个活动，同一个活动得弄两套活动页面分别放到网站和手机站上去，收集到的促销数据还得分别导出再合并、去重。现在这个H5的网站就不用那么麻烦了，因为网站和手机站根本就是一个。

6、H5能制作电脑网站吗还是只能做手机移动站

只要技术到位
无论电脑还是手机 都可以做

当然，自己做不了，可以找别人做
只要有适当的价值交换
这不是问题

7、简述网页设计的风格有哪些

一、首先从功能与设计目标来看， H5专网页主要有以下4大类型：

1.活动运营型

为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入微信H5页面到最后落地到品牌App内部，如何设计一套合适的引流路线也颇为重要。

2.品牌宣传型

不同于讲究时效性的活动运营页，品牌宣传型H5页面等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。

3.产品介绍型

聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户买买买。

这一类型的H5页面多见于汽车品牌，LEXUS NX是其中的优秀代表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随光的轨迹切割画面揭开序幕，通过合理优雅的触碰、摩擦、滑动等互动形式带领用户一同探索产品的7大特性，宏观和微观都照顾周全。

4.总结报告型

自从支付宝的十年账单引发热议后，各大企业的年终总结现也热衷于用H5技术实现，优秀的互动体验令原本乏味的总结报告有趣生动了起来。

二．形式为功能服务

在确定了专题页的功能目标之后，接下来就是关键的设计阶段了。如何有的放矢地进行设计，需要考虑到具体的应用场景和传播对象，从用户角度出发去思考什么样的页面是用户最想看的最会去分享的。

1.简单图文

简单图文是早期最典型的H5专题页形式。“图”的形式千变万化，可以是照片、插画、GIF等。通过翻页等简单的交互操作，起到类似幻灯片的传播效果。考验的是高质量的内容本身和讲故事的能力。

2.礼物/贺卡/邀请函

每个人都喜欢收到礼物的感觉，抓住这一心理，品牌推出了各种H5形式的礼物、贺卡、邀请函，通过提升用户好感度来潜移默化地达到品牌宣传的目的。既然是礼物，那创意和制作便是重要的加分项。

3.问答/评分/测试

问答形式的H5页面也屡见不鲜了，利用用户的求知欲和探索欲，一路选选选，看最后到底是什么成绩。一条清晰的线索是必要的，最后到达的结果页也需要合理不突兀，如果能辅以出彩的视觉和文案，弱化答题的枯燥感那就再好不过了。

4.游戏

从 “围住神经猫”、“看你有多色”等单纯小游戏再到杜蕾斯“一夜N次郎”（即山寨版“别踩白块儿”）等品牌植入式小游戏，H5游戏因为操作简单、竞技性强，一度风靡朋友圈，但创意缺乏和同质化现象导致用户对无脑小游戏逐渐产生了厌倦。品牌要在游戏上做到成功传播，需要在玩法和设计上多下点功夫。

三．为设计加分的4个要点

一个H5页面设计品质的出众与否，会直接影响其传播效果，甚至影响到用户对品牌形象的认知。在这里总结出以下的设计要点：

1.细节与统一

要成就高品质的用户体验，必须考虑到细节与整体的统一性。复古拟物的视觉风格，那字体就不能过于现代；幽默调侃的调调，那文案措辞就不能过于严肃；打情感内容牌的，动效就不能过于花哨。

2.紧跟热点，利用话题效应

想要你的H5专题页一夜爆红，第一时间抓住热点并火速上线，借机进行品牌宣传也不失为一条捷径。

3.讲个好故事，引发情感共鸣

不论H5的形式如何多变，有价值的内容始终是第一位的。在有限的篇幅里，学会讲故事，引发用户的情感共鸣，将对内容的传播形成极大的推动。

4.合理运用技术，打造流畅的互动体验

随着技术的发展，如今的HTML5拥有众多出彩的特性，让我们能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果。相较于塞入各种不同种类的动效导致页面混乱臃肿，我们更提倡的是合理运用技术，用心专注于为用户提供流畅的互动体验。

结语

随着手机硬件的升级、HTML5技术的发展以及微信平台的开放，HTML5的跨平台、低成本、快迭代等优势被进一步凸显，这对身处于移动互联网大潮的企业主、品牌、设计师和开发者来说，都将是一个最好的时代。

8、h5可以制作网站页面尺寸怎么定

因为要考虑到现在的大部分手机屏幕，更偏向于是全面屏或者是曲面屏幕，或者像iphonex这样的大屏手机，所以H5面的制作。必须要有一个规范，现在推荐的尺寸是844X1496PX这个尺寸，在意派Epub360中，是有一个规范的，可以去看一下.

9、如何把美工的设计图转换成HTML5的界面

这是web前端开发的工作，
首先用ps将设计图中需要用到的图片或者图标切片取下
然后通过html css js 按照设计图用代码还原
当然你也可以下个Dreamweaver 最新版的有那种可以一键导出页面，不用你写代码，不过很是很方便用，

10、什么是响应式建站，H5响应式建站的好处及优势

概念：
伊桑·马科特在2010年首次提出了响应式网页设计(RWD, Responsive Web Design)的概念。(当时能提出这个概念是很不简单的哦) 他根据工程师在处理不同屏幕分辨率的网页内容展现的效果的时候常用的技巧和策略，创造性的进行了归纳总结。简而言之是指网页根据屏幕宽度，做出相应调整的，力求能够达到在不同的设备下，内容都能以最合适的方式展现给用户。
原理：
在CSS中，有一个不常用到的属性media。为了达到响应式设计的目的，让css根据屏幕宽度(例如 media screen only @(max-width:480px))，使用不同的CSS代码，从而达到自动调整页面DIV宽度的目的。当然，除了CSS，还可以使用JS对页面内容进行动态的调整，不过这个技术不是很流行。
价值：
随着越来越多的智能移动设备( 手机，平板 )加入到互联网中来，互联网上的访问设备是爆炸性的增长(屏幕的分辨率也是爆炸性的增长)。为了给手机和平板设备提供更好的体验，必须在网站设计中使用响应式网站设计，并且整合从PC端到手机的各种屏幕尺寸和分辨率，用技术来使网页适应不同分辨率的屏幕。
总结
响应式网站设计，为计算机、手机、平板电脑等不同设备的访问用户了提供更加舒适的界面和更好的用户体验(和速度)，而且随着目前移动设备的增长，已成为大势所趋。如果一个网站不支持响应式设计，那么就已经可以说不是很符合潮流了。