2015必威体育精装版微信新媒体视觉设计资料绝对干货!.ppt

??表现形式为功能服务 / A. 简单图文 简单图文是最常见、最典型的H5专题页形式。“图”的形式千变万化，可以是照片、插画、GIF等。通过翻页等简单的交互操作，起到类似幻灯片的传播效果。考验的是高质量的内容和讲故事的能力。 案例1 滴滴打车这个案例就是典型的简单图文型H5专题页，用几张照片故事串起了整套页面。视觉简洁有力，采用整屏黑白照片，点缀以滴滴的品牌橙色。每切换一张图片，文字就渐隐浮现，没有其他互动形式，让观众聚焦于内容，通过陌生人之间的真情联系来塑造品牌的正能量形象。 ??表现形式为功能服务 / A. 简单图文 案例2 也有不甘平淡的精彩案例。在除夕夜全国人民疯狂抢红包的时刻，微信推出了《从此看尽中国人的名与利》这样一个专题页。第一眼就被镇住了，好亲切的RMB~每个页面都是一张人民币风景局部放大图，创作者加入巧妙的创意元素与微动态进行细腻刻画，带观众走进了人民币的微观世界。每一张钞票图案配合发人深省的文案，在推广微信红包的同时呼吁人们重新审视人情与名利的奥义。 ??表现形式为功能服务 / B. 礼物/贺卡/邀请函 每个人都喜欢收到礼物的感觉，抓住这一心理，品牌推出了各种H5形式的礼物、贺卡、邀请函，通过提升用户好感度来潜移默化地达到品牌宣传的目的。既然是礼物，那创意和制作便是重要的加分项。 案例1 AKQA创意营销公司在圣诞之际献上了一份厚礼——梦幻水晶球。通过移动手机，镜头从水晶球外不断摇晃推近，渐渐走进水晶球的微观世界里。通过手机环顾四周，可以360度欣赏水晶球里的全景，摇一摇雪花便漫天飘洒。写下你的祝福并分享给朋友，相信一定会惊艳到对方。这个H5页面使用了重力感应、3D等技术，文字与画面的配合十分讲究，给用户带来了完美的互动体验，值得细细品味。 案例2 Evernote（印象笔记）在过年期间也别出心裁地推出语音贺卡，通过公众号引导用户对其发送一条语音消息，然后把这条祝福语音结合中国风动画做成一张独一无二的语音贺卡发送给朋友。整体色调也是以Evernote品牌色为主，同时蕴含着一丝优雅的年味，十分讨巧。 ??表现形式为功能服务 / B. 礼物/贺卡/邀请函 ??表现形式为功能服务 / C. 问答/评分/测试 问答形式的H5页面也屡见不鲜了，利用用户的求知欲和探索欲，一路选选选，看最后到底是什么成绩。一条清晰的线索是必要的，最后到达的结果页也需要合理不突兀，如果能辅以出彩的视觉和文案，弱化答题的枯燥感那就再好不过了。 案例 这是一个大众点评的项目，为姜文的电影《一步之遥》做持续推广，让用户为姜文的代表作评分。视觉设计依旧出彩，开脑洞的创意和动画设计令人叫绝。延续了怀旧大字报风格，字体、文案、装饰元素等细节处理也十分用心。 ??表现形式为功能服务 / D. 游戏 从 “围住神经猫”、“看你有多色”等单纯小游戏再到腾讯新闻推出的《我的英雄我的城》 等品牌植入式小游戏，H5游戏因为操作简单、竞技性强，一度风靡朋友圈，但创意缺乏和同质化现象导致用户对无脑小游戏逐渐产生了厌倦。品牌要在游戏上做到成功传播，需要在玩法和设计上多下点功夫。 案例 Same在圣诞节推出了一款名为《圣诞老人拯救计划》的H5小游戏，操作非常简单，只需用手指交替上滑，把角色的脖子向上拉到无限长，游戏会记录你拉的最高距离，跟朋友比一比谁比较长。界面清新可爱，与Same的招牌画风一致，游戏角色也是Same的品牌角色，通过幽默恶搞的游戏向用户传达Same独到有趣的产品文化。 ???为设计加分的4个要点 一个H5页面设计品质的出众与否，会直接影响其传播效果，甚至影响到用户对品牌形象的认知。 在这里总结出以下的设计要点： A ▼ 细节与统一 B ▼ 注重配色 C ▼ 讲个好故事引发共鸣 D ▼ 合理 运用技术 ??为设计加分的4个要点 / A. 细节与统一 要成就高品质的用户体验，必须考虑到细节与整体的统一性。如果视觉是复古的风格，那字体就不能过于现代；如果风格是幽默调侃的调调，那文案措辞就不能过于严肃；打情感内容牌的，动效就不能过于花哨。 案例 大众点评姜文电影推广系列的《九步之遥》H5专题页便牢牢抓住了这一点。从二维码入口内页，再到最后分享提示的设计，包括文案措辞和背景音效，无不与整体的戏虐风保持一致，给到用户一个完整统一的互动体验。 ??为设计加分的4个要点 / A. 细节与统一 细节决定你的成败。在设计的过程中给观看者一些小小的惊喜，往往会起到意想不到的效果。 尤其关注“分享提示”这个细节设计，比起一个简单的箭头和一句冷冰冰的“点这里分享”，用心的细节设计带来的高品质和好感度是显而易见的。 ??为设计加分的4个要点 / B. 注重配色 在颜色学中，颜色是传达特定信息给用户的一个重要因素。我们的眼睛在观察颜色，视