{{sindex}}/{{bigImglist.length}}
{{memberInfo.real_name}}
{{commentname}}

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That

{{newsData.publisher_name}} {{newsData.update_time}} 浏览:{{newsData.view_count}}
来源 | {{newsData.source}}   作者 | {{newsData.author}}



来自英国的It’s Nice That 是一个艺术创意网站,早在2016年开始,他们就筹备了ONES TO WATCH这项评选,从2017年开始,It’s Nice That获得优衣库的鼎力支持,在平面设计、广告、动画、出版等行业中挖掘出最具创意的新兴力量。

互联网时代,因特网上的各种网页成千上亿,想要从眼花缭乱的各类网站网页中让别人关注到并浏览你的网站,注定需要有不一样的创意。而一个好的网站也是从个人到工作室、商业项目最好的名片。以下8大Nice That网页获奖设计必会让你耳目一新。

01
Bureau Cool
https://itbegins.today

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
随鼠标移动背景图像会有液态金属流动效果
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
随网页下拉金属会逐渐呈现出字母的雏形

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
——网页下拉到最后变为俱乐部字母
在正式发布之前,该网站的背景仍然是抽象的,而在发布后(现已发布),背景会不断变幻并转变为滚动显示的俱乐部符号。

02
Artur Neufeld
wideawake.earth

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
网站初始页面动画,鼠标可随意划开“水滴”

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
通过移动鼠标和滑动滑块多方位探索插画师的多幅插画

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

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
网站支持随意向前或倒放解构的图画
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
线上商店购物页面

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

03
Yes Studio
https://ponystep-magazine.com

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
鼠标点击页面任何地方都可以发射小球

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

04
New Now
http://eidos.digital/

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

05
OKOK Services
https://www.okok.services

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
通过鼠标可以随意控制字母角度观看
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
工作室案例巧妙加入到网页中

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

06
Stuido24/24
https://jasminedeporta.com

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
两个光标会同时改变两张图,鼠标放至方块可以停止看大图

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

07
No Plans
https://noplans.show/

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

08
Timothée Roussilhe and Ben Mingo
https://www.davidwilliambaum.com/

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客

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



END

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
参与IFA 
与小编互动
点击下方留言给我们✎
IFA 期待您的投稿和建议

【IFA-艺术赏析】创意网页设计艺术丨It’s Nice That 艺术 创意 That 网页 IFA 英国 网站 优衣库 平面 广告 崇真艺客
艺术介入生活,艺术改变生活!
湖北省高校十佳移动公众平台 





{{flexible[0].text}}
{{newsData.good_count}}
{{newsData.transfer_count}}
Find Your Art
{{pingfen1}}.{{pingfen2}}
吧唧吧唧
  • 加载更多

    已展示全部

    {{layerTitle}}
    使用微信扫一扫进入手机版留言分享朋友圈或朋友
    长按识别二维码分享朋友圈或朋友
    {{item}}
    编辑
    {{btntext}}
    艺客分享
    {{mydata.real_name}} 成功分享了 文章
    您还可以分享到
    加载下一篇
    继续上滑切换下一篇文章
    提示
    是否置顶评论
    取消
    确定
    提示
    是否取消置顶
    取消
    确定
    提示
    是否删除评论
    取消
    确定
    登录提示
    还未登录崇真艺客
    更多功能等你开启...
    立即登录
    跳过
    注册
    微信客服
    使用微信扫一扫联系客服
    点击右上角分享
    按下开始,松开结束(录音不超过60秒)