UI/UX Pro Max风格图鉴
General推荐

反抛光 / 原生手作Anti-Polish / Raw Aesthetic

保留草稿感:手绘边框、纸张纹理、胶带与马克笔标注,甚至故意的不对齐。真实、可亲,但不适合需要精确感的工具。

典型场景独立工作室 · 手工品牌 · 纪录片

编号59 年代2025+ Anti-Digital 复杂度Low 默认模式自动

效果示例

preview / anti-polish-raw-aesthetic
Nova 产品方案定价 开始使用

Design System

同一套组件
不同的性格

色彩、字体、圆角与材质,决定了界面的气质。

主要操作次要操作
标签 A标签 B+12
月度增长
+24.8%
转化率4.2%
客单价¥328
Aa Bb Cc 0123
按钮 / ButtonPrimaryGhost
输入 / Inputname@example.com
标签 / Chip已选中默认+8
进度 / Progress
开关 / Switch
数值 / Numeric1,284.50

同一副骨架,演示色彩、字体、圆角、描边、阴影与材质。明暗切换展示该风格在两种模式下的令牌表现。

风格描述

保留草稿感:手绘边框、纸张纹理、胶带与马克笔标注,甚至故意的不对齐。真实、可亲,但不适合需要精确感的工具。

关键词

Hand-drawncollagescanned texturesunfinishedimperfectauthentichumansketchraw markscreative process

别名

Anti-Polish Raw

效果与动效

No smooth transitions, hand-drawn animations, paper texture overlays, jitter effects, sketch reveal

设计系统变量

--paper-bg#FAFAF8
--pencil-color#4A4A4A
--marker-black#1A1A1A
--kraft-brown#C4A77D
--sketch-rotationrandom(-3deg, 3deg)
--texture-opacity0.3

配色方案

色值取自风格数据,不足时补充主题令牌

主色 / Primary

Paper White #FAFAF8, Pencil Grey #4A4A4A, Marker Black #1A1A1A, Kraft Brown #C4A77D

辅色 / Secondary

Watercolor washes, pencil shading, ink splatters, tape textures, aged paper tones

强调色在页面底色上的对比度约 6.3:1,可用于正文与图标。

适用场景

适合 / Best For

  • Creative portfolios
  • artist sites
  • indie brands
  • handmade products
  • authentic storytelling
  • editorial

避开 / Do Not Use For

  • Corporate enterprise
  • fintech
  • healthcare
  • government
  • polished SaaS

框架兼容

csssvg

能力矩阵

浅色模式支持
深色模式支持
移动适配可适配
转化导向强High
渲染成本低无额外开销
无障碍风险低contrast-text-4.5 / keyboard / visible-focus / reduced-motion

实现要点

落地清单

  • Textures loaded,
  • Hand-drawn elements present,
  • Imperfections intentional,
  • Authentic feel achieved,
  • Performance ok with textures,
  • Accessibility maintained

CSS / 技术关键词

background: url(paper-texture.png), filter: grayscale() contrast(), border: hand-drawn SVG, transform: rotate(small random), no smooth transitions, sketch-style fonts, opacity variations

下辖变体:手绘草图(移动)。

AI 提示词

Design with anti-polish raw aesthetic. Use: hand-drawn elements, scanned textures, unfinished look, paper/pencil textures, collage style, authentic imperfection, sketch marks, tape/sticker overlays, human touch.