01
设计气质 DNA
极简主义编辑风格作品集精选
一个专注于高质量视觉作品、摒弃多余干扰的设计师个人作品集网站。
02
色彩
#000000Ink#d0d0d0BG#888888Mutedrgba(0,0,0,0.1)Line柔和的中性色调,作为摄影和编辑内容的安静背景。
03
字体
- display
16px · 400 - body
12px · 400
排版注重功能性且字号较小,展示文字与正文均使用同一款几何无衬线字体。 · 文字左对齐,作为清晰、不突兀的导航指引。
04
间距
4px8px12px16px24px32px基于4px网格的紧凑节奏,用于紧凑的文字间距和布局内边距。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框,依靠排版和间距实现区隔。
06
布局
1400container
12columns
24pxgutter
768 / 1024breakpoints
单栏布局,配有固定左侧导航边栏和用于主要视觉内容的大型居中内容区。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
文本链接和缩略图上的简单悬停状态。 · 图片轮播和导航图层的平滑过渡效果。
文本链接上微妙的下划线或颜色变化,以指示其可交互性。 · 按钮和导航元素提供即时反馈。
08
组件
- button 醒目的黑色按钮,配白色文字和小箭头图标,用于主要操作号召。
- card 全出血的大尺寸图片卡片,用于展示作品集内容,并配有小型缩略图条用于导航。
- hero 全出血摄影主图,配有包含Logo和主导航的浮动小图层。
09
文案语气与禁用清单
- 语气 专业、内敛、自信。
- 标题风格 直接且功能化,使用项目名称作为标题。
- 按钮文案 清晰、以行动为导向,使用精简文字。
- 不要使用明亮、饱和的颜色——截图显示的是柔和、中性的背景。
- 不要使用装饰性衬线字体——截图显示的是干净的几何无衬线字体。
- 不要为卡片添加阴影或圆角——截图显示的是无边框、全出血的图片。
- 导航不要使用居中对齐——截图显示的是严格的左对齐。
- 不要在布局中堆砌多个操作号召——截图显示的是单一的主要操作号召。
- 主要内容区域不要使用复杂网格——截图显示的是单栏、以图片为中心的布局。
- 避免: 避免使用过于装饰性或俏皮的语言。
- 避免: 避免冗长的描述性段落。
- 避免: 避免复杂或层叠的视觉效果。
11
System Prompt
一个品牌与交互设计师的作品集网站,以极致的简约和对精选视觉作品的关注为特征。设计采用柔和的浅灰色背景(#d0d0d0)和纯黑色文字(#000000)。字体完全使用几何无衬线体,以小而功能化的字号用于导航。布局特点是左对齐的固定导航侧边栏和用于全出血摄影项目的大型居中内容区域。一个单一、高对比度的黑色按钮作为主要操作号召。关键禁忌:避免装饰性元素,避免居中导航,避免使用多种强调色,避免UI元素的圆角,避免复杂的排版层次结构,避免杂乱的布局。整体语调专业而克制。