互联网界每天都会上架很多超棒的网站设计案例,而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/