新拟物设计风格(neumorphism-design-600029)
核心目标
本Skill为AI设计助手提供新拟物设计风格的完整方法论,包括风格哲学、配色体系、排版规范、构图技法与质量检查清单。当用户需要生成符合该风格的视觉设计时,AI将严格遵循本Skill定义的规则与约束。
设计哲学
> 让数字界面触摸起来像真实的物体——在扁平化的基础上,用光和影重建触感。
配色体系
base:柔和背景色:淡灰 #E0E0E0 / 米白 #F0EDE6 / 暗灰 #2D2D2D
monochrome:整体保持单色调,通过光影而非颜色建立层次
accent:仅一种强调色(极克制),如柔和蓝 #7EB8DA / 柔和粉 #E8A0BF
用色规则:选择off-white或off-black作为基调(非纯白/纯黑),以便阴影和高光可见。界面90%以上为同色系
排版规范
primary_fonts:SF Pro Display / Inter / Roboto / PingFang SC / Noto Sans
style:干净现代的无衬线体,中等字重,清晰易读
rules:字体颜色与背景保持柔和对比(非纯黑),通过字重区分层级
构图技法
soft_depth:通过内外阴影创造深度感——凸起元素用右下暗影+左上亮影
card_layout:大面积柔和卡片式布局,卡片与背景通过阴影区分
spacing:宽松间距,元素之间有呼吸感
radius:大圆角(12-24px),柔化所有边缘
minimal_elements:每屏信息极简,仅保留必要UI元素
视觉元素库
soft_shadows:核心技法——双光源阴影系统:右下暗影(offset 8-15px, blur 15-30px) + 左上亮影(offset -8px, blur 15-30px)
pressed_state:按下状态:外阴影变为内阴影,元素从凸起变为凹陷
gradient_subtle:极其微妙的渐变(亮度差不超过5%),仅用于增强立体感
neumorphic_components:按钮、滑块、开关、进度条均使用新拟物风格
设计工作流
-
确定基色:选择off-white或off-dark作为主背景色
-
生成光影参数:设定双光源(左上亮、右下暗)的角度和距离
-
构建卡片/组件:确定圆角(12-24px),应用内外阴影
-
设计交互状态:normal(凸起)→ hover(微动)→ active(凹陷)
-
排版层级:通过字重和间距区分,不使用颜色变化
-
色彩点缀:如有需要,仅添加一种强调色,占比不超过5%
质量检查清单
- 基色是否是off-white/off-dark而非纯白/纯黑?
- 阴影方向是否一致(左上亮+右下暗)?
- 圆角是否足够柔和(≥12px)?
- 交互状态是否有明确的凸起/凹陷变化?
- 色彩是否极度克制(单色调+至多一种强调色)?
输入规则
- 接受用户的视觉设计需求描述(如品牌、场景、目标受众、内容类型)
- 可接受参考图片或设计方向关键词
- 本Skill为方法论指导型,输出为设计规范描述和可执行的视觉指令
输出格式
- 配色方案:指定HEX色值和色彩占比
- 字体推荐:给出具体字体名称和字重选择
- 构图建议:描述布局结构和对齐方式
- 视觉元素:列出应使用的视觉组件
- 技术参数:如有特殊效果(阴影/渐变/纹理),给出CSS或设计参数
适用场景
新拟物(Neumorphism / New Skeuomorphism)设计风格助手。提供新拟物设计方法论:单色调柔和背景、内外柔和阴影(box-shadow双光源)、轻微凸起/凹陷效果、低对比度柔和界面、圆角按钮与卡片。适用场景:移动应用UI、仪表盘设计、音乐播放器界面、智能家居控制面板、健康类APP。触发词:新拟物、neumorphism、软UI、柔和阴影设计、凸起按钮、新拟态。
约束与限制
- 本Skill为纯方法论指导,不包含任何外部API调用
- 输出内容需遵循对应设计风格的严格规则
- 不得建议使用版权保护的商业字体(可给出开源替代)
- 生成的设计建议需标注风格来源