---
title: "Xuan · UI/UX 设计"
description: "先明确需求与信息架构，再生成视觉原型。"
---

> Documentation Index
> Fetch the complete documentation index at: https://logbook.pennlam.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Xuan · UI/UX 设计

## 项目定位

本人用来做 UI/UX 设计的个人项目。现有项目文档把 Xuan 定义为可视化产品原型编辑器与 Codex 插件。

## 工作流

```text
想法与资料 → Feature Map → 信息架构 → Canvas 布局 → 组件与内容
```

Feature Map 连接用户痛点、功能模块与功能优先级；信息架构明确页面和内容层级；Canvas 处理布局、组件、Props 和内容意图。

## 本次核对

本地已有未提交的画布文档变化。本次只读检查，不覆盖这些内容。代码提交、画布编辑与实际可用的设计能力需要分开记录。

## 下一步

保存一个真实设计案例，记录从模糊需求到原型的输入、决策和最后验收。

## 历史记录

[查看Xuan的历史进展](/projects/xuan/history/)。本次补记了 4 个有本人 Git 提交的日期；不把提交记录当成线上验收。

Source: https://logbook.pennlam.com/projects/xuan/index.mdx