Neo-Skeuomorphism拟物 2.0
Soft light, real materials, tactile controls — flat design’s warm comeback.柔光、真实材质、可触的控件——扁平设计带着温度回来了。
Where it is in its life它走到哪一步了
Still climbing, not yet default. The Are.na reference board is active (193 blocks), momentum -10%. A real window before it’s everywhere.还在上升,尚未成为默认。Are.na 参考板活跃(193 块),动量 -10%。真正铺开之前还有一个窗口。
Weekly watchlist每周看板live实时
Ship it, don’t just see it不止看见,直接拿走
Copy the working snippet, or grab the palette and type as tokens for your project — CSS variables, Tailwind, or W3C design tokens. All free.复制能跑的代码片段,或把配色和字体作为 tokens 拿进项目——CSS 变量、Tailwind、W3C design tokens。全部免费。
What it is, and why now是什么,为什么现在
Neo-skeuomorphism brings back material and depth without the leather-stitch kitsch: soft inner and outer shadows, believable light, controls you feel like you could press.拟物 2.0 把材质和厚度带了回来,但没有皮革缝线那种俗气:柔和的内外阴影、可信的光、让你想按下去的控件。
When to reach for it什么时候用它
Use for用在
- iOS/visionOS-style apps
- Realistic controls / knobs
- Gamified UIs
- iOS/visionOS 风的应用
- 拟真控件/旋钮
- 游戏化界面
Avoid for别用
- Lean, efficient back-ends
- Brands that want a cold feel
- 要极简高效的后台
- 品牌要冷感的
Colour, with roles配色 · 带角色
Type pairing字体搭配
Body — Hanken Grotesk.正文 — Hanken Grotesk。 Keeps captions and UI legible underneath it.让下面的说明和 UI 保持清晰可读。
Both open-source (Google Fonts), free for commercial use. Pairing + embed code in the Pro assets.均为开源(Google Fonts)、可商用。搭配与嵌入代码在 Pro 素材里。
It’s a material, not a filter是材质,不是滤镜
Two soft shadows — one light from above, one dark below — do most of the work. Keep radii consistent, resist the urge to ‘distress’, and mix with flat elements so the raised pieces mean something.两层柔和阴影——上方一层亮、下方一层暗——就做完了大半。圆角保持一致,忍住别做旧,和扁平元素混用,让凸起的部分有意义。
Sources, not screenshots是来源,不是截图
Curated links to where this actually lives and gets documented — live boards for reference, editorial for pitch language, galleries to gauge saturation. We link out and credit rather than re-host anyone’s work.精选链接,指向这个方向真正活着、被记录的地方——实时参考板、给提案话术的编辑内容、判断饱和度的画廊。我们只链接并署名,不搬运任何人的作品。
A recipe配方
- Soft inner and outer shadows + real material light + restraint (don’t distress it)
- keep hierarchy clear when mixing with flat. Note: Wikipedia lags; product-side it’s rising.
- 柔和内外阴影 + 真实材质光影 + 克制别做旧
- 和扁平混用分清主次。注:维基是滞后指标,产品端在升。
It’s all free全部免费
Every guide, the live timing, palettes and example images — all free. Get the weekly “what’s rising” email so you never miss a move.每份指南、实时时机、配色和范例图——全都免费。订阅每周“什么在涨”邮件,不错过任何动向。