01
设计气质 DNA
时装纺织作品集编辑设计
为时装设计师最新系列策展的画廊墙面
02
色彩
#000000Ink#FFFFFFBG#666666Mutedrgba(0, 0, 0, 0.1)Line高对比度的单色基底,让摄影作品占据主导地位。
03
字体
- display
158px · 400 - heading
14px · 400 - body
12px · 400
大型、富有表现力的项目标题使用衬线字体。 · 所有功能性和导航性文本使用无衬线字体。 · 小型标签和导航链接应用大写转换。
04
间距
4px8px16px24px32px48px64px96px各部分之间留有充足的垂直内边距,营造出通透、从容不迫的氛围。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框;通过充足的空白和叠加的图像构图实现分隔。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
自由形式的图像叠加网格,中心设有一个大型标题元素。导航置于顶部边缘。
07
动效与交互
240msmicro
400mssmall
1000msmedium
cubic-bezier(0.86, 0, 0.07, 1)easing
缓慢、平滑的页面过渡与元素入场
交互元素上细微的不透明度或变换效果。 · 标准链接导航。
08
组件
- button 无独立按钮组件;导航基于文本链接。
- card 图像作为主要内容单元,以拼贴风格叠加排列。
- chip 无可见元素。
- input 无可见元素。
- hero 由叠加照片构成的动态构图,配有居中放置的大型标题。
09
文案语气与禁用清单
- 语气 精致、艺术化、含蓄内敛。
- 标题风格 大型、富有表现力的衬线体标题,与无衬线体正文形成对比。
- 按钮文案 简洁、无装饰的文本链接,通常为大写。
- 勿使用带有可见边框或卡片的网格——截图显示的是叠加的自由拼贴形式。
- 勿使用多种强调色——截图显示文本和 UI 采用严格的单色调色板。
- 勿对标题使用粗体无衬线字体——截图使用精致的衬线体作为展示排版。
- 勿为图像添加投影——截图使用扁平的叠加照片。
- 勿用众多 UI 元素使界面显得杂乱——截图显示大量空白和最少的控件。
- 勿使用粗重的边框或分隔线——截图依赖间距和叠加来构建视觉层次。
- 避免: 醒目的行动号召按钮
- 避免: 装饰性图标
- 避免: 杂乱的界面
10
包内真实截图
11
System Prompt
这是一个时装与纺织设计师的作品集网站。设计 DNA 是极简主义、编辑风格,并以摄影为核心。关键颜色为纯白背景(#FFFFFF)和深邃的黑色墨水(#000000),构成高对比度的单色基底。排版方面,展示标题使用大型、富有表现力的过渡衬线体,所有功能性文本则使用简洁的无衬线体。关键禁忌:切勿使用可见网格或卡片组件——应使用叠加拼贴布局。切勿引入强调色——保持严格的黑白色调。切勿对标题使用粗体无衬线字体——应使用精致的衬线体排版。布局应开阔,留有充足的空白,并采用平滑、长时长的过渡效果,营造从容不迫的高级感。




