Wiki 知识库

全部文档 / 作者: Xian | 弦 / 标签: Codex

2 篇
清除

画过10,000+张 UI 高保真,我的设计审美心得(1):8 条原则 + 5 个常用 AI 设计 Skill

作者基于 10 年 UI/UX 设计经验,结合 AI 工具实践,总结出一套设计审美方法论。文章实测了 5 个 GitHub 上星数最多的 AI 设计 Skill:UI UX Pro Max(自动匹配行业风格)、Taste Skill(原创设计方向)、Impeccable(逐块打磨去 AI 味)、Emil Kowalski Skills(动效细节)、Hallmark(上线前检查),并配以场景演示。作者还分享了 8 条可复用的设计原则,包括先定义再动手、拆解好设计不照搬、先出全貌再逐块改、统一视觉规则等,强调工具在变但好的设计判断力依然无法被 AI 替代。

技术 › Skill Xian | 弦 2026-10-279.7 KB 20K 183 92

我把《清明上河图》做成了可以互动的横向交互插画

作者以《清明上河图》为题材,用 Codex 辅助开发了一个可横向行走的交互插画项目。文章详细记录了从最初需求定义、视觉规则制定到技术选型的全过程:放弃 Three.js 改用 Canvas 2D 分层绘制,将鸟瞰式原画重构为适合人物行走的宋代街道,包含三个街区、141 位动态人物、虹桥过船和清明时雨等互动事件。开发中通过迭代修复遮挡、坐标、卡顿等问题,将帧率从 25 FPS 优化到 55 FPS,并配套 48 项自动测试,最终实现了用户可参与宋代街市生活的沉浸式体验。

技术 › 前端 Xian | 弦 2026-09-198.5 KB 11K 90 80