Photographer 网站预览
Photographer 网站预览

Photographer

白色基底、大字排版与紧密字距。

页面以白色为基底。字体采用 Helvetica。视觉特点包括大字排版、紧密字距、细线分隔、摄影展示。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 使用 Helvetica 700 在极端尺寸对比下呈现:10-18px 用于金属部分,200-400px 用于 Julia 字标——尺寸比例即是层级关系
  • 所有文字应用 -0.02em 的字间距;更紧密的字间距将粗体字母拉成雕塑般的整体形态
  • 用 1px 的色度细线边框包裹摄影图块,边框颜色取自每张图像的主色调——网格本身成为色彩研究
  • 字标的行高保持1.00;字母在垂直方向上必须重叠或几乎相接,以取得最大的视觉冲击。
  • 仅使用 #000000 作为结构色——白色画布、黑色文字、黑色细线;所有色彩均来自摄影内容
  • 图块之间间距为 15px,绝不给图块内部添加内边距或内边框
  • 全局保持 0px 圆角——仅保留锐利边缘,符合编辑类印刷品的审美

建议避免

  • 绝不引入阴影、渐变或模糊效果——系统坚持平面化原则
  • 绝不为按钮或链接添加背景填充;该系统中不存在任何带有填充的交互元素
  • 绝不为图块、边框或任何容器添加大于 0px 的圆角
  • 绝不用于正文文本使用颜色——所有文本均为 #000000;颜色仅用于边框和摄影内容
  • 绝不添加与字标竞争视觉空间的页眉、页脚或导航栏 界面外围元素
  • 绝不使用 Helvetica 的轻量或细体;系统中仅使用 700 字重
  • 绝不为图像组添加卡片内边距、阴影或表面层次——网格本身就是分组方式