Daniel Triendl 网站预览
Daniel Triendl 网站预览

Daniel Triendl

纯白画廊墙用于表现强烈视觉的艺术作品

Daniel Triendl 是一个数字画廊墙伪装成作品集页面的设计。界面外围元素 风格刻意简约——纯白色画布,黑色细线边框,衬线体正文文字,一个极小的头像——从而让丰富的拼贴式插画作品在每个屏幕上都能自然呈现,不被干扰。UI 的表现方式如同博物馆标签:小巧、安静,始终处于对所描述艺术作品的从属地位。导航仅保留两个幽灵按钮和三个悬浮胶囊形控件,页面中唯一脱离纯白的表面是用于胶囊控件的柔和灰调,以及偶尔出现的标签背景色。

查看原始网站

使用规范

建议采用

  • 保持画布为纯白色 (#ffffff) —— 插画提供所有色彩,UI 不能有任何色彩竞争
  • 正文、图注和标签采用Times 14px,只有标题或强调文字片段切换为UniversalSans 425。
  • 每张图片均以 1px #000000 细线框起 —— 黑色边框是视觉核心,而非阴影
  • 交互元素(按钮、胶囊控件)圆角设为 48px 以形成完整胶囊形状;图片卡片圆角设为 10px
  • 仅将 #f2f2f2 用于悬浮胶囊导航和柔和标签芯片 —— 严禁用于页面区块
  • 正文和图注文字严格设为14px / 1.2行高 / -0.14px字间距,这种紧凑感是刻意设计。
  • 让 Rza 品牌标识在页眉中精确出现一次 —— 这是整个系统中唯一的展示时刻

建议避免

  • 禁止引入任何色彩 UI 配色 —— 不使用绿色、红色、蓝色或强调色 —— 色彩方案为黑/白/灰的设计原则
  • 禁止为插画卡片添加阴影;唯一允许的阴影是悬浮胶囊导航(rgba(0,0,0,0.1) 0px 4px 4px)
  • 禁止在大字号标题中使用 Times 字体;Times 仅作为 14px 的标签字体,非展示用途
  • 禁止将 Rza 字体混入正文或标签内容 —— 它只存在于品牌标识中
  • 禁止在白色背景上使用 #9b9b9b 作为正文文字 —— 对比度不足(2.8:1);仅用于黑色背景上的元数据/标签,或作为细线边框
  • 禁止在插画图片周围添加内边距或边框 —— 图片需完全填满其网格单元的边缘
  • 禁止创建实心按钮;所有交互元素均为幽灵/空心状态(#000000 边框,无填充)