同一人物 · 二十种设计语言

二十种风格迥异的
个人网站设计实验

围绕同一虚拟人物「林墨白 · 全栈工程师 / 数字设计师」, 用二十套完全独立的设计系统,呈现同一份内容。 从新拟态到赛博朋克,探索视觉与交互的边界。

20+
独立设计系统
100%
原生 HTML / CSS
0
外部框架依赖
ZH-CN
完整简体中文

作品集总览 · 共 20 个站点

关于这个项目

这是一个 UI/UX 设计实验合集。每个站点都拥有独立的色彩体系、字体方案、布局结构与交互逻辑—— 绝非简单的换肤。你可以从总览页直接进入任意一个站点,感受同一份个人信息在不同设计语言下的表达差异。

01 · 02
重点风格
新拟态 / 毛玻璃极简
03 — 20
多元探索
瑞士 / 野兽派 / 暗黑 / 终端…
技术栈
纯静态
单文件 HTML 即开即用
Deep Dive · 深度示例库

两种风格的深度扩展

从 20 种风格中精选两类,每个画廊提供 10 个完整示例页面,附带六维度自评分与可一键复制的标准化 AI 提示词——发给任意 AI 工具即可复现 99%+ 内容。

10×2
深度示例
99%+
复现保真度
DEEP · 01

新拟态

Neumorphism / Soft UI

柔和凸起与凹陷的双向阴影,单色粉彩画布上的触摸式 3D 质感。10 个示例:音乐播放器、计算器、智能家居、天气、登录、日历、健康仪表盘、钱包、语音助手、设置面板。

10 示例 六维评分 AI 提示词
进入深度探索
DEEP · 07

便当盒网格

Bento Grid

Apple 式模块化卡片网格,大小不一的圆角块组合出杂志般的视觉节奏。10 个示例:作品集、SaaS 落地页、数据仪表盘、播客、摄影师、课程、博客、应用特性、团队、社交主页。

10 示例 六维评分 AI 提示词
进入深度探索