01
设计气质 DNA
极简主义个人作品集设计导向编辑风格专业气质
如同精心策划的画廊或专著,留白与摄影是核心的视觉传达媒介。
02
色彩
#1A1A1AInk#F0F0F0BG#888888Mutedrgba(0,0,0,0.1)Line单色灰度色板搭配中性灰白背景,使黑白摄影与深色文字得以突出。
03
字体
- display
32px · 400 - body
18px · 400 - caption
14px · 400
主标题使用衬线字体,奠定编辑风格的典雅基调。 · 正文与导航使用无衬线字体,保证清晰度与现代感。 · 维持文字与背景的高对比度,确保可读性。 · 控制行宽在舒适阅读范围内,适用于标题与段落。
04
间距
4px8px16px24px32px48px64px96px基于4像素网格的宽松间距系统,营造宁静整洁的版面,留白充裕。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
表面无可见边框;区域分隔通过间距与摄影构图实现。
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
非对称网格结构,左侧为导航栏,右侧为主内容区。主视觉图片采用分层或错位布局,而非严格对齐。
07
动效与交互
200msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
内容加载时可能采用细微的淡入过渡,静态截图中不可见。
导航链接在悬停时呈现细微透明度变化。 · 标准页面导航。
08
组件
- button 此视图中无可见按钮;主要交互通过文本链接实现。
- card 图像作为核心视觉卡片呈现,无边框或阴影。
- chip 无相关组件。
- input 无相关组件。
- hero 由重叠的黑白摄影构成的拼贴画,作为视觉引导。
09
文案语气与禁用清单
- 语气 专业、自信且内敛。
- 标题风格 直接简洁,使用衬线字体营造经典权威感。
- 按钮文案 采用含蓄的文本链接,避免醒目按钮。
- 勿使用多色色板——截图显示的是严格的单色灰度方案。
- 勿为图片或卡片添加投影——视觉效果依赖清晰边缘与重叠构图。
- 勿为标题使用厚重几何无衬线字体——截图采用精致的过渡衬线体。
- 勿用元素堆砌版面——设计以充裕留白与克制感为特征。
- 勿使用醒目填充式按钮进行导航——截图采用简洁的带下划线文本链接。
- 勿为元素添加圆角——设计采用尖锐的矩形形状处理图像与版面。
- 避免: 鲜艳色彩或渐变效果
- 避免: 过度装饰性元素
- 避免: 密集文本区块
- 避免: 激进的营销话术
- 避免: 复杂的导航结构
- 避免: 不必要的动画效果
11
System Prompt
这是一个面向软件设计师与撰稿人的极简个人作品集。定位为简洁的编辑风格平台,聚焦清晰度与专业作品。核心视觉元素包括:中性灰白背景(#F0F0F0)、深色墨迹文字(#1A1A1A)以及高对比度黑白摄影。字体排印采用过渡衬线体作为展示标题,人文无衬线体作为正文。关键设计约束:不得在色板中引入任何彩色。不得为图片或容器添加投影或圆角。不得拥挤版面;优先保障充裕留白与非对称构图。