Philippe Reynaud
对摄影师来说，最好的设计是看不见的设计。
- 年份
- 2026
- 制作周期
- 2 周
- 技术栈
- React · Vite · Tailwind · Vercel
- 设计
- 开发
- SEO
- 套字体
- 1
- 种强调色
- 0
- Lighthouse SEO
- 100/100
需要解决的问题。
背景
Philippe Reynaud 是一位艺术摄影师：黑白摄影印制作品、展览、原作销售。
限制
摄影师的作品集是唯一一种设计必须“隐身”的网站。任何颜色、任何突出的字体、任何特效，都会与图像争夺注意力——而真正要卖的是图像。
对策
界面精简到极致：中性灰、低调的字体、极简导航。作品以大尺寸呈现在中性背景上，并附上印制参数——介质、尺寸、版数。销售以联络咨询的方式处理，而不是购物车。
交付时测得的评分。
以下为线上网站的Lighthouse评分。我们如实公布：若某项分数偏低，其原因与改进计划会在下文写明，而不是避而不谈。
每一个设计取舍，及其理由。
绝对中性的灰
图像周围没有任何偏色。略暖或略冷的背景都会改变人们对黑白作品的感知——对艺术摄影师来说，这是致命的。
隐于无形的字体
只用一套字体、两种字号，字重不超过 medium。作品标题低调地置于图像下方，绝不压在图像上。
标明印制参数
介质、尺寸、版号。艺术收藏印制品的买家，买的既是图像，也是实物；这些信息本身就是作品的一部分。
项目配色
灰 950
#111111
正文
灰 100
#F2F2F2
图库背景
灰 500
#7A7A7A
次要标签
白
#FFFFFF
页面底色
字体系统
标题字体
Inter 500
正文字体
Inter 400
只用一套字体，不用粗字重。在作品集上，字体是一项服务，而不是一种签名。
幕后的技术实现。
- React
- Vite
- Tailwind
- Vercel
以恰到好处的分辨率输出图像
每件作品都按实际显示尺寸、以现代格式输出。在摄影网站上，画质还原本身就是产品——压缩不足是荒唐的，过度加载同样如此。
已明确的无障碍改进点
得分 88：部分次要标签的对比度低于阈值，这是刻意追求字体低调的直接结果。修复方案已经明确，且不需要任何实质性的视觉妥协。
网站如何被搜索到。
艺术家姓名与作品系列
作者姓名是最主要的搜索词；系列名称和展览名称其次。艺术家作品集依靠专有名词获得排名，而不是泛泛的关键词。
VisualArtwork 结构化标记
每件作品都标明其类型、作者和尺寸。这是艺术作品应有的标记方式，也能为图片搜索提供数据。
交付了哪些内容。
- 首页
- 作品系列
- 在售作品
- 展览
- 个人简介
- 联系我们
项目的推进过程。
设计立场
让设计隐退，把舞台交给图像。
设计
中性灰、单一字体、印制信息。
开发
恰到好处的图像分辨率，现代格式。
