通用数字产品 个人博客 V1 开发要求
该 DOCX 包含不完整的 Office 元数据关系，已使用兼容模式恢复正文和媒体。
通用数字产品 个人原创博客 V1 开发要求
一、当前开发目标
当前目标不是制作最终版“通用数字产品 荒唐实验室”沉浸式网站。
当前阶段只制作一个：
稳定、简洁、成熟、可以正式上线并长期更新的个人原创博客 V1。
未来会逐步加入：
通用数字产品 荒唐实验室
原创女孩角色
机械熊角色
2.5D 实验室场景
动画
游戏式交互
项目 Demo
AI 工具
实验记录
因此当前架构必须为未来扩展保留空间，但禁止为了未来功能提前制造复杂系统。
核心原则：
先完成基础版本并正式上线，再逐步迭代。
禁止因为未来规划而影响当前版本稳定性。
二、网站定位
这是一个个人原创博客，同时也是个人 AI 创作、AI 学习、AI 实验和数字作品的长期记录空间。
网站主要内容：
博客文章
AI 使用经验
AI 创作
建站记录
项目与作品
AI 自制工具
原创资源
关于我
未来互动功能
网站整体感觉不是企业官网，也不是传统技术博客。
它应该像：
一个安静、精致、有个人气质的数字工作室。
三、视觉方向
整体参考 Apple 官网的设计逻辑，但不得直接复制 Apple 页面。
需要学习的是：
大面积留白
极简布局
明确视觉层级
大字号标题
精致字体
极少但高质量的装饰
内容中心化
清晰网格
舒适间距
克制动效
高级质感
清晰的信息架构
强响应式设计
整体关键词：
极简 / 高级 / 安静 / 科技 / 梦幻 / 温柔 / 原创 / 有生命感
不要：
传统博客模板感
企业官网感
CMS 后台模板感
大量边框
满屏卡片
大量渐变
满屏毛玻璃
赛博朋克
廉价科技蓝
复杂背景纹理
过度动画
一屏几十个模块
为了“科技感”增加无意义装饰
四、颜色
网站以：
白色 / 暖白 / 极浅灰
作为主要背景。
文字：
接近黑色，但不要纯黑。
允许少量品牌强调色。
品牌色可以带一点：
星光、月光、微蓝紫、暖金色
但只能作为小面积视觉强调。
例如：
链接
Hover
光点
状态
Logo
局部渐变
禁止整页大面积蓝紫渐变。
五、布局
整体使用宽松的大网格设计。
桌面端内容最大宽度统一管理。
不要让文章正文无限铺满屏幕。
页面需要具有明显的呼吸感。
模块之间的空间，比普通网站更大。
首页采用：
Hero
通用数字产品
一句核心介绍：
一个不会写代码的人， 和 AI 一起做出来的数字世界。
可以保留一段非常轻的副说明。
下面提供两个主要入口：
查看博客
查看项目
最新内容
展示最近更新文章。
不要一次出现大量内容。
建议 3–6 条。
最近实验 / 项目
展示最近制作的 AI 项目、工具或 Demo。
项目视觉优先。
About
非常简短的个人介绍。
完整内容进入 About 页面。
Footer
保持极简。
六、导航
桌面端导航：
通用数字产品
博客
项目
实验
资源
关于我
搜索
不要出现过多一级菜单。
未来新增页面优先通过二级结构组织，不持续增加顶部导航数量。
手机端使用简洁折叠菜单。
七、页面结构
当前至少保留：
/
首页
/blog
博客列表
/blog/[slug]
文章详情
/projects
项目与作品
/projects/[slug]
项目详情
/about
关于我
/resources
资源
/lab
实验室入口
注意：
/lab 当前只保留入口或简单介绍。
不要制作最终版荒唐实验室。
未来可以直接从这里扩展，不改变整个网站架构。
八、项目系统
/projects 是所有个人作品的总入口。
项目可以包括：
网站
AI 工具
小程序
软件
AI 音乐
剧本
研究
文档
实验
Demo
半成品
每个项目使用统一结构。
项目列表只负责展示。
点击进入：
/projects/[slug]
项目详情页。
详情页至少支持：
项目名称
项目封面
一句话介绍
项目状态
制作时间
项目背景
为什么做
制作过程
使用的 AI / 工具
遇到的问题
最终结果
截图 / 视频
经验总结
相关日志
九、Demo
不要把完整程序直接塞进博客页面。
项目详情页只提供：
在线 Demo
按钮。
简单的网页 Demo 可以放：
/projects/[slug]/demo
大型工具、独立应用或者以后需要独立运行的项目，应允许使用独立部署地址。
主博客只负责：
展示
说明
介绍
记录
入口
不要把博客本身变成所有应用的运行容器。
十、文章阅读体验
文章页面必须非常干净。
正文是第一视觉主体。
避免左右两侧大量组件。
桌面端文章宽度需要控制。
支持：
标题
发布日期
更新时间
分类
标签
正文
图片
视频
引用
代码块
下载内容
上一篇
下一篇
相关文章
阅读目录根据文章长度决定是否出现。
十一、后台
后台主要服务本人。
目标：
像发布朋友圈一样简单。
不要设计成复杂 CMS。
基础功能：
新建文章
编辑文章
删除文章
草稿
发布
修改标题
修改正文
上传图片
上传视频
添加附件
设置封面
设置分类
设置标签
编辑项目
调整基础排版
可视化编辑
不要求使用代码。
后台视觉可以简单，但功能必须稳定。
十二、动画原则
所有动画必须服务体验。
允许：
轻微淡入
轻微上移
Hover
极轻缩放
页面切换
图片加载
文字出现
禁止：
大面积飞入
复杂粒子
大量持续运动
影响阅读的动态背景
首页加载大型 3D 模型
当前 V1 的目标是：
打开即用。
十三、响应式
必须同时适配：
桌面
笔记本
平板
手机
禁止只按照电脑界面制作，然后简单压缩到手机。
手机端应重新调整：
字号
间距
导航
图片比例
内容宽度
按钮尺寸
卡片排列
十四、字体系统
网站不得在每个页面分别写字体。
禁止散落：
font-family
font-size
font-weight
letter-spacing
line-height
所有字体规则统一由字体系统管理。
页面只能调用预设 Typography Token / Class。
例如：
Display
H1
H2
H3
Body
Body Small
Caption
Number
Quote
Code
未来修改字体时，只允许修改统一字体配置，不允许逐页面修改。
十五、工程原则
不要硬编码重复配置。
所有：
颜色
字体
字号
间距
圆角
阴影
页面宽度
动画时间
统一进入设计系统。
组件重复出现两次以上，应判断是否需要组件化。
不得因为当前页面简单而制造未来无法维护的代码。
但同时：
禁止过度工程化。
当前没有使用的系统不要提前开发。
十六、重要规则
不要擅自增加功能。
不要擅自改变网站定位。
不要擅自加入复杂视觉。
不要擅自增加第三方依赖。
不要为了“看起来高级”牺牲性能。
不要重构用户没有要求修改的模块。
修改前先判断影响范围。
优先保证：
稳定
清晰
可维护
可扩展
移动端体验
内容发布体验。
当前第一目标只有一个：
把 通用数字产品 V1 做成一个真正可以长期使用并正式上线的个人网站。