玩媒介穿越的网页设计

今天，智唯网络指出：设计依附的媒介正在变得越来越纷杂(从传统的平媒到火爆的移动、VR 等设备)，但其实带给设计师的表现空间反而是越来越大的。我找了些最近喜欢的设计案例，分析了它们关于不同媒介之间可见或不可见的相互影响，希望能为大家打开下脑洞。

穿越到平面、互动装置中的图形界面

左图是我自己路过拍的。海报里融入了音乐播放界面，多了一丝趣味。可惜这张图最终效果不尽如人意，各种元素加入反而让人不知它想表达什么。我后来查了下才知道，这是个鞋子的品牌，正在主打一个叫「Music of my soul」的概念，Hmmm……

上面的右图则是个比较有趣的案例。将 facebook 的手机界面实体化，做成可以互动的装置。人们可以坐在「相框」里摆各种姿势拍照留念。这可比那些在商场里放个装置拍人，然后进行奇奇怪怪的合成要有意思得多啦。

计算机出现到今天，走过了各种阶段。除了可以追求新潮，也可以通过回顾历史来创造些有趣的东西。比如前两年虐人无数遍的 flappy bird。或是回顾游戏进化史的 evoland。

没人规定过新的设计只能应用在新的平台，更没人规定过新的平台必须应用最新的设计。跨媒介、跨时间的设计都是非常值得尝试的。

多种媒体相结合的营销广告

前段时间还出现了个在年轻人中转疯了的案例——薛之谦出镜的腾讯动漫广告。

腾讯在今年更早的时候还有个广告也令人印象很深，腾讯 Next Idea x 故宫的案例。

这两个广告形式几乎是一模一样的：进入网页，点击(或滑动)后开始播放一段视频。重点就在这个视频。它针对手机屏幕创作，有各种 app 界面，或是营造「出屏」的效果来打造更强的趣味性。富有创意且引人入胜，说是手机端最成功的广告方式都不为过。

而写到这，我还想起了去年就曾见过的一个案例：世界奇妙物语的广告。

在这个案例中，当用户用雅虎日本搜索特定的词时，网页就会提示是否进入「里世界」。你选择「继续」的话，网页就开始播放一段视频。整个视频画面前景是雅虎的网页，网页下出现女孩敲打着「你的手机屏幕」喊着救命、救命，直到女孩渐渐被拖走……并且由于采用真人表演，所以效果特别真实。视频最后出现「世界奇妙物语的」的 logo，真是精彩~

智唯网络小编最后总结其实关于综合媒体的设计还有很多可聊的，优秀的案例也有很多。总结起来的话，在做网站设计基础知识的时候不要限制于单一的媒介，，试着引入其他的媒体形式，以创意为起点多做尝试与探索。

如何建站：

建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了