H5前端工程师，有人知道这个职业的前景如何吗？
前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。
相对WEB前端，HTML5前端这个新的技术方向需求也很大。因为几乎所有互联网服务都需要WEB前端开发，所以说只要技术熟练，就业很容易。
随着电商领域的互联网项目不断兴起之后，激烈的竞争让这里面的玩家对用户体验提出了更高的要求，极致的用户体验甚至成为了胜负的关键。也因此让HTML5前端开发走到台前，成为一个必须的开发工种。
与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准，况且以上三个例子有可能属于Web，有可能属于前端，但是不属于Web前端。
再有国外的前端开发人员和后端开发人员比例约为1:1，但是国内比例却在1:3以下，导致web前端开发职位的人才缺口变大。
在互联网行业，前端有WEB前端、HTML前端等，随着互联网技术发展，就业方向也有很多。web前端的就业方向有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。
HTML前端开发
与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准。web前端工程师
这个方向是目前从事Web前端开发的主要就业方向
Web架构师
薪资普遍比较高，技术要求高，掌握多种技能，包括：后端技术、DBA、Platform等等，甚至包括网站优化SEO技术。
数据方向
数据研发这个是在Web开发的基础上用数据附能，懂可视化的一定是有前端能力的，懂hadoop的一定java玩的溜，属于Web开发的拓展方向。
大前端方向
比如阿里，在大量实践rn和weex由于公司内部安卓/ios式微，一定程度上，前端把ios和安卓收编了，统称大前端(还有node)。
图形学方向
前端自然是与图形学有千丝万缕的联系，除了上面提到了可视化，还有相关3d引擎的开发工作。做这一行要求也非常高了，图形学相关的算法，3d引擎的开发，这都需要图形学相关知识。
一、简约风
简约风是H5设计中经常使用的设计风格，设计师通过适当的留白处理和娴熟的排版风格，让页面整体看上去简约却不简单，让用户在视觉体验上细致高级感。
二、科技风
炫酷的科技风一般在汽车、互联网领域运用的比较广泛，运用这样的设计风格能够在第一时间吸引年轻用户的眼球。
三、卡通风
卡通风格在母婴、儿童用品的行业适用更加广泛，当然在一些比较年轻化的设计中也非常常见，绘画的主题风格，既有趣又易懂，经常被设计师采用。
四、扁平化
扁平化风格一直以来深受设计师的喜爱，扁平化设计的优势在于可以通过颜色，形状和字体清晰明了的呈现视觉层次。
五、水墨风
古香古色的水墨风格是近几年来深受设计师青睐的，水墨风多运用于武侠的游戏宣传中使用。许多喜欢古风的年轻人，总能在第一时间被这类的风格吸引。
炫酷的画面，离不开背景的衬托，能否快速更换背景图，相信是考验一个H5页面能否快速完成的准则之一；
2 文本
微信交互H5页面更重交互，重视觉效果，在酷炫的背景衬托之下，突出重点的文字往往是点睛之笔；
3 音乐
炫酷的背景下，配以提纲挈领式的文字，如果能够再来一段能够引起共鸣的音乐，那是何等的应景；
4 图片
背景之外，重点图片之间的交互、与文字的配合正是H5页面能够调动用户感官的重要方式!光速的定义是光在1秒内行驶距离，所以光速比声速快，比打字速度更快。那为什么不用图片呢?
5 视频
如果炫酷的背景、精炼的文字、应景的音乐，还不能够让你感到震撼的话，那就来段视频吧!一目了然!
6 按钮(点击跳转链接)
H5页面在微信展示的优势是交互效果好，观赏性强，但是归根结底，还是要回到营销的目的上来。或用于宣传，需要链接到更为详尽的介绍页面或用户收集信息，需要链接到指定的信息收集页面。如此一来，是否具有点击跳转功能就成为判断一个H5工具是否可供选择的硬性标准之一；
7 输入框
在微信H5页面中，除宣传类外，大部分都是以收集信息为目的的。除了使用麦客表单、金数据、问卷星等第三方表单收集工具外，各个H5工具内置的输入框功能也不失为一个很好的选择。这样，在对应的后台，不仅可以看到访问信息(如已有查看权限)，还可查看详细报名数据。
一、 UI设计应用广泛，企业需求大
UI设计即用户界面设计，可运用到电脑软件、移动APP、web网页等等都需要UI设计，加之“物联网+”新概念的面世，各种智能设备纷纷出现，如智能电视、智能手表、智能车载、智能城市、智能家居，甚至无人驾驶汽车…异军突起。这些领域都需要ui设计，也预示着对UI设计师的需求还会持续放大，就业前景乐观。
二、 单会H5前端开发，就业面窄
H5前端，也称web前端开发，通俗说就是网页制作。具体工作就是把ui/网页设计师设计好的效果图，通过html代码实现成网页。H5就是html5,其中5为版本号，
web前端开发的应用局限在网页方面，就业方向相比UI设计显得较窄。因为前端的工作是基于ui设计师成果之后的，也就是说，有了ui设计师，才有前端存在的意义。
三、 UI+前端，双剑合璧有前途
随着UI设计的火爆，学的人和ui设计培训班也在增多，从各大招聘网上很容易发现，对ui设计师的招聘要求也在提高，要求ui设计师不仅会设计，还必须要会前端(要求的dw这个软件就是做前端的)，两项技能集一身。仅仅会做app和网页的界面，会画几个原型图，已经不再能满足就业的要求了。
四、H5前端开发，适合什么人群学习?
前端开发这个职位，薪资两极分化，真正的前端高手月薪也很可观，但对于大多数人来说，尤其没有学过计算机语言的同学，想深入学习就很吃力，成为高手的机会较少。倒是建议之前不会前端的ui设计从业者，可以考虑掌握下前端技术，对于职业提升来说会有很大帮助。
但凡做设计师，都必须明确一点：无论你是设计平面、网页、UI还是H5，肯定会经历项目报价这回事儿。
报价，往俗了点说，其实就是谈钱。
但大部分设计师还是比较感性，所以对于报价，基本都没什么概念，也不屑谈。这也导致许多意想不到的情（shen）况（keng）产生：
报价低了，好点的勉强能收回成本，运气差的亏了本还尽倒贴；
报价高了，实力过硬的还好糊弄一下，实力不济点到手的单子飞了不说，还白白浪费时间
所以， 到底设计师该如何给H5定价呢？
小编询问了意派Epub360平台上不少设计师，发现大家对于H5的报价，普遍都没有一个绝对的标准。这是因为，“H5是服务行业，服务价格本来就是因人而异的”，也就是说，每个人的设计水平都不一样，初出茅庐的H5设计师和经历过N个大项目的资深H5设计师，两者的报价肯定是千差万别的。
所以第一个影响报价的因素自然就是你自己。
这里大致分成以下三个级别：
初级H5设计师（1年以下）
这一阶段的H5设计师，大多都是从平面设计转过来的（也有半路出家的非设计人士），拥有一定的设计能力和审美意识，但对H5并不了解，属于“H5设计新手”。
对于刚入门H5的新手设计师，最好先不要考虑接单的问题，而是尽可能的利用各种时间为H5充电，研究学习一些H5教程、各类刷屏的H5案例，并进行复刻和实践操作。
当然，如果遇到不错的项目还是可以接下来，这对你进阶成为H5大神肯定是事半功倍滴~
不过，这一阶段还是应该以学习H5设计和积累作品为主，只有前期拿得出像样的作品，才能吸引到更多甲方爸爸们的注意！
中级H5设计师（1-3年）
在经过一年的H5学习和实践后，这时候的你已经能接下不少H5项目了，不仅熟练掌握了H5设计技巧，看到不少刷屏H5也能理解得七七八八，那说明你已经正式从H5新手升级成为中级H5设计师啦！
这一阶段主要在于实践，通过各种渠道来接单，积累丰富的H5项目经验。
这里有几个露出渠道，比如数英、站酷等广告、设计平台，只要有高质量的优秀作品，自然能够受到甲方的青睐。
在意派Epub360平台上成为官方认定的推荐设计师，也能得到更多的接单机会~
请点击输入图片描述
意派Epub360设计师：http://www.epub360.com/designer/
在这一阶段也很容易会陷入瓶颈，必须避免简单、机械的流水线操作，重复这些没有技术含量和创意的设计工作，会导致你无法突破到更高水准。
而整个H5行业，由于H5的技术发展、微信的传播环境等因素，几乎每个月都会出现颠覆创意的刷屏H5案例，转变如此之快的H5风潮，如果不及时学习跟进，很容易就被行业淘汰...
高级H5设计师
这时候的你，除了自身有过硬的实力，ps、ai、ae啥的样样都行，手上也积累了一批与各大品牌方合作的H5项目，在业内也是小有名气，完全有底气可以和甲方刚正面，苦逼的乙方设计师终于翻身变爸爸啦！
说实话，现在业内优秀的H5服务商还是太少，想要晋升到高级H5设计师，光有时间、经验积累还远远不够，这一阶段主要还是在于对H5的理解和思考，包括呈现的设计效果是否能够让大家眼前一亮，创意策划是否能够颠覆用户的认知，作品是否能够在业内引领新一波的H5大潮...
第二个影响报价的因素就是作品的需求。
像纯滑页、展示类的H5，和手绘、视频、3D类的H5相比，后者定价肯定略高。
当然，世事无绝对。比如平台上的magic大神（id：三人游创意坊）给努比亚手机做的项目，就是个纯滑页的项目。
但当我们点进去的时候，发现虽然是个滑页作品，但一点都不简单。无论从创意、设计、策划、视觉上都透露着精致和用心，这样的作品报价自然就不会低了。
逻辑实现的难易程度、作品的屏数等因素也是需要参考的条件。
这里有个小套路，可以提前准备多套H5案例展示，让客户自己来选择，这样沟通成本自然就减少了，直接进入报价环节。
第三个影响报价的因素就是要看客户类型。
从地域上，这里绝对不是歧视，只是客观地讲，北上广深这些大城市由于比较理解H5，对报价的接受度也比较高，更注重项目的质量；
而有些二三线城市的甲方对于H5的理解不是很深，有些甚至觉得H5就是套个模版这样，自然就比较在意价格了...
从合作的角度来说，有些甲方可以考虑长期合作的，在第二次合作时价格上可以略低，而有些甲方可能就是一锤子买卖，这种当然是...
对于如何分辨各种不同类型客户，不是一朝一夕就能做到的，完全凭借着设计师自己和客户多年打交道的经验，不过碰到下面这几类甲方的大家还是赶紧撤吧！
另外在报价中有几点要特别注意
1、让客户先出预算
毕竟大公司和小公司都是不一样的，先知道客户的项目预算，你也可以有回转谈价的余地。
大多数设计师都会有自己的心理价位，比如普通展示类的5k起，酷炫一点的1w起...
如果事先就定死价格，后期碰到问题，吃亏的还是自己。
2、为什么要收定金？
为了避免风险，这样即使中途甲方突然撂挑子跑路，也还是能收回成本...
这就牵涉到成本的计算了，也就是制作H5所花费的时间成本，包括前期的沟通，设计，开发，改稿，到最终的运营结果反馈等等。
平台上某大神总结的定价公式如下：
成员薪资×制作周期x120%左右
举个栗子：
一个策划（400/天）、一个设计师（500/天），花费了3天的时间，最基本的费用就是 900×3×120%≌3240，当然这只是一个参考的保底价格，你可以在此基础上，给你的创意、设计、交互等要更多的费用。
如果碰到完全不熟的甲方，那就必须要收定金，至于到底收多少，各家设计师的说法也不尽相同，一般在20%-50%不等，在保证成本的前提下，看心情定吧~
3、修改次数
这里主要说的是H5在上线后的修改，经过测试后肯定会出现不同程度的问题，比如适配、卡顿、音效、动画等，这些问题肯定是需要返工的。
但是最好提前规定修改次数，甚至规定可修改的部分比如仅限文字、图片等等，平台上就有不少H5设计师吃过类似的亏，后期改了N遍发现H5已经面目全非了，即使拿到款整个项目也是亏的...
4、流量问题
前期沟通时，就要把流量问题说清楚，比如作品超过10万pv后要额外追加费用之类的，有H5大神就因为没有预料到作品的传播度，直接导致项目上线后流量费超出项目预算，幸好后来甲方爸爸答应另外加钱，不然只能白忙一场...
同时注意在制作过程中，也有意识的去优化作品，在保证画面质量的情况下，把H5压缩到最小。
5、后期维护
多数H5项目都是活动为主，过了一段时间活动结束，H5基本就算完成了。所以关于后期的作品维护也要讲清楚，比如是否要保留H5，保留多久，这些都要考虑到报价中。
6、关于合同
如何保证上述的问题都能得到很好的解决，这时就需要书面合同，有了法律的约束，双方都可以放心的按照合同条款进行合作。
总结下来，作品需求和客户这些都是客观因素，主要还是在于你自身的水准实力。
只要认真对待每一个项目，服务好每一个甲方，每个细节都注意到位，力求以专业的作品和良好的口碑说话，自然就能获取甲方爸爸的信任和认可，你的价格也会跟着一路飙升！！！
H5游戏也是H5，基本流程大概相同，H5项目制作流程：策划、创意文案、平面视觉、动画交互、前后端的开发、推广等方面
很多答主写的比较笼统，或者比较深奥，不少读者看不懂但觉得好专业，看就就完了，对大部分知友来说毫无意义的回答……咳咳，话说回来，虽然很早的H5项目制作，或者现在有些大厂还是靠团队分工，策划，视觉，开发等多个工作划分，但笔者了解到目前制作H5大多是一个设计师或者一个运营，老板能让一个人做的绝不分配成两份工作。当然也是基于一些类似 意派Epub360 专业的H5设计工具。随着互联网的发展，H5技术的普及，对人力成本的控制和开发效率需求，这类H5工具可以大大缩短项目的开发周期，设计、排版、动画、交互、数据……现在基本上一个人就可以完成以前需要一个团队制作的H5项目。
步骤
1
打开百度，百度一下图中的关键字。
请点击输入图片描述
2
进入网站，点击“应用制作”——>“高级模式”——>直接使用系统模板：
请点击输入图片描述
3
在制作界面，你将看到各大控件，根据你准备的素材进行选择，在模板上直接修改修改即可。
请点击输入图片描述
4
等一切制作好后，点击发布，然后你将看到预览页面，其中Web就是指的H5页面。你自己先扫描二维码看看效果，如果效果好的话，直扫描分享到你想应聘的公司。
➤ H5简历的优点
相对于传统的纸质简历，H5简历至少有三大优点：1.如果您应聘的岗位是设计师、前段或新媒体运营等相关岗位，您的H5简历就可以成为您实力的一个很好的证明；2.引人注目，相对于千篇一律的纸质简历，H5简历容易给hr小姐姐们眼前一亮的感觉；3.证明自己有创新思维，不是一个墨守成规的人。
➤ H5简历的制作过程
H5简历看起来很高大上，但是制作过程并不难。市面上有很多H5页面制作工具，比如易企秀、人人秀、MAKA、初页等，通过它们就可以制作出精美的H5个人简历了。那么H5个人简历到底应该怎么做呢，小编接下来将为您详细解释。
1.市面上大多数H5页面制作工具都提供了网页版和手机版，但是用手机版H5工具制作简历一方面是容易卡顿，另一方面上传图片编辑内容也并不方便，因此Chiefmore君推荐大家使用网页版H5页面制作工具。
2.挑选一个自己喜欢的H5页面制作工具，进入网页后点击模板功能，点击或者搜索“简历模板”，您就可以搜索到许多H5移动端简历模板了。选中自己喜欢的简历模板，点击编辑。
3.进入简历模板中，将简历中的文字和图片替换成自己的信息。您也可以添加自己独特的创意，但是一定要慎重。这一步是重要的，一定要仔细斟酌简历内容。
4.到这里您的H5个人简历就制作完成了，您就可以将您的H5个人简历的二维码或者链接发送给您的面试官了。
➤ 制作H5个人简历的注意事项
在制作H5个人简历中有几个注意事项，这些注意事项在做纸质简历时同样需要多加留意。
1.内容永远大于形式。面试官关注的永远都是简历的内容，H5简历只是一个抛砖引玉的东西，如果想要被录取始终要关注自己有没有匹配职位的内容。
2.在制作简历之前就应该明确简历每一页的具体内容，不要想到哪写到哪。
3.尽量不要出现大段的文字，用简洁的词汇和图标表示即可。
4.如果一定要出现较多的文字时，要注意文字的排版，将文字分层展示，不同层级的文字的格式要有所不同。
5.尽量避免花里胡哨的排版，简洁大方即可。
通俗的讲，H5是一个网页，就像一个很大的容器，里面可以放文本、图片、音视频等基本的流媒体格式的文件。
虽然很早的H5项目制作，或者现在有些大厂还是靠团队分工，策划，视觉，开发等多个工作划分，但笔者了解到目前制作H5大多是一个设计师或者一个运营，老板能让一个人做的绝不分配成两份工作。当然也是基于一些类似 意派Epub360 专业的H5设计工具。随着互联网的发展，H5技术的普及，对人力成本的控制和开发效率需求，这类H5工具可以大大缩短项目的开发周期，设计、排版、动画、交互、数据……现在基本上一个人就可以完成以前需要一个团队制作的H5项目。
UI设计的岗位有视觉设计师，UI设计师，页面交互设计师，界面设计师，用户研究设计师这几个岗位。
用户研究
用户研究包含两个方面：一是可用性工程学（usability Engineering），研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆；二是通过可用性工程学研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法。
交互设计
这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互。
界面设计
在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。
扩展资料：
UI设计师工作内容：
1、负责软件界面的美术设计、创意工作和制作工作。
2、根据各种相关软件的用户群，提出构思新颖、有高度吸引力的创意设计。
3、对页面进行优化，使用户操作更趋于人性化。。
4、维护现有的应用产品。
5、收集和分析用户对于GUI的需求。
UI设计的就业前景：
UI即用户界面设计行业刚刚在全球软件业兴起，属于高薪技术设计产业，与国外在同步发展水平。
其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。就业市场供不应求。
如今，国内的UI设计日益发展，有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。但总的来说，在这一领域，我们与西方发达国家间的差距仍是显而易见的。软件领域不像物质产品那样，存在工艺、材料上的限制，其核心问题恰在于人。
参考资料：百度百科-UI设计师
百度百科-UI设计
