IVAN AIVAZOVSKY 赏析

IVAN AIVAZOVSKY

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


HOME

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

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

home

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

menu

WORKS

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

works


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

works


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

works-item


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

works-item


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

works-item

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

life


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

life-item


点击 ARCHIVE 可以总预览界面

life-item

AWARDS

awards

MAP

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

map


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

map

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

本文结束感谢您的阅读

本文标题:IVAN AIVAZOVSKY 赏析

文章作者:李少颖(persilee)

发布时间:2018年04月07日 - 10:04

最后更新:2018年05月22日 - 11:05

原始链接:https://www.h.lishaoy.net/IVANAIVAZOVSKY.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

坚持原创技术分享,您的支持将鼓励我继续创作!