01
设计气质 DNA
创意专业设计导向
一面精心策划的画廊墙,展示着大胆、有机的视觉叙事
02
色彩
#50A890Accent#FFFFFFInk#000000BG#A0A0A0Mutedrgba(255, 255, 255, 0.1)Line以高对比度为基础,搭配一个鲜明的有机绿色点缀,以突出作品集的核心内容。
03
字体
- display
64px · 700 - body
16px · 400
对大尺寸展示标题使用紧凑的字间距。 · 确保正文在照片背景上保持清晰、高度易读。
04
间距
4px8px16px24px32px48px64px96px在排版和作品集项目周围留出充足的留白,以维持干净、画廊式的感觉。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
围绕作品集网格框架使用纤细的深色边框。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
基于网格的画廊布局,包含大尺寸、带画框的作品集图片和浮动导航栏。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
作品集项目在加载时平滑淡入。
作品集项目上的微妙缩放或透明度变化。 · 直接导航到项目案例研究。
08
组件
- button 基于文字的简洁导航链接,无可见的按钮容器。
- card 全出血的照片式作品集项目,像画廊展品一样带有画框。
- hero 大型、沉浸式的照片背景,覆盖有叠加文字。
09
文案语气与禁用清单
- 语气 自信、直接且富有创意。
- 标题风格 粗体、有力,常采用重复以营造节奏感(例如,重复出现的‘安然入睡。’)。
- 按钮文案 低调且实用(例如,‘作品’、‘服务’、‘方法’、‘联系’)。
- 不要在作品集卡片上使用圆角——截图显示的是锐利的方形画框。
- 不要添加过多的投影——设计依赖于干净、扁平的层次和画框。
- 不要使用繁杂的调色板——截图主要由黑色、白色和一种点缀绿色构成。
- 不要使用装饰性或花体字体——排版严格使用简洁的几何无衬线字体。
- 不要用额外的按钮使界面杂乱——截图显示的是一个极简的浮动文字导航栏。
- 不要使用小而拥挤的排版——展示文字尺寸大、粗体且字间距紧凑。
- 避免: 过于正式的语言
- 避免: 过多的专业术语
- 避免: 杂乱的界面
11
System Prompt
这是一个设计工作室的作品集网站,定位为精致有机视觉作品的策展人。配色方案采用高对比度,使用深邃的黑色背景、纯净的白色文字,以及一个鲜明的有机绿色(#50A890)作为点缀,以突出关键的品牌作品。排版仅使用几何无衬线字体,大尺寸展示标题采用紧凑字间距,营造出现代、大胆的感觉。关键设计原则包括画廊式网格布局、极简界面和浮动导航栏。需严格避免的要点:不要在作品集画框上使用圆角,切勿使用繁杂的多色调色板,不要用过多的按钮或装饰性排版使界面杂乱。整体美学是干净、自信且具有编辑风格的。