Clement Merouani摄影师个人作品集网站设计

网站赏析：

正如标题所言，这是一个摄影师个人作品展示的网站。Clement Merouani是居住在巴黎的法国艺术总监兼摄影师。该网站主要是对该摄影师作品的展示 , 因而整个网站给人的第一印象就很好。极具艺术风格的摄影作品搭配整个网站的创意设计 , 使得这个作品集类型的网站很有个性。这个网站能够展示出设计师思维的活跃 , 在设计时 , 打破了局限格局的禁锢 , 在许多地方都做了巧妙的设计。

设计看点：

1. 首页全屏的使用 , 网站主要功能就是作品的展示 , 因而设计师选择了简洁的全屏展示。以黑色作为背景 , 全屏展示摄影师的各组作品 , 这样的设计能够突出对作品的展示 , 让整个网站更加简洁清爽 , 同时也增加了网页的高级感。

    ○ 下图便是首页中全屏展示的作品集 , 全屏设计的展示能够增加整个网站的视觉效果 , 在一定程度上能够给用户留下较深的印象。在该网站中 , 设计师这样的设计能够让界面看上去更加简洁 , 更加高端大气。

2. 动态效果设计上 , 网站中使用到的动态效果能够加深网页的以及所展示内容的层次感 , 呈现出的方式比较接近实际事物。网页动画的视觉冲击力远远超过图片和抄文字，更能吸引网页的浏览者。

    ○ 如同下图展示 , 可以观察到作品刚开始展示时呈现出来的是一种被封装的状态 , 图片的滤镜效果较为明显。但当我们点击相应的作品集时 , 便会发生如下图展示的动态效果。图片有种隐约浮现出来的效果 , 这张图片的色彩对比度也会对应加深 , 显得更加清晰。这样的动态效果能够让用户有种豁然开朗的感觉 , 在一定程度上带来了良好的视觉享受。

    ○ 下图所展示的动态效果也是该网站一处亮点。如下图展示 , 在这一模块中 , 设计师打破了常规的布局排版。随意的排版组合 , 让页面较为饱满 , 也能凸显出网页的设计感与艺术性。不难发现的是 , 这一模块存在微交互的动态效果 , 可以对页面中的卡片式元素进行拖拽。这样的效果做到了与用户的互动 , 增加了用户浏览的趣味性。

3. 排版样式上 , 网站在图文内容的展示上采用了脱离网格型版式 , 较有艺术感。文字元素与图片元素的叠压 , 增加了模块的精致度。网站中利用了留白和叠加的构图方式 , 展现出了漂浮的效果 , 让页面看上去更加有设计感。

    ○ 如下图中展示 , 在整个网站的作品展示中 , 图文搭配有许多中方式 , 主要都是文字围绕图片 。作为一种装饰 , 在展示信息的同时 , 又提升了整体页面的饱满程度。