新拟态生成器
可视化生成 Neumorphism 新拟态效果，通过光影创造元素凸起或凹陷的柔和质感。
新拟态参数
距离 (Distance)20px
模糊 (Blur)60px
圆角50px
预设效果
实时预览
凸起Neumorphism
border-radius: 50px;
background: #e0e5ec;
box-shadow: 20px 20px 60px rgb(194, 199, 206), -20px -20px 60px rgb(254, 255, 255);功能介绍
新拟态（Neumorphism）结合扁平化和拟物化设计，通过高光和阴影创造出元素从背景中凸起或凹陷的柔和质感，营造温暖舒适的视觉体验。
- 基色：背景和元素使用相同的基色，阴影通过明暗变化创造立体感。
- 形状：支持凸起（flat）、凹陷（pressed）、凸面（convex）、凹面（concave）四种形态。
- 距离/模糊：控制阴影的偏移距离和模糊程度，影响立体感的强弱。
使用技巧
- 基色选择：建议使用浅灰色系（如 #e0e5ec），深色基色效果不明显。
- 参数调节：距离建议 15-25px，模糊建议 40-80px，过大或过小都会影响效果。
- 形状切换：凸起适合按钮和卡片，凹陷适合输入框，凸面/凹面增加渐变层次。
- 无障碍：新拟态对比度较低，注意确保文字和交互元素的可读性。