01
设计气质 DNA
照片编辑AI移动设备创意人像
您口袋中的高级照片编辑工作室。
02
色彩
#FFD600Accent#0D0D0DInk#333333Ink soft#FFFFFFBG#C8D1DEMutedrgba(13,13,13,0.1)Line简洁、高对比度的配色,以白色和近黑色为主导,搭配单一鲜明的黄色强调色来引导用户操作。
03
字体
- display
72px · 700 - heading
22px · 700 - body
16px · 400 - caption
14px · 400
标题使用粗体字重和紧凑的字间距,以增强视觉冲击力。 · 正文采用舒适的阅读尺寸和标准行高。
04
间距
4px8px16px24px32px48px64px96px采用标准的4px网格系统,确保垂直和水平间距的一致性。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 10px
lg · 16px
pill · 999px
0px 4px 20px rgba(0,0,0,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽区块与居中内容和浮动产品图像交替布局。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing
页面元素采用平滑的淡入和向上滑动效果。 · 按钮和导航链接上的交互式悬停效果。
按钮背景色变暗或产生轻微上浮效果。 · 轻微缩放或透明度变化。
08
组件
- button 实心黄色药丸形按钮,搭配黑色文字和右箭头图标。
- card 极简卡片,由内容定义而非厚重的容器。
- chip 小型圆角药丸形按钮,用于应用UI模型图内的内部导航。
- input 搜索栏,采用浅渐变背景和白色内嵌阴影。
- hero 大号粗体标题,搭配高质量产品模型图,置于彩色背景块上。
09
文案语气与禁用清单
- 语气 专业、亲和且富有创新感。
- 标题风格 直接、提问式或利益导向的陈述,采用大号粗体排版。
- 按钮文案 清晰且注重行动导向,使用单一亮色以突出显示。
- 不要使用深色模式——截图显示以白色背景为主。
- 不要在标题中使用纤细或轻薄字体——截图显示为厚重的粗体排版。
- 不要使用多个相互竞争的强调色——截图显示单一的主导黄色强调色。
- 不要在主要按钮上使用尖锐的圆角——截图显示为圆润的药丸形按钮。
- 不要使用元素过多的杂乱布局——截图显示为大量留白。
- 不要在正文中使用衬线字体——截图显示为简洁的无衬线字体。
- 避免: 过于技术性的术语或杂乱的布局。
11
System Prompt
这是一款高端消费级应用的UI,用于AI驱动的照片编辑。设计采用简洁的白色背景,近黑色文字,以及单一鲜明的黄色(#FFD600)强调色。排版采用粗体人文主义无衬线字体,并以大尺寸用于标题。关键元素包括药丸形按钮、大量留白和高质量的产品模型图。请勿使用深色模式、多种强调色或杂乱的布局。保持设计轻盈、通透,并专注于产品本身。