01
设计气质 DNA
个人设计摄影作品集极简策展
干净的画廊墙面,配有稀疏的标签
02
色彩
#111111Ink#FFFFFFBG#888888Mutedrgba(0,0,0,0.1)Line纯白画布搭配深色排版,完全依靠摄影内容创造视觉趣味。
03
字体
- display
16px · 500 - body-sm
14px · 400 - caption
13px · 400
全文保持统一的几何无衬线字体,营造简洁现代的感受 · 保持字体尺寸小而低调,让摄影作品占据主导
04
间距
4px8px16px24px32px48px64px96px网格项目之间保持24px的统一间距,中央内容区域周围留有充足留白
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
卡片或容器无可见边框,结构完全依靠留白来体现
06
布局
1400container
12columns
24pxgutter
768 / 1024breakpoints
左侧边栏(约250px)用于个人信息与站点信息,剩余区域划分为三列瀑布流式网格用于内容卡片
07
动效与交互
150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
静态截图中无可见动画
静态截图中无或仅有极简的悬停状态 · 标准链接导航
08
组件
- button 仅文本的极简链接,无可见按钮样式
- card 无边框的图片块,下方配有稀疏的文字说明
- hero 无专门的首屏区域;内容从三列网格直接开始
09
文案语气与禁用清单
- 语气 安静、个人化且低调
- 标题风格 第一人称的个人陈述,使用小写或句首字母大写
- 按钮文案 无显著行动号召;导航纯为信息性文本链接
- 不要在卡片上使用明显的圆角——截图显示整体为尖锐的矩形边缘
- 不要为卡片添加投影或立体效果——截图显示完全扁平、无边框的设计
- 不要使用深色背景或深色模式——截图显示纯白色画布
- 不要添加强调色或彩色标签——截图仅依靠黑、白、灰三色
- 不要使用大型展示字体——截图中所有文字均保持适中、可读的尺寸
- 不要用过多UI框架充斥界面——截图使用极简导航,无可见按钮或输入框
- 不要在区域间添加可见的边框或分隔线——截图仅使用留白作为分隔
- 避免: 营销语言
- 避免: 过度自我推广
- 避免: 明亮的强调色
- 避免: 装饰性UI元素
11
System Prompt
一个为设计师-摄影师设计的克制个人作品集,采用纯白背景搭配黑色几何无衬线字体。布局使用固定左侧边栏展示个人信息,三列无边框图片卡片网格配有稀疏的文字说明。导航为极简文本链接。视觉层次完全依靠摄影内容而非装饰性UI元素。关键色彩:#FFFFFF 背景、#111111 文本及 #888888 柔和说明文字。无强调色。关键禁忌:切勿为卡片添加边框或投影,切勿使用彩色强调色,切勿引入与摄影作品竞争的装饰性UI元素。