FWA强烈推荐6个超高水准互动网站设计案例

Author: Chris Song

互联网界每天都会上架很多超棒的网站设计案例,而The FWA推荐和展示的UI Movement干货均来自世界最有才华的动效设计师。今天分享5个超前沿的互动网站设计案例。

 

01

-

HAUS

https://madeinhaus.com/

 

首页的动效设计,吸引了我。这是结合了UI设计师及前端制作工程师的精髓才能实现的。

 

素马设计品牌企业建站案例中也有一个案例相值得欣赏

 

几何图形见过很多,但这种跟字体风格结合得比较好的就这款。

 

 

注意作品的互动动效设计,文字背景色随着作品的主色系变化而跟着变化,后台怎么维护呢?还是AI人工智能实现的?

 

按钮及作品的轮播切换,巧妙利用translate属性实现,有意思。

 

值得一提的是,这一类的设计风格,从南宁素马多年的企业建站经验来看,更多适合艺术类、设计类的品牌网站。前端交互动效设计,对浏览器的版本有更高的要求。

 

02

-

https://www.rodolfosarno.com/

 

 

图片交互动画的视觉效果超级酷炫

整站由上而下也是采用不规则浮动布局的。

 

03

-

https://schizinfo.com/connexion/

 

这种布局和展示方式,适合展示图片集类。

 

 

里面采用了CSS3D透视效果。

 

素马设计企业网站案例

魅无界设计MAXIMUM也采用了这个CSS3D技术。

 

04

-

https://questionsinthesky.airfrance.com/

 

非常可爱的UI视觉元素

 

 

想要去哪里干什么,坐着飞机去。

 

背景的配色跟纹理超赞

 

 

05

-

https://www.petitsmo.fr/explorer

 

之前有介绍过这种模拟现实场景设计的软件可采用C4D设计软件

 

 

 

 

 

06

-

https://dominic.bz/

 

 

鼠标动效设计,对浏览器版本有一定的要求。

 

 

小结

-

 

以上分享的是周末The FWA官网推荐的6款超赞的互动动效设计网站,表现手法有些超前沿,希望大家get到一点灵感。

 

The FWA是设计师们最喜欢的网站。展示最前沿的网站设计与网站设计趋势The FWA是全球最喜欢的网站奖,行业认可的互联网奖励计划和鼓舞人心的门户网站,成立于2000。

 

The FWA是网站奖计划在互联网的历史中访问量最大的,有超过140000000的网站访问作为七月2011(和多个亿流入到我们的服务器)。

 

同时The FWA也是一个网页设计素材丰富的网站。包含flash动画,全flasht网站,thefwa图片库,thefwa视频库,thefwa图书,thefwa优秀的设计机构等相关栏目。

 

The FWA官网地址:http://www.thefwa.com/ 

相关阅读