当前位置:优乐娱乐 >优乐娱乐数码 >数码后期 >心得分享,H5移动端页面设计心得分享

数码后期 心得分享,H5移动端页面设计心得分享

文章来源:其他网络   时间:2019-02-11 10:16:09   我要投稿  分享到
数码后期去年JDC出了不少优秀的武媚娘…不,H5呢,大家都很拼,同时当然也积累了一些经验和教训,今天结合咱们的实战案例,从字体,排版,动效,音效,适配性,想法这几个方面好好聊一聊关于H5的设计,希望对同学们有帮助。字体心得分享,H5移动端页面设计心得分享排版心得分享,H5移动端页面设计心得分享在有限的手机屏幕空间内,我们积累的经验告诉我们最好的效果是简单集中,最好有一个核心元素,中心元素不宜过多,突出重点为最优。心得分享,H5移动端页面设计心得分享比如JDC的“拍拍十二星座实用手册”的项目,只用了最简单的图形和文字居中摆放。心得分享,H5移动端页面设计心得分享以可口可乐的这个“我们在这 我们在乎”为例,相较而言,越左边的排版会越容易引起关注。这是因为我们懒惰的大脑里最初看到这种简洁排版会立刻出现“嗯 我可以马上看完不费劲”的潜意识信息而带着轻松的态度去阅读。动效心得分享,H5移动端页面设计心得分享1 / 前期跟前端设计师进行沟通,讨论页面中元素的动效呈现。例如一些元素的位移,旋转,翻转,缩放,逐桢,淡入淡出,粒子效果,照片处理等等,还有3D展示效果。 (http://fffNaNiscm.com 这个网站里有h5所能实现的效果)心得分享,H5移动端页面设计心得分享比如JDC出品的“京东HR招聘”里面就用了位移,缩放,淡入淡出的效果。而“京东微店七宗罪”的最慷慨这一屏则是用到了粒子效果,每个钱币翻转下落的速度不一样显得画面更真实。今年在朋友圈疯转的维多利亚和特斯拉的H5用的是擦除的效果,模糊的遮罩足够挑起人们的好奇心。心得分享,H5移动端页面设计心得分享2 / 背景动效其实比较推荐缓动效果,如“京东管培生招聘”的例子里星空中一闪而过的流星,间歇性出现不抢主角风头再好不过了.心得分享,H5移动端页面设计心得分享3 /复杂多变的动效不一定是好的,要考虑到加载速度等用户体验问题。音效心得分享,H5移动端页面设计心得分享1 / 考虑到用户使用场景的多样性,那种介绍类的如果要加背景音乐,尽量不要太粗暴。有一点循序渐进最好,给用户留时间在骚扰别人之前可以关闭。或者可以在开始时是关闭状态。但做游戏h5页面的时候,音乐可以没有关闭开启按钮,因为用户对接下来发生的事是有预知的。心得分享,H5移动端页面设计心得分享2 / 考虑每一页音乐按钮放置的明显性。如果能用其他页面元素去替代音乐符号作为按钮也是极好的。心得分享,H5移动端页面设计心得分享给前端设计师的音乐文件:格式为mp3等 ,单轨,最好30秒以内 。为了加载速度,文件大小尽量控制在:100k以内最佳,可以用Adobe Audition等软件来压缩。作为无限循环的背景音乐,截取时一定要注意头尾得连接得上。交互心得分享,H5移动端页面设计心得分享1 / 展示型: 有很多种不同的交互方式,最常见的是翻页,这种方式制作起来相对简单,多用于展示一些新的产品,功能,或者活动介绍等。技术上现在市面上已经有H5在线生成器,基本上给图片和文字就可以帮你进行处理。除了翻页以外,还有点击,输入文字,擦除屏幕,滑动屏幕等,玩法非常丰富。在“拍拍圣诞活动”里就用到了重力感应,摇一摇可以随机判断,让用户有了自己参与的乐趣。心得分享,H5移动端页面设计心得分享2 /游戏型:像是起初朋友圈红过的围住神经猫,或者是我们的“拍拍Jump”这类需要计算逻辑,得出分数或者结论的小游戏。3 /产品型:有一些H5是作为一个长期运营的产品存在的,用户的访问可能会更固定,比如微信里的购物页面等。心得分享,H5移动端页面设计心得分享手机端之间:一般我们先用640X1136进行设计,参考线会标在960高的地方,主要元素最好不要过高以适配各种机型。其他安卓机器前端切图时可以适当拉伸,变化不会太大就不用每个进行适配。响应式设计:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。为不同电子设备单个布局,尽量使用纯色而非渐变想法心得分享,H5移动端页面设计心得分享被大众主流乐于分享的信息大概有这么几种:最直接的利益驱动,分享有奖或者需要众筹等,对自己有用并且也对周围人也会有新鲜感的信息,自己参与游戏或者测试得到的结果。不管是分享给朋友或朋友圈还是QQ对话,让用户主动去分享你的带有很大性质的广告意味的信息在自己的社交群体中,此条信息与自己相关并且别人也能参与进来当然是最理想的。心得分享,H5移动端页面设计心得分享可口可乐北极熊求合影的例子就是一个很好的宣传方式,借由简单的合成照片技术让人们有意愿去分享自己努力创作的照片。还有UJEANS的设计延续了品牌的调性就是实用,在选择你的牛仔裤喜好时也同时穿插了商品的说明,显得不那么生硬,它比较符合理由3。在我们设计一个H5页面时,很重要的一点就是站在自己的角度跳出来去看你做的东西,首先一点是你和你周围的人愿意转发分享这个东西吗?它有趣吗?它对其他人也是有用的信息吗?心得分享,H5移动端页面设计心得分享在做“1212陪你一二到底”的时候,我们的设计师要在最后引出有优惠券领取这个信息,前面也用用尽了节操去设计文案和人物,在此体会一下文案的重要性,它是贯穿整个H5的灵魂。第二张图上的小字“海外大牌 足不出户购遍全球”是产品想说的硬广告台词,但在小小的手机屏幕里,碎片时间中,我们必须先抓人眼球,再抓住人心,所以”身体和快递,至少一个在路上“。心得分享,H5移动端页面设计心得分享对于展示型和互动型H5来说最重要的还是想法。对于设计师来说,也许他们给到我们的只有几行文字,那时候前期构思这个H5的时间有可能比真正做的时间还要长。比如拍拍网全球同步发售iPhone6的这个消息要做成H5,如果我们只是做一张炫酷的图片告诉大家我们这里有iphone6分享朋友圈有可能中奖,也会有利益驱动的诱惑让人去转发分享。但通过大家的脑爆,我们将这句话变成“关于Phone6的哥德巴赫猜想”,根据测试结果得出有趣的结论,这样转发的并不是赤果果的求中奖行为,还带着有趣的插图和自己测出来的杀马特范,是不是显得更含蓄更不经意呢。这样最终转发的理由上述1,2,3好像都有了呢。心得分享,H5移动端页面设计心得分享今年JDC大概做了十多个H5 页面,产量颇丰。 H5和app比起来优势在于开发周期时间短,传播起来有效率,并且在更新迭代的成本上要小很多。特别在游戏上,未来H5会有更多的可能性。 我们也会坚持去研究和尝试,不管是新技术,还是更有趣的营销方式,和大家共勉。
谢谢大家收看,我们下期再见~~敬请期待噢!
心得分享,H5移动端页面设计心得分享更多优乐娱乐远程数码后期修片教程尽在全影网
官方微博:@全影网 http://weibo.com/7192com 官方微信:想在手机上获取最新鲜资讯吗?添加全影网官方微信:www7192com
免责声明:本站部分内容、观点、图片、文字、视频来自网络,仅供大家学习和交流,真实性、完整性、及时性本站不作任何保证或承诺。如果本站有涉及侵犯您的版权、著作权、肖像权的内容,请联系我们(0536-8337192),我们会立即审核并处理。

我要评论

当前已有loading...个参与 查看所有评论
验证码: 验证码,看不清楚?请点击刷新验证码
  1. 图片

    旅游市场黑名单试行,票付通助力打造0差评景区

      近日,文化和旅游部印发了《旅游市场黑名单管理办法(试行)》
  2. 图片

    2018-2019黑河冬季旅行攻略

      图文:自游自在新媒体旅行家张家傻少爷  去五大连池看一次
  3. 图片

    “冬游本溪 称心如意”百万粉丝人气网红聚焦本溪冬季旅游

      2018年12月20日—24日,由本溪水洞旅游(集团)股份公司牵头

名企招聘

人才求职

优乐娱乐手机版摄影

  1. 1优乐娱乐手机版摄影成都鱼摄影分享新郎婚前护肤妙招 完美肌肤轻松养成
  2. 2优乐娱乐手机版摄影成都苏格优乐娱乐手机版摄影机构盘点独特婚礼妙招 轻松打造难忘回忆
  3. 3优乐娱乐手机版摄影成都亚果国际摄影会所教你如何挑选家具 让新房焕然一新
  4. 4优乐娱乐手机版摄影成都婚庆公司教你根据身材挑选饰品 助你选到满意首饰
  5. 5优乐娱乐手机版摄影拍婚照出现突发状况怎么办 成都优乐娱乐手机版摄影前十强来支招
  6. 6优乐娱乐手机版摄影成都亚果国际摄影会所盘点做发型存在的问题 做出完美发型
  7. 7优乐娱乐手机版摄影成都优乐娱乐手机版照价格盘点婚礼常穿的服饰 表达不同意义
全影招聘节X 关闭
扫描访问手机版 优乐娱乐平台