从2008年开始，每年临近11月11日，全国——现在可能是全球——的剁手党们都在等着看马云爸爸和天猫又能玩出什么新花样。今年除了史无前例的整整49张品牌海报以及4个版本的“主题大片”之外，天猫的小伙伴们居然连一封小小的邀请都没放过。这支将最庞大的信息量用最简单的“手指刷一下”交互手段呈现的H5，相信已经刷爆了大家上周末的朋友圈。

数英网第一时间采访了天猫市场部数字营销团队以及此次邀请的创意与制作公司VML（以下简称“天猫”与“VML”），5个问题，全面了解这封“穿过宇宙空间”的“斩手之邀”。

问题一：为什么想到要做一封 H5 邀请？

天猫：虽然这个H5称为“穿过天体的邀请”，但它不只是一个邀请，还是一个双11攻略。其实用户在淘宝和天猫的app中输入“越过自然界”四个字一样能够看到这封邀请。而从10月22日至11月11日的传播周期也产生了一个时间轴，这个H5就用来展示这个时间轴。大家都想知道双11在不同阶段有什么情节，基于这样的长时间的需求，我们就想把这个攻略做得更加好玩，所以我们和代理商一起讨论出来这样一个酷炫的裸眼VR形式。

问题二：2016天猫双11 H5 邀请的创意主题“越过星体”想表达哪些信息？

天猫：这份邀请我们希望在情节和形式两方面都有所创新。所以在情节层面每个情景都巧妙融入了双11的攻略情节，形式上则选择了现在比较酷的VR技巧。如果大家留意，会发现天猫双11的名字近几年发生了一些细微的变化：从“天猫双11网购狂欢节”到“购物狂欢节”再到现在的“全球狂欢节”，这可以明显看到双11的范畴越来越大，更加全球化、国际化。现在的双11更像一个节日，所以我们是按照节日的概念去打造它。双11是跨越国界、地域的，甚至直到大自然，这样的景象设置和VR技艺匹配也会很酷。之后，天猫还会有一支延续自然界狂欢概念的视频推出。

VML：首先，客户的brief是想要大家认识一个全球的天猫，而并非只是本土的天猫，所以我们干脆给出了“星体”这一（比全球）更大的空间。其次，VML团队一开始就想要尝试做一个炫一点的东西，给大家不一样的体认，把现在手机的最大效用发挥出来。所以，（这支H5）想要传达的核心是“全球的天猫”，现在发布的目的主要是预热，起到信息强化、告知活动的作用，也提醒大家做好准备。

问题三：“邀请”为何采用了“手指上下刷动”的极简交互形式去呈现极其庞大的镜头信息？

天猫：主要考虑两方面因素。一个是页面加载，以前看过也做过很多复杂的H5，掉过很多坑，所以首先想到的是镜头一定要明快，在这之前有一个很好的案例就是宝马M2发布的H5，这个H5当时让很多人震撼，它可以做到酷炫的同时镜头也很流利，所以观看的通畅性会极大影响消费者的领悟和口碑；第二个是消费者互动，最早这个H5是需要两只手指操作来实现放大和缩小的，但经过盲测之后发现消费者在面对陌生的东西的时候会不知所措，所以后来优化为单只手指上线滑动或者单击都可以流利展现的办法，用最傻瓜、最懒人的格式让消费者顺畅操作，保证最好体会。

VML：VML团队在这方面是有长年基础和经验的，大家也有一定的默契，做过一些比较复杂的之后就体认到了什么才是最舒服的体认。现在WebGL技巧很成熟，绝大多数人也都在使用智能手机，能够负荷得了（这支H5所需要的机能），在这样的情况下，我们就和客户达成了一致——用最简单的互动办法让大家浏览，但是其中的图形细节包括人物形和建筑形都是抠图或拍摄的，所以图形工作量比较大。另外，每一个空间的走动速度、负载大小等细节也都一直在测试，这个过程技巧和创意一直在一起，所以等到上线我们已经知道大概运行的状况。这支H5其实是信息的告知者，我们将信息隐藏在镜头在空间转换时的图标中，用户点击才会弹出相应文字本身去做这样一个比较复杂的空间也是为了更加便于隐藏更多的信息，这样不会显得突兀。

问题四：这个看上去非常“吃资源”的 H5 如何做到了加载快、各类配置的手机都能明快运行？

以下文字节选自：《深度解析！双11自然界H5为什么能掀翻我的朋友圈！》由VML推荐。作者：小呆

实际主创团队之前多次在项目中采用过类似技巧解决方案，就像是之前的作品《绝不跟随》，采用了非常类似的原理，你会发现作品的结构与双11的H5非常类似。

作为web领域也就是H5的主流3D开元发动机，它一直是3D景象类网站的首选，而在H5内想实现空间变换和推拉的效果，面对这么多资料的大型情景，灵巧的CSS3空间变换就显得十分吃力了，为了更好的效率和流利的领悟，所以此次选用了webGL来绘制3D景象。

当然，这里还有一个要权衡的利弊，虽然擅长表现3D的webGL极为强大，但对性能的损耗实在太高，这使得低端机在观看网页时很有可能会卡到爆！

但因为操作系统的普遍提升和年初微信对内置浏览器的进一步升级，使得这些担忧变的不再致命。从大环境来说，是设备和平台的升级，使得我们可以通畅的看到这样的H5案例，要是只从技艺分析，这样的效果好几年前就能做了，但根本无法普及到福斯。

在这支H5，技能与设计同等重要，但投入却完全不同，整个H5内置了225张材料图，他们通过修片、拍摄、合成、材料、3D渲染等多种形式获得，最后再以2D图片的办法导入H5，但网站的总体量却控制在了5MB以内，这简直是个奇迹！

这里面有2个点值得一提：

1. 巧妙的镜像设计：镜头中很多资料是对称的，对于一个虚拟空间来说，这样的设计会增加情节的奇幻色彩。而实际上，镜像处理在丰富情景空间的前提下还能减少网站体量，你只一组资料就能达到2组资料的视觉效果，真是非常讨巧的设计。

2．与《造物节邀请》H5类似，整支H5大量采用base64格式的图片，而非JPG或者PNG，这样的图片体量虽然略大一些，但是可以减少服务器的请求数，也就是能增加加载速度，这是很多大材料H5项目需要借鉴的。

问题五：邀请H5发布之后，还有什么有趣的情节？

天猫：天猫双11直播间有非常多的亮点，其中有两个节目大家可以关注，一是天猫、阿里鱼和VML一起打造的《九牛与二虎》，首次网综类直播，采用2位明星+9位网红的创意形式，第一期是由李维嘉、林志颖领先。另一个直播是在11月3日晚上，双11爆款清单全球发布，所有双11最值得买的尖货和好货，都在这里了，而且现场还会有神秘明星助阵，所以大家一定要关注。

1. VML表示，目前行业内流传有关天猫双11《越过自然界的双11邀请》 H5 的制作价格皆为杜撰。2. 天猫官方微信于23日发布文章《越过大自然的双11邀请@了你》后，底部相关 H5 链接曾出现无法打开的现象，目前已经恢复。

版权声明：本文内容转载自互联网，版权归作者所有，本站不拥有所有权，也不承担相关法律责任。如果您发现有涉嫌抄袭的内容，欢迎 进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

2．与《造物节邀请》H5类似，整支H5大量采用base64格式的图片，而非JPG或者PNG，这样的图片体量虽然略大一些，但是可以减少服务器的请求数，也就是能增加加载速度，这是很多大材料H5项目需要借鉴的。

最近在后台看到很多读者在点播「国产护肤品」↓

所以这段时间我就一直在翻我的各种化妆品收纳箱、疯狂回忆自己用过的产品以及咨询身边的朋友，终于总结出了这一篇干货功课文！我惊讶地发现，原来许多国产的化妆品都是潜力股！有一些表现力都相当不错~

无论是线上各种营销还是线下的一些推广，海外大牌都以压倒性的优势胜于国货产品，各路博主的花哨安利更是给了年轻女孩子一种错觉，买大牌似乎已经成为了一种政治正确。

其实我们对于彩妆、护肤品的正确诉求应该是“适合自己的好用的”，而不是“大牌的贵的”。

另外，国产护肤品在一定意义上来说，确实是更适合国人肤质的。我们知道，气候和基因是影响皮肤状态的两个很重要的因素，而国产品牌的研发生产线都在国内，在前期的研发以及后期产品测试分析中，取样的群体基本都是国人，数据自然更能代表本土的平均水平。

而且相比较来说，因为本土品牌没有引进的关税问题，它们的价格往往更美好，毕竟我们的花钱理念是「精明败家」。

话不多说，下面就来看看我为大家精挑细选出的好用国产化妆品们吧，涉及到了护肤品 & 彩妆产品，基本都是一些相当有资历的老牌，口碑普遍也不错~

老上海的品牌，专注于草本护肤。价格良心又实惠，虽然不再火爆，但老一辈的对她仍有着不可割舍的情怀，说她是国产之光也不为过。

百雀羚自从零几年走上了品牌创新之路后，简直是日新月异突飞猛进……代言人、包装、产品线，全部都旧貌换新颜，前段时间还请了周董代言！（迷妹上线）

经常有学生党让我推荐高性价比的产品，百雀羚的这一个系列就是！洁面、水乳、面霜这些日常护肤流程全都囊括了，不用再苦苦考虑搭配问题。简单专注的保湿功能，如果你只是想寻找保湿产品，那这套就很适合你~

水嫩倍现的几个产品都属于比较清爽的，虽然质地不厚重，但是可以稳稳地让你感受到皮肤水嘭嘭，在这种三十多度的天气里我这个干皮也觉得力度足够了，更适合油皮，当然如果你实在是“油到能煎蛋”，还是省去面霜这一步吧……

甘油是护肤品中一个很重要的保湿成分，所以在成分表里，甘油的排名越靠前，一般来说产品的保湿性就越好~它的保湿机理是通过吸附空气中的水分来覆盖浸润角质层，从而达到保湿的效果。

百雀羚的甘油一号一共有三个单品，含维C成分、芦荟提取物和珍珠粉的，其实三款用起来是差不多的，但最最最推荐的还是芦荟滋润的！它虽然叫甘油但是一点都不油，就是啫喱状的产品，油皮也可以闭着眼睛入了。

除了上脸，还可以擦身体，总之就是哪哪都能用，十块钱买不了吃亏买不了上当系列。有许多皮肤科医生和科普博主也多次推荐这款甘油，在皮肤敏感期或者治疗期间也可以用，油皮友好，质地相当清爽~

佰草集是国产护肤品里走高端线的一个品牌，而且近几年来越做越好，是唯一一家经过欧盟认证的中国化妆品品牌，在国外很多地方比如法国、意大利、西班牙都可以买到了~不输国际大牌，性价比很高。

佰草集的玉润是做了很久的一个系列了，从十年前到现在，它的热度就没有衰减过，口碑也是一如既往的好，做出禁得住时间检验的产品并不容易。

玉润主打的就是补水保湿，虽然看起来功能简简单单，但对于干皮来说却是救命的存在……添加了多种像天门冬、地黄这样的中草药提取物，同时又兼顾了透明质酸钠这样的大众保湿成分，是保湿的一把好手。

新换的包装也是中国风满满，命名为“瓷意”，真的很有中国特色有没有~~

新七白系列主打美白效果，顾名思义，添加了白茯苓、白蔹、白芨、白芍等七种中草药的提取物，滋养肌肤，焕白提亮。

整个瓶身也是通体纯白，slogan是“你就该如瓷美白”，不得不说这也太贴切了吧！

这个品牌知道的人比较少，旗舰店的关注人数只有15w，居然有些心疼……因为有的产品使用起来真的还不错啊！性价比满满！

上水和肌屏障修护肌底液

这瓶肌底液的成分，以植物提取物比较多，这些提取物大多是有抗氧化抗炎的效果的，并且没有添加防腐剂，可以说是一瓶很比较天然的肌底液了，成分表真的很漂亮啊~

马齿笕和卷柏的提取物也是很多大牌里常添加的成分！

但是大家也可以看到，里面的植物提取物种类比较多，所以可能也难免搞不准一个人不是很适合某个成分，毕竟看成分表，含量也不低，所以虽然它是一名主打屏障修护的选手，但是一旦自己出现了不耐受、过敏问题，也就不要继续使用啦。

羽西作为一个国牌，不管是理念还是产品，中国风的概念都非常浓厚。趋势也逐渐开始走向国际化，虽然热度有些降低，不过品质一直没变，就算是彩妆也是为养肤为前提。

主色调是喜气洋洋大红色的羽西灵芝生机系列是羽西的主打产品，灵芝水是明星单品，逢年过节的时候很适合送女性长辈~

剁手指南 | 快来沾喜气！看完这篇我整个人都喜气洋洋红红火火哒~

羽西的这瓶灵芝水添加了高浓度的灵芝提取精华，可以有效淡化细纹、祛黄提亮，算是一瓶高机能水，因为熬夜等原因出现肌肤暗沉的时候，用它很快就能看到改善，感觉皮肤焕然一新！

下面两个牌子就要说一说我们的国产医美品牌了~这两年以薇诺娜为首的医美护肤品突然爆火，不仅去看皮肤科的时候医生给开，就连各大抗敏博主也是强烈推荐。

谁还没个过敏的时候（干皮哭泣），过敏严重的时候我也是抛弃各种平时最爱，老老实实换上医美护肤品，只求稳稳当当度过过敏期……

特护霜是薇诺娜的明星单品了，别看薇诺娜标价不低，但是做好功课再买的话平时也很容易拿到好价，可以淘宝和京东多逛一下，有的时候出那种小礼盒，多买几个算下来特别划算！

也有过很多读者都反映说好用~

特护霜的质地就是水润润的乳液状，有一点点植物的味道。流动性比较好，上脸之后很容易就抹开，吸收之后也不会油腻。过敏期间，睡前厚敷一层，第二天起床之后都感觉泛红和小疹子消了好多下去！真的太神奇了，敏感皮吹爆！

因为薇诺娜就是一个针对于敏感皮肤修复的产品，而特护霜又是针对高度敏感人群设计的，所以安全性绝对杠杠的~~

首先这款精华液的质地很棒，是乳白色的，非常清爽，吸收也很快，无论是干皮还是油皮，完全不会对皮肤造成额外的负担。

添加了高浓度的马齿笕精华，可以有效修护皮肤屏障，和上面的特护霜是个不错的搭配~

之前很多读者在问“油皮”还起皮的问题，我想说这种情况八成是皮肤屏障受损了，网络上盛传的“外油内干”都是智商碎一地的说法……薇诺娜的这两款产品都很适合“油，但起皮”的朋友，在修复的同时，质地又做到了清爽，简直是量身定做的！

玉泽是由上海家化协同上海交通大学医学院附属瑞金医院皮肤科联合研制，安全感绝对没得说。产品主打修复皮肤屏障，提升肌肤健康状态。

玉泽皮肤屏障修护精华乳

玉泽的这款精华乳也是修护屏障的明星产品，我们常说，乳液是稀释了的面霜，这款精华乳就不一样了，有效成分的含量比普通的乳液高很多，能有效滋养皮肤。

乳液的流动性也比较好，质地比较清爽。从成分上来看，除了添加了向日葵、牛油果树等一系列天然提取物之外，也添加了霍霍巴油、神经酰胺这些常见的屏障柔润剂，是修复屏障的不二选择~

在老干妈风靡美国之后，“马应龙麝香痔疮膏”又开始在美国亚马逊商城火了，更是收获了大批美国网友的好评——

“创造它的人应该得诺贝尔奖，应该在奥运会上坐最前最好的位置！”

“这个药膏简直太神奇了，它给我带来了奇迹！”

当美国人还在感谢来自古老东方的神秘力量时，马应龙又开始生产眼霜了......

其实马应龙最开始不是做痔疮膏，它的老本行就是生产眼药的，创始于明朝万历十年，“马应龙眼药制作技艺”更是国家级非物质文化遗产。

马应龙的眼霜分很多系列：去黑眼圈、提拉紧致、补水精华等等；还有眼膜、睫毛增长液。上面这款是风评比较好的“八宝眼霜”，针对黑眼圈、眼袋问题都比较有效，后来出了为了更好地按摩吸收，更换了走珠包装，这样相对来说也卫生一些~

最近某网站选的“最好用眼霜TOP10”，马应龙眼霜与雅诗兰黛眼霜、雅顿眼胶囊等产品一起入围。不得不说，我们的国货真是厉害了！！

颐莲是透明质酸的头号供货商，背后是山东省药学科学院化妆品研究所，雅诗兰黛和兰蔻的透明质酸供货商也是它。

夏天到了，我最不能少的单品之一就是喷雾了，无论是天气炎热喷一下用来降温，还是空调屋待久了脸部干燥喷一下用来补水，都非常合适~

颐莲的这款喷雾添加了它家的头牌——玻尿酸，喷出来就能闻到那股特有的味道，保湿能力一级棒，毕竟1ml的玻尿酸可以锁住60L水啊！

这款喷雾的一大特点就是，喷雾非常细密，就算用到最后，也不会有“呲一脸”的感觉，更不用担心把美美的妆融掉，真的是很温柔的喷头了~

玻尿酸原液可以说是雷锋一样的存在了，哪里有需要，哪里就加它。粉底液不服帖、面霜不够滋润、护肤品保湿型不够好……总之一切因为保湿不够导致的问题，都能通过滴一滴玻尿酸原液解决！

尤其是冬天的时候，上粉底简直是我的一道劫……怎么涂怎么卡粉，用完粉底液还不如裸肤好看，可我明明就差把食用油直接糊到脸上了啊！！于是我就每个护肤步骤都滴一滴玻尿酸原液进去，到了下午脸都不会起皮！真的好神奇！

最近在小红书爆火的橘朵，可能有人担心它来路不明，但人家确实是个正儿八经的牌子，不仅在国家药监局是可以查到正规备案，最近还入驻了屈臣氏，真的越做越好啦~

天猫旗舰店：29.8元

腮红是整个妆面上非常重要但是容易被忽略的一个部分！很多人或因为不敢打腮红怕下手太重、或因为想让肤色更白净一些而故意不打腮红，但其实一块合适的腮红区域对气色的提升非常大~会让整个人变得生动起来，而不是只有一张大白脸(●—●)

橘朵的腮红体积小方便携带，只要一杯奶茶多点的钱就能搞定，而且色号的选择真是超级超级多！哑光、细闪、偏光应有尽有，绝对能满足你日常所有妆容的要求，更不用说刚入门的小白了。

粉质细腻，压盘很实，飞粉问题不算严重，显色度也比较适中，不会一刷子下去化成猴屁股。

有几个颜色都非常可圈可点，06号杏子色是比较火的，无论是想打造少女感、还是熟女风的一点点缀，都少不了它~是比较通勤的一个颜色。

除此之外，02号豆沙粉也很好看，既有红色的成分，又不会太浓重，“豆沙色”真是用到哪都好看的一个颜色~带细闪也显得整个皮肤都blingbling的，买它！

天猫旗舰店：29.8元

有时候我们往往因为眼影盘的颜值而入手，但真正到手了却发现，平时用得到的颜色也就那么几个……算下来，还是单色眼影最具性价比！

橘朵的单色眼影可选颜色很多，有几颗也是人手必备的了，比如G33，涂上之后你就是仙女，谁不喜欢blingbling的大眼睛呢~

（图片来源于小红书@Coco_冯）

金色的偏光真的很美！画完眼影点图在眼睛中间和卧蚕处，感觉眼睛立刻放大了一倍~同样好看的还有M26，是一个焦糖色，上眼不会显眼肿，属于比较通勤的颜色，新手也可以hold住，和G33搭配起来也是美翻天！

稚优泉既涉及了彩妆，在护肤方面也有不错的单品，而且价格美好，化妆小白必备！

天猫旗舰店：49.9元

在入手稚优泉这款唇釉之前，我从来不觉得50块能买到这么好用的唇釉！首先来说质地，同样是哑光唇釉，它完全没有某日记的这么这么这么干！居然有种阿玛尼唇釉的丝绒感，虽说是哑光，但上嘴之后还是很有质感的，稍微有一些光泽，显得唇部状态很好。

颜色也是美成仙，666色号被誉为阿玛尼405番茄色的平价替代，405的各种平替满天飞，但稚优泉的这个质地就显得这一支平替性价比很高~

（图片来源于小红书@哇哦你好）

我同样很喜欢的一个色号是603烟霞红，当初我入手的时候还蛮小众的，没想到刚刚去一看，已经被官方标定为热门色号了……

这个颜色非常显气质！不是像chili那样橘调的红，而是有一些偏水红色的红，上嘴之后很显白，整个人都温柔知性了很多~

国货面膜我用得其实不是很多，因为一直没有找到特别适合我肤质特别喜欢的品牌，所以也一直没有大批量购入。直到有一天我发现好像全世界的美妆博主都在强烈推荐这个水母面膜？身为好奇宝宝我还是入了一盒来试试。

用第一次我就get到为什么大家都在安利它了！！！首先这是一款蚕丝面膜，面膜纸不服帖的问题就完全没有了，但是眼睛处的裁剪对于眼间距大的人不太友好。

内含精华非常多，拿出面膜之后袋子里还能挤出很多来，补水能力也是杠杠的~喜欢水润面膜的一定来试试，当然，这个价位不要苛求它除了补水之外有更多的效果。

另外比较惊艳到我的一点是这款面膜比较温和，前段时间因为工作太忙生活规律有点乱，我的下巴上冒了几个小闭口，忍不住自己稍微针清了几个之后没多久敷了这款面膜，居然没有刺痛感！一般来说我脸上有伤口的话，用护肤品的话可能会疼的，当然大家不要学我……

写到这里真的由衷感觉很欣慰，我们的国货原来也有这么多好用的！

也希望国货能越做越好，慢慢走向世界，成为世人皆知的一线化妆品~因为篇幅缘故只能写这么多了，其实国产彩妆/护肤品还有许多许多好用的，你还用过哪些好用的还没看够？更多请戳