分享四个H5页面设计技巧

上传人:锄禾 文档编号:60140355 上传时间:2018-11-14 格式:DOCX 页数:3 大小:356.71KB
返回 下载 相关 举报
分享四个H5页面设计技巧_第1页
第1页 / 共3页
分享四个H5页面设计技巧_第2页
第2页 / 共3页
分享四个H5页面设计技巧_第3页
第3页 / 共3页
亲,该文档总共3页,全部预览完了,如果喜欢就下载吧!
资源描述

《分享四个H5页面设计技巧》由会员分享,可在线阅读,更多相关《分享四个H5页面设计技巧(3页珍藏版)》请在金锄头文库上搜索。

1、世界工厂网线上生态学院 分享四个H5页面设计技巧现如今,利用H5页面进行品牌宣传和产品推广的企业越来越多,而一个H5页面设计品质的出众与否,会直接影响其传播效果,甚至影响到用户对品牌形象的认知。那么,品牌如何才能在众多炫丽的H5页面中脱颖而出呢?下面分享四个企业会用到的H5页面设计技巧。一、关注当下热点信息,利用话题效应想要你的H5专题页一夜爆红,第一时间抓住热点并火速上线,借机进行品牌宣传也不失为一条捷径。例如,天天P图抓住武则天热播的契机推出了风靡海内外的媚娘妆,同时全民COS武媚娘的H5互动页也第一时间上线,操作简单易上手,一键上传照片就能立刻完成媚娘妆,与万千媚娘们进行PK,娱乐了大众

2、又推广了产品。又比如网易娱乐在武媚娘剪胸风波的风口浪尖上推出了名为神还原武媚娘被剪胸真相的H5专题页,放下节操用极富想象力的粗旷草图风向广大观众“还原”了真相。一时间被疯狂转发,网易娱乐也算是顺势自我宣传了一把。二、合理运用技术,简单流畅为主随着技术的发展,如今的HTML5拥有众多出彩的特性,让我们能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果。相较于塞入各种不同种类的动效导致页面混乱臃肿,我们更提倡的是合理运用技术,用心专注于为用户提供流畅的互动体验。三、注重页面的一些细节问题要成就高品质的用户体验,必须考虑到细节与整体的统一性。复古拟物的视觉风格,那字体就不能过于现代;幽

3、默调侃的调调,那文案措辞就不能过于严肃;打情感内容牌的,动效就不能过于花哨。例如,大众点评推出的姜文电影推广系列的九步之遥H5专题页便牢牢抓住了这一点。从二维码入口到性感的loading页,再到最后分享提示的设计,包括文案措辞和背景音效,无不与整体的戏虐风保持一致,给到用户一个完整统一的互动体验。另外,设计人员应该特别关注“分享提示”这个细节设计,比起一个简单的箭头和一句冷冰冰的“点这里分享”,用心的细节设计带来的高品质和好感度是显而易见的。四、内容要有价值,比如讲个好故事不论H5的形式如何多变,有价值的内容始终是第一位的。在有限的篇幅里,学会讲故事,引发用户的情感共鸣,将对内容的传播形成极大的推动。例如,LEVIS新年优惠活动专题页曾以第一人称的口吻,用小时候简朴却热闹的新年与长大后富足却乏味的新年做对比,用手绘风渲染出亲切的怀旧氛围。最后引出“这个新年,把压力和束缚打包扔掉,用新鲜的眼光感受生活,一起活出趣”的品牌推广slogan,代入感极强的故事无疑是驱动分享的源动力。总结:一个完整的H5页面策划是要经过多次调整和完善的,不仅需要技术人员的技巧,更需要策划人员时刻去沟通关注,把想要的效果和目的准确的传达给设计人员,这样才能打造出一个既符合企业宣传目的又满足用户需求的页面。世界工厂网线上生态学院:制造公司开展线上业务的加油站

展开阅读全文
相关资源
相关搜索

当前位置:首页 > IT计算机/网络 > 网页设计/UI

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号