web设计经典分享之netflix猎魔人官网

奈飞制作出品的猎魔人，由大超演员亨利卡维尔出演的影视奇幻大作，该剧豆瓣评价尚可，虽然比不上权游，但至少没崩盘。

（文学领域，可能看过的少，但是游戏领域并不陌生，巫师3可以说是鼎鼎大名了）

当然，这不是重点，重点是。。。官网页面不比剧本差多少。妥妥也算是大制作了。

开篇就是一个过场动画，游戏的既视感有了。发现外国人还是挺喜欢用手写字体的，更有年代感，历史感。拨开这层层历史迷雾以及出场魔物后，我们就来到了主界面。

非常简洁，就是个矗立在空旷原野上的石柱，背后是压抑灰蒙蒙的一片天空，天空中不断飘来雪花，营造一种纪念丰碑的感觉，

滚轮往下滑动，展示柱子的每一截，搭配部分文字内容，每一处内容都有它对应的历史渊源，有它的故事。

当我们一直滑动移动到最下方，就能通过点击页面按钮仿佛进入传送门一般到达下一个页面。

在这根擎天大柱的左上角，可以点击进入地图模式。可以通过它得到猎魔人的年代记，以及主角的行动轨迹，在哪个地区发生了怎样的事件和遇到了什么人。

通过传送门之后，我们来到主角的介绍页面，在这里经过一系列长长的人物简介，跳过一段短视频，我们又来到了其他角色的选取页面。完成了一个交互闭环。斜着进行图片滚轮的交互效果，还是非常有意思的。

在首页这根柱子的中段，我们可以点击进入这个页面，类似把每个剧情里面的人物封印在一颗颗小石子里，鼠标划过，原本隐藏在阴影中的石头就被照亮，可以点击了解人物。

从交互感来看，无论是石头的设置，还是魔法门的互动进入下个页面的效果，都是及其有趣味性的，大大加分不少，若是说不足之处还是相比之前发的那个站，少了点大众的普遍适用性。就类似宜家，要不断往下走，而缺乏直达链接，如果我要到达特定的页面，缺乏一个即时快速便捷的入口。更多还是需要重重递进去探寻。但整体我也还是非常喜欢的，不然也不会想着来分享了。

静态效果如下，近几年几乎甚少有看到相关的影视网站出品了，过去还有一些热衷于影视游戏改编成web设计的案例出现，而现在几近罕见。怀念过去那个总能涌现出这类作品的年代。在很多设计只能停留在概念稿缺乏投资制作的时候，而国外悄无声息一步步把网页设计刷向比过往更高的高度。

只可惜自己无法实现财务自由，所以不得已为养家糊口搁置自己的想法。要做出这样的页面，除了基本的技艺之外。（合成，排版，选用图，调色，拥有交互概念），还需要有底子（能搞到原厂图而不用花费大把心思去苦苦寻找），还要能实现出这样效果的前端开发，更需要3D动效设计或者原画插画师的配合，才能执行出这样的效果。总之。。。人家的一小步，是你的一大步，要追赶何其困难。

还是把希望放在下一代吧。。。我就仅仅只能做下分享做个导游介绍下了，哎。。。