一个好看的H5首先需要有鲜明的美术风格，这里列举两个案例。

比如我个人很喜欢的，NFB的WayFinder

这是加拿大国家电影局推出的一款叫做WayFinder的线上H5作品，通过让用户搜寻和收集场景中的线索，线索集结成一首诗。

加载的页面，直接露出LOGO，用飘飞的枫叶示意画面正在进行中。

美术风格与NFB的LOGO契合，在开头都是类似稚笔油画的画面，同时又好像一层老旧电影滤镜。视觉唯美，交互方式以点击和拖拽为主。

等进入正式的交互页面，中心人物的拖拽，所过的地方都有落下的枫叶。无论拖拽到哪里，都能始终保持画面的大部分留白，细腻的画风看着舒适又养眼。

寻找线索的过程中，也暗合了NFB的标志，NFB是加拿大的眼睛，通过不断地发现探寻那些电影文化。

WayFinder的画面不需要很复杂，但依然能牢牢抓住我们的眼球。你总会忍不住盯着那一只沉睡的小狐狸，偶然飞过的肥啾。

其实就符合了一个好看H5的标准。

在有限的手机屏幕范围内，H5的画面需要做出最好看的呈现，那么我们就要遵守一个准则：简单集中，最好有一个核心元素，中心元素不宜过多，突出重点为最优。

而这些元素集合在一起，又能让你感受到强烈的电影感，将想要诉说的内涵，恰到好处地融入其中。

另一个很想分享的案例是ALIENWARE外星人的H5，同样有这类特点。

最开始纯粹是因为朋友看我最近在设计二次元服装，就转给我一个有AR时装元素的案例参考。一开始我还想，外星人是那个电脑品牌吗？它和AR又有啥关系？等整体都玩完一遍才明白了这个活动的妙处。

“探秘X星次元”是外星人近几周推出的线上活动，以H5的形式呈现。活动有多种玩法，可以实时试穿AR数字时装，还可参与小游戏赢奖品。每周的衣服和奖品都不太一样，但总归都是从品牌的设计调性出发所做的创意。

其实最开始吸引我的倒不是服装，而是这个蛮酷炫的穿越式开头。

这个片头因为太闪耀，制作方还特意加了高频闪光画面的预警，防止像宝可梦3D龙那样闪坏小孩子，也是贴心了！

三角和圆形的漩涡吸入，形成极具代入感的星际穿越，牵引你跟随进入互动页面，这里的设计已经符合我前面所说的准则：简单集中、有一个核心元素、突出重点为最优。一上来就抓住了用户。

AR换装的部分，则有一种异度空间感，暗合了外星科幻元素，而且每一款服饰都对应上了AW产品的设计理念，单就说一下已经放出的两款。

空间闪现风衣：双袖像宇航员的服饰，略有一种充气泡泡感，下方侧边敞开，更显宽松感，又有点跟背包拉链的意象类似，衣服上的图案与AW背包也使用了相近的设计思路。

这款时装还有来自羽绒服和风衣的灵感，羽绒服也是近年来机能风设计的火热元素，同时这个设计也是源自AW的几款背包的气垫外形。

设定上是能进行空间闪现的高科技服饰，这跟AW523P背包大容量尺寸的理念是一样的，大容量，随走随背，带着外星人笔记本去探索更多未知领域。

无界穿梭靴：大胆地在运动战靴的基础上加了夸张的荧光波浪线条，这种设计在真实的鞋子上肯定无法日常化。但在AR世界，就可以放飞自我，穿上浮夸酷炫的服装做一回自己。鞋子装饰的荧光效果，也让我想起了外星人产品上喜爱使用的灯饰元素。

穿梭靴上，外星人代表性的设计语言，表现得尤为突出。鞋身的大幅流线形，和顺着流线流转的光效，无论你转到哪一个面，都能看到它们是好似连接在一起的环形，正如莫比乌斯环一样。

这个设计灵感来自AW AURORA R13，外表略显圆润，侧看它的机身像是不在一个平面，却能够竖直立放。就好像莫比乌斯环明明是一个首尾相接平面，远看却像一个圆形空间，给人惊喜又神秘的观感。

无论是AW AURORA R13还是穿梭靴，两者都将这种异度空间概念以赛博朋克霓虹灯的风格具象化呈现出来了。

从这个AR换装上，我们不难看到AW设计语言带来的满满科技力。AW把似乎只能存在于二次元的设计风格，搬到了现实中，实现真正意义上的突破次元壁，将审美与实用性完美融合在了一起。

所以当我能真的“穿上”上述的这些酷炫AR数字时装，感觉像是拥有了一个赛博朋克世界的衣橱，这里的AR效果是全三维、动态化换装，不像过去的一些简单的滤镜是个二维平面。同时会完成人体形态的动态识别与动态跟踪，让AR数字时装可以与试穿部位贴合，当然这个效果还可识别和作用于其他人形的内容。我拿身边的朋友们试了一下，可以说非常酷了。

AR换装后也可以更好地领会其中的设计巧思，比如这件“空间闪现风衣”，乍看会以为这是上衣+裤子套装，真正穿上你才会发现，下半部分原来真的是风衣的下摆，还具有飘动感，这种飘逸感与大身材质截然不同，不同材质的拼接与碰撞更显时尚潮酷。

“探秘X星次元”的另一个玩点是这个收集外星人产品的小游戏，需要玩家在一个很大的场景里搜索“X星碎片”，解锁抽奖环节。

整个场景的设计我也很喜欢，视觉元素上都贴合科幻要素，使用了诸如虚拟投影，霓虹灯，液晶管，数据可视化设计等相关素材，设计出了UI和各种小元素。契合了外星人产品一贯的科幻风。

不过这些小元素起到的是混淆作用....真正的任务是要在这一场景里按顺序点中任务需要的设备碎片。

在场景里到处搜索，就能唤出很多外星人产品的介绍。

至于哪些产品可以收集到碎片，又是按照什么顺序收集，就是一个需要摸索的事情啦。

这里我就简单分享下攻略给想一步玩到位的朋友们，每次活动的点击顺序是：

6月13日-6月19日：AW 3423DW—AW 720M—AW 510K—AW 2721D—R13

6月20日-6月26日：AW 723P—x14—AW 720M—AW 510K—AW 920H

6月27日-7月3日：x14—AW 3423DW—AW 523P—AW 920H—AW 720M

继续说，页面中有一排装备库的栏位，是给你收集碎片用的。

当你以正确的顺序点击了正确的产品，就能收集到一个碎片，装备库上也会提示“已收集”

而当你点击了正确的产品，但顺序不对的时候，也会出现提示信息

如果点击到不属于本周装备的产品，也会有相应的提示

成功收集所有碎片的时候，就可以获得一次抽取外星人家族产品的机会。听说每周的奖品都不同，分别有5个双肩背包、1台Aurora、2个三模无线耳机、2个三模无线鼠标，中奖几率很高！

本周的奖品还是R13是黑色限定款，全国仅此一台，真的有点心动了！

说回整个“探秘X星次元”的设计源头，其实和外星人家的产品一脉相承。我对数码产品并不算发烧，其他品牌的笔记本电脑，在我眼里是混沌一坨，都长得一个样子。但看到外星人本，就能指名道姓，原因无外乎外星人家产品一直都在设计上有很强辨识度，各种科幻感的灯饰，刻线，装饰，和令人印象深刻的小外星人头像，使她总能让人一眼万年。

就品牌传播而言，“探秘X星次元”提供了很好的了解外星人产品的机会。其实，一个活动如果想要吸引到用户，是需要有服务用户的意识，要不然为用户解决实际需求，要不然为用户带来新鲜的娱乐性体验，否则凭什么能留住现在网友宝贵的眼球资源呢？

“探秘X星次元”的活动则借巧妙的方式让用户“把玩”起来：AR换装和寻宝游戏并不复杂，并且它们先是巧妙地把外星人美学化为服饰设计，让人在虚拟穿着体验中加深对外星人美学的印象，后是在寻宝游戏中引导用户一遍遍地关注产品本身，在游玩中加深了对产品的印象。就比如我，几回合下来，也能和身边的AW粉聊上一两句了。

除对产品加深了解外，我对这个AR数字时装的印象也很深。我本人既做过游戏设计，也做二次元的服装设计。此前很多二次元的设计，拿到现实来看，其实很难被地球人接受，总会有种奇异的不协调感。

比如想象一下，要是穿着如下的图出现在公共场合，直接得引爆全场了。

因此二次元的服装如果要与三次元结合，往往需要绚丽抓睛又不那么夸张得脱离现实，达到一种微妙的平衡感，这是对设计师功力的考验。

而这次AW的时装设计就达成了既不算违和感太强，也不会太落于平庸的状态，展现了恰到好处的科技美感。我一直觉得换装游戏不只是小女生的玩物，其实它是一种很能带给人们快感，也很适合传达品牌概念美学的游戏类型。

尤其是和AR模式结合，终于让虚拟世界里的漂亮衣服不再是只能看不能穿，而是可以让用户实实在在穿上过把瘾，并可通过服装这个传统的美学表现空间，把外星人产品也拟物成服装，让用户充分体验这种突破次元的前瞻极客感，也加深了对外星人品牌美学的认知。对于外星人发烧友来说应该是加倍的快乐吧，还有什么能比把钟爱的品牌设计元素穿在身上更能表达喜爱的呢？

所以探秘X星次元这种H5是一种蛮不错的思路，通过一些简单的互动和奖品，新奇有趣的界面设计，让人快速建立对一个品牌的深度了解和印象，配合上AR拍照这种有发票圈价值的手段，就能有病毒传播的潜质。

怎么进？这里有活动入口：

关注【外星人ALIENWARE】微信公众号-输入暗号X，获得活动入口链接。

唉就是这个活动每周只解锁一个任务和一套时装，玩起来有些意犹未尽，有点想拥有一个实体化的AW“装备库”、“试衣间”了。后者可能有点难度，不过现在是拥有AW装备的好时机。外星人京东自营旗舰店618期间有许多活动，感兴趣的同学可以关注一下，冲一波游戏中的同款外设：

AW920H耳机很值得入手，采用了轻量化设计，支持杜比全景声，还嵌入了主动降噪功能。现在会员可享满1000减30，到手价2369，享24期免息，晒单还可送多功能耳机支架。

AW510K矮红轴机械键盘也是玩家必入，支持AlienFX RGB灯效系统单键变色，Cherry矮红轴键程短、手感轻、极度灵敏。现在会员领券还能再减50，并享24期免息，到手不高于1330元，晒单还可赠送定制手拎包。

鼠标方面，ALIENWARE三模无线全能鼠标（AW720M）拥有超高DPI，支持磁吸感应快充，标志性的外星人Logo同样支持AlienFX 定制游戏光效，趁着618购买，会员可享满1000减30，到手价1469，享24期免息，晒单送外星人鼠标垫。

AW2721D27英寸 IPS电竞显示器，拥有QHD 2K分辨率和240Hz刷新率，同样支持AlienFX定制光效，现在入手很划算，可享到手价6499元，加24期免息，晒单赠限量CF手拎包/外星人果冻包。

最后，用隐藏在场景里的这句话来结个尾

好运总是降临在酣战尽兴的玩家身上。

希望大家的生活也总会有好运降临！