OpenDesign·你的设计资产库

网页参考

Prisma Ai

借助AI驱动的工具和艺术滤镜,提升您的照片品质。

App UIPhotographicConsumerProductClean

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

照片编辑AI移动设备创意人像

您口袋中的高级照片编辑工作室。

02

色彩

#FFD600Accent
#0D0D0DInk
#333333Ink soft
#FFFFFFBG
#C8D1DEMuted
rgba(13,13,13,0.1)Line

简洁、高对比度的配色,以白色和近黑色为主导,搭配单一鲜明的黄色强调色来引导用户操作。

03

字体

humanist-sans · monospace

  • display72px · 700
  • heading22px · 700
  • body16px · 400
  • caption14px · 400

标题使用粗体字重和紧凑的字间距,以增强视觉冲击力。 · 正文采用舒适的阅读尺寸和标准行高。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

采用标准的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)强调色。排版采用粗体人文主义无衬线字体,并以大尺寸用于标题。关键元素包括药丸形按钮、大量留白和高质量的产品模型图。请勿使用深色模式、多种强调色或杂乱的布局。保持设计轻盈、通透,并专注于产品本身。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。