IVAN AIVAZOVSKY 赏析

awwwards 上发现一个设计和交互超级棒的网页 ivanaivazovsky.life,整个设计非常简洁大胆,色彩基本只有黑白色,看起来非常舒服,直接看效果吧! 🍷

HOME

网页加载完成后,显示的首页,加载首页有一个动画效果,有一层烟雾慢慢散开,然后才出现人物。

这个页面非常简洁
上面:MENU 、SOUND.ON(音乐开关)、和 语言的切换
下面:200周年小logo、ABOUT(关于)、CREDITS(大概是工作人员名单的意思)


MENU

菜单的设计是全屏的,每个菜单都有一个背景图,觉得这个设计简洁而且大气。


WORKS

进来会显示所有的作品,左边有个分类菜单(FILTER)


分类菜单(FILTER),非常的简洁,没有任何文字描述,鼠标放上去会有一个简单的介绍


点击每个作品,可以进来详情页面,页非常简洁,黑框框的简介,这个不能收进去,如果能收进去就更好了


点击黑色的加,可以进入详细介绍,黑底白字,一个小叉叉,简洁舒服


点击 VIEW ALL PAINTINGS 可以显示缩小的视图,方便随意切换,这个设计也是棒棒的


大的文字导航,漂亮的图片背景,鼠标放到每个菜单上背景图可以对应切换


点击菜单进入live详情,这里还有一个小动画


点击 ARCHIVE 可以总预览界面


AWARDS


这个界面也是超简洁,把鼠标放在圆点上出来简介


点击简介,进入详情,左下角的 NEXT 可以切换图片

忘了介绍 左右上角中间 有个导航,告诉你的位置,也方便回到主页


分享