It's Nice That选出，8个堪比大片的网页设计！

创意动态网页设计

如何从万千网页脱颖而出

互联网时代，因特网上的各种网页成千上亿，想要从眼花缭乱的各类网站网页中让别人关注到并浏览你的网站，注定需要有不一样的创意。而一个好的网站也是从个人到工作室、商业项目最好的名片。

今天为大家分享一些创意和呈现无与伦比的网页设计，为自己的设计增添一些另类的灵感。

01

Bureau Cool

Bureau Cool又叫Ben Wegscheider，他为位于乌克兰首都Kiev的技术俱乐部∄设计了具有个性风格的独立网站。Ben告诉我们，“∄”代表俱乐部的名称，表示“不存在”。Bureau Cool一直以来都与俱乐部保持一种持续的合作，每三个月他会为新的计划设置一个新的网页和概念。

随鼠标移动背景图像会有液态金属流动效果

随网页下拉金属会逐渐呈现出字母的雏形

Ben解释说，就这个特定网站而言，他的想法是“创建一种抽象的，视觉上有趣的和交互式的东西，可以在所有通信中使用。”

网页下拉到最后变为俱乐部字母

在正式发布之前，该网站的背景仍然是抽象的，而在发布后（现已发布），背景会不断变幻并转变为滚动显示的俱乐部符号。

02

Artur Neufeld

wideawake.earth

网站初始页面动画，鼠标可随意划开“水滴”

Wide Awake是插画家Friederike Hantel和时装设计师Ethel Vaughn的灵感结晶。这个网页是他们与工作室Selam X进行合作的线上商店网页。Friederike插画风格特殊，将日本美学与希耶洛缪纳斯·博世的怪诞相结合。

通过移动鼠标和滑动滑块多方位探索插画师的多幅插画

出于这个原因，网页的设计师Artur Neufeld认为，如果他们像其他人一样开设一个普通线上商店，对这次合作没有太大意义。

因此他们邀请了来自世界各地的合作者重新混合Friederike的插图，制作动画、音乐和图形。用户进入网站后通过前后滑动鼠标滑块可以看到各种重构组合的动态图画，宛如一场时空旅行。

网站支持随意向前或倒放解构的图画

线上商店购物页面

Wideawake.earth并不是一家静态商店，而是为用户提供了一个完整的故事，灵感来自Friederike插图中的漫画世界。Artur希望通过这种方式吸引更多人对这个网页的关注。

03

Yes Studio

这是由Yes Studio为Ponystep Magazine的一个有趣的交互式3D网站。登陆网站后，你会看到一系列整齐站立的杂志。随意点击鼠标，你就可以在网站中发射出黑色的小球，打落整齐的杂志。这个网站由发行这本杂志的Yes Studio兼任设计。

鼠标点击页面任何地方都可以发射小球

Yes Studio说，在这个网站中没有简短的文字介绍，杂志即将发行，他们希望立即创作出一些东西，以表达杂志对时尚的态度。

而这是一个直观而又明智的解决方案，它可以使人们停留在网站上并记住《Ponystep》，这是工作室与杂志编辑Richard Mortimer共同得出的想法。

04

New Now

这是位于柏林的工作室New Now为摄影师Tobias Faisst的个人项目Eidos所设计的网站。摄影师Tobias的这个项目的照片展示了当前人类，技术与自然之间复杂的相互关系，同时继续挑战并模糊了两者之间的界限。

为了表现当前广告和媒体环境中摄影与计算机生成图像之间的模糊界限，New Now设计的网页通过向项目添加另一个数字抽象层来展现这一概念。

New Now使用置换图将图像的可视信息变形为地形图，揭示了破坏所有熟悉背景的三维空间。网站的浏览体验就像身在一个数字空间，它克服了传统出版书籍的既定限制和线性，给人一种全新的视觉体验。

05

OKOK Services

OKOK Services是一家分别位于阿姆斯特丹和汉城的工作室，由Faris Kassim和My Kim Bui组成，在交互式和Web设计以及开发，移动应用程序，创意编码，3D设计等领域进行探索。

他们工作室的网站在很大程度上反映了他们的探索内容。网页出现后，首先会呈现出一个半透明的蓝色大型3D图标。通过使用鼠标，你可以移动图标字母，从不同的角度查看它们。

选择黑色背景也是一个大胆而引人注目的选择，而这是他们从拍摄产品广告时的相机镜头，香水瓶的缓慢摇摄和跟踪镜头中获得启发。

通过鼠标可以随意控制字母角度观看

工作室案例巧妙加入到网页中

在网站刚创建的时候，工作室主要是为朋友们去服务，因此OKOK Services希望网页视觉能够表现出产品发布时那种光鲜亮丽的感觉，也作为面向未来客户的一张名片。

06

Stuido24/24

登陆意大利摄影师Jasmine Deporta的网站后，你可能会感到有些困惑。网页屏幕被一分为二，这本身并不是什么特别的事，但是包含第二个光标不仅可以在视觉上，更可以在操作上上让屏幕真正“一分为二”。一旦你熟悉了操作方法，你就可以很清楚地同时认真观赏Jasmine创作的两个作品。

两个光标会同时改变两张图，鼠标放至方块可以停止看大图

据网站的设计工作室24/24介绍，“11”是Jasmine极其重要和迷恋的数字，因此网站围绕数字“11”构成。

网页在图像和文本之间创建平移对称性，屏幕被分为“1:1”，甚至连光标的移动都是1:1的，展示照片也遵循1次在前1次在后做背景的规律，非常有趣。

07

No Plans

No Plans由位于纽约和伦敦的三位创意数字专家：丹尼尔·皮亚内蒂，丹尼尔·贝尔和安德鲁·麦卡锡组成。他们在数字设计和开发领域拥有超过十年的经验。

这个网页是当他们被要求为展览制作作品时，他们运用创新的方式向大家分享作品的网页。他们为了解决吸引访客的注意力，并使他们与屏幕里作品集互动的问题而开发了一个系统。

该系统将多个网站压缩并扩展到一个站点，然后可以通过移动鼠标进行查看。他们的网页极端变形导致了一种类似于破碎的显示器的效果，在大幅面屏幕上看起来非常醒目，同时达到了吸引视觉和引导互动的效果。

08

Timothée Roussilhe and Ben Mingo

David William Baum是时尚，静物和风景摄影师，并担任创意总监，常驻洛杉矶，纽约和旧金山。他的多方面实践也成为了网页的基础灵感。

该网站由Ben Mingo设计，当你进入他的网页时，图像会在你面前堆叠，然后散布在页面上，按样式或内容分组，并在悬停时放大。

Ben解释，David网页的视觉系统就像一张简单的画布，能突出他作品的质量。所有图像都是混合在一起，很小且杂乱无章，但是随着用户深入网页，内容会变得越来越大，越来越有条理。通过这种交互的操作，可以使读者对David的作品有更全面的审视。

编辑 / 叶子

图片 / 来源于官方网站或网络