这一期,先看重点
- 博客与产品登录页、主界面使用同一套颜色、字体、卡片和插画。
- 增加文章类型与分类、搜索的组合筛选,优化手机长文阅读。
- 正式域名迁至 blog.ai4asd.com,旧链接保留路径与查询参数跳转。
产品博客也有了与 ASD Super Agent 一致的界面。这轮改版将登录页和对话主界面的视觉规则用于欢迎区、文章入口、列表、长文和配图查看;正式地址调整为 blog.ai4asd.com。
让博客和产品使用同一套设计
外围采用奶油色,主内容放进白色圆角卡片;正文为深紫灰,主要按钮和强调使用产品的橘红色,边框和阴影保持柔和。字体统一为 Inter 与系统中文无衬线,标题、介绍、卡片和正文分别保持清楚的层次。
家庭、儿童、机器人、植物及悬浮上传窗口直接复用产品现有 SVG,保持原比例。珊瑚色方块、黄色圆和绿色空心环延续登录页的几何背景。共享插画和核心颜色在构建时检查,避免两处设计逐渐分开。
欢迎区与文章入口重新组织
首页改成与登录页相近的图文欢迎区,下面提供功能专题、完整周报和 RSS 三张入口卡片。最近一篇文章单独展示,随后保留全部文章列表。
文章类型、内容分类和关键词现在可以组合筛选:例如先选功能专题,再选体验优化,最后搜索登录。没有匹配时会明确提示;按月归档、文章链接和 RSS 继续可用。
长文和手机操作一起调整
长文采用约 760px 的阅读列,目录、重点摘要、表格、配图与相邻文章统一为暖色卡片。配图可以放大查看,按钮与输入保留明确键盘焦点。
手机图文改单列,功能入口纵向排列;在 390px 和 320px 下检查页面没有横向溢出,长表格只在自己的内容区滚动。背景漂浮和卡片悬停遵循系统减少动态效果设置。
新域名与旧链接迁移
正式地址改为 blog.ai4asd.com,HTTPS、文章规范地址、RSS 和 sitemap 一起更新。旧 updates.ai4asd.com 使用 301 跳转,原文章路径和查询参数保留;原先收藏的文章可以继续打开。
域名迁移与博客发布独立于产品服务,不要求用户更新账号或重新建立儿童资料。
固定维护流程,让每次工作都有记录
日常开发完成后,整理可公开的完整说明、来源提交、实际截图及完成状态;小改动进入素材记录,较大的功能或重设计单独成篇,同一周不限文章数量。
发布前核对事实、图片原始日期、语言与布局,运行构建和内容检查,提交后跟进云端发布结果,再检查正式页面、配图、归档与 RSS。完成开发、已上线、资料完成与仍在规划的事项分别记录,未解决的问题也保留。
每周日 20:00 由 GitHub Actions 在云端汇总,电脑无需开机。已归档的完整正文会进入周报,专题通过链接引用;周日后才补入的素材或专题会滚入下一期,避免遗漏和重复。历史缺图继续保留文字,不补拍过去的界面。
验证与交付
本轮完成共享资产与颜色一致性检查、站点构建、文章与链接检查,并通过十二项周报规则测试。浏览器验证了桌面、390px 手机、320px 窄屏、组合筛选和长文表格;迁移检查覆盖旧文章路径及查询参数。
设计语言已写入项目协作规范,维护流程和发布步骤也随代码保存,后续改动按同一套规则持续执行。
界面中的档案、对话与分析内容均为演示数据。历史配图保留原采集时间与当时界面,缺图时保留文字,具体时间以图注为准。文章记录产品能力与使用变化,不构成医疗诊断或疗效承诺。