反抛光 / 原生手作Anti-Polish / Raw Aesthetic
保留草稿感:手绘边框、纸张纹理、胶带与马克笔标注,甚至故意的不对齐。真实、可亲,但不适合需要精确感的工具。
典型场景独立工作室 · 手工品牌 · 纪录片
编号59
年代2025+ Anti-Digital
复杂度Low
默认模式自动
效果示例
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.