术语表

​

关键概念

• AI (人工智能)：使机器能够模拟人类智能的技术，使其能够学习、推理和解决问题。
• Prompt：用于指示 AI 模型的基于文本的命令。在 Lumi 中，prompt 是您用来创建和修改应用程序每个组件的基本工具。

​

Lumi 专用术语

• 讨论模式 (Discuss Mode)： Lumi 不仅仅是一个代码生成器，更是一个交互式开发伙伴。它会指导您完成规划、调试和发布，帮助您自信地进行构建。
• 编辑模式 (Edit Mode)： 用于直接更改应用程序代码和内容的环境。
• 编辑 (Edit)： 一款由 AI 驱动的工具，具有 Tailwind 原生视觉控件，可进行精确直观的优化。
• 重混 (Remix)： 复制任何项目作为新的起点。重混功能允许您在保留原始版本的同时，试验更改和探索新想法。
• 预览 (Preview)： 一个实时的交互式视图，用于在发布更改前测试功能和内容。

​

产品与开发

​

产品管理与策略

• MVP (最小可行产品)： 产品的最简化版本，仅包含足以吸引早期用户并验证核心理念的功能。
• 路线图 (Roadmap)： 概述产品愿景、方向和未来功能的高层次计划。
• 功能请求 (Feature Request)： 来自用户或利益相关者的关于新功能或改进的建议。
• 用户故事 (User Story)： 从最终用户的角度对功能的简短描述。
• 用户旅程 (User Journey)： 用户在您的产品中为实现目标所经过的路径。
• 用户画像 (Persona)： 根据研究创建的目标用户的详细虚构档案，用于指导设计和开发决策。

​

工程概念

• PRD (产品需求文档)： 详细说明产品目的、功能和技术规格的文档，用于指导开发团队。
• API (应用程序编程接口)： 一套允许不同软件应用程序进行通信和交换数据的规则。常见类型包括 REST 和 GraphQL API。
• 重构 (Refactor)： 在不改变代码功能的情况下，重新组织代码结构以提高其质量和可维护性的过程。
• GitHub： 一个用于版本控制和协作软件开发的流行平台。

​

数据与分析

• A/B 测试 (A/B Testing)： 比较网页或功能的两个版本，以确定哪个版本表现更好。
• 转化率 (Conversion Rate)： 完成特定目标（如注册或购买）的用户百分比。
• 流失率 (Churn Rate)： 在特定时期内停止使用您产品的用户百分比。
• 留存率 (Retention Rate)： 随时间推移继续使用您产品的用户百分比。
• 事件追踪 (Event Tracking)： 监控特定的用户行为（如点击或表单提交）以了解用户参与度。

​

UI/UX 与前端开发

​

前端开发

• 前端 (Frontend)： 应用程序中用户看到并与之交互的部分，包括用户界面和整体体验。
• React： 一个用于构建动态用户界面的流行 JavaScript 库，尤其适用于单页应用程序。
• 渐变 (Gradient)： 两种或多种颜色之间的平滑过渡。
• Tailwind CSS： 一个以实用工具为先的 CSS 框架，用于在 HTML 中快速构建自定义设计。
• 设计系统 (Design System)： 一套标准化的可重用组件和指南，确保产品设计的一致性。

​

UI/UX 设计概念

• 强调色 (Accent Color)： 一种用于突出显示按钮或链接等关键元素的对比色。
• 主题 (Theme)： 应用程序的整体外观和感觉，由其配色方案、排版和布局定义。
• 响应式设计 (Responsive Design)： 一种确保您的应用程序在任何设备（从桌面电脑到手机）上都能良好显示和运行的方法。
• 首屏 (Above the Fold)： 无需滚动即可在网页上看到的内容。这是展示重要信息的黄金位置。
• CTA (行为召唤)： 鼓励用户采取特定行动的提示，如按钮或链接（例如，“注册”、“立即购买”）。

​

页面结构与导航

• 标题 (Headings)： 用于组织内容并建立清晰视觉层级的标题（H1、H2 等）。
• 页脚 (Footer)： 网页底部的区域，通常包含链接、联系信息和法律声明。
• 面包屑导航 (Breadcrumb)： 显示用户在网站上当前位置的导航路径（例如，主页 > 产品 > 笔记本电脑）。
• 网站图标 (Favicon)： 在浏览器标签页或书签中代表您网站的小图标。
• 元标题 (Meta Title)： 显示在搜索引擎结果和浏览器标签页中的页面标题，对 SEO 至关重要。
• 元描述 (Meta Description)： 显示在搜索结果中以吸引点击的网页简短摘要。
• 规范链接 (Canonical URL)： 一个告知搜索引擎页面的首选版本的标签，以避免重复内容问题。
• URL Slug： URL 中用于标识特定页面的用户友好部分（例如，/about-us）。
• 站点地图 (Sitemap)： 列出您网站上所有页面的文件，以帮助搜索引擎有效地索引它们。
• 导航栏 (Nav Bar)： 提供指向网站关键部分链接的主菜单。
• 跳转链接 (Skip Links)： 允许用户绕过导航直接跳转到主要内容的可访问性链接。
• 分页 (Pagination)： 将长内容列表分成独立页面的系统。
• 锚点链接 (Anchor Link)： 将用户滚动到同一页面上特定区域的链接。
• 404 页面： 当用户尝试访问不存在的 URL 时显示的自定义错误页面。

​

通知与反馈

• 轻提示 (Toast)： 一种小型的临时通知，对某个操作提供简短反馈。
• 信息条 (Snackbar)： 类似于轻提示，但通常出现在屏幕底部，并可能包含一个操作按钮（例如，“撤销”）。
• 工具提示 (Tooltip)： 当鼠标悬停在某个元素上时出现的弹出框，提供额外信息。
• 徽章 (Badge)： 图标或按钮上的小型视觉标记，用于指示数量、状态或通知。
• 加载动画 (Loading Spinner)： 表示后台正在运行某个进程的动画图标。
• 进度条 (Progress Bar)： 显示任务完成进度的可视化条。
• 骨架屏加载 (Skeleton Loader)： 模仿最终内容布局的占位符 UI，以改善加载速度的感知。

​

浮层与弹窗

• 弹出框 (Popover)： 一种提供与特定元素相关的额外上下文或选项的浮层。
• 对话框 (Dialog/Modal)： 出现在主内容之上的窗口，需要用户交互才能关闭。
• 抽屉 (Drawer/Sidebar Panel)： 从侧面滑入的面板，通常包含导航或设置。
• 灯箱 (Lightbox)： 一种以聚焦、放大的视图显示图像等媒体的模态窗口。
• 警告框 (Alert Box)： 通知用户关键信息、错误或警告的系统消息。

​

导航与选择

• 按钮 (Button)： 触发操作的可点击元素。
• 开关 (Switch/Toggle)： 允许用户在两种状态（如开和关）之间切换的控件。
• 标签页 (Tabs)： 将内容组织成不同视图的组件，用户可以在这些视图之间切换。
• 步骤条 (Stepper/Wizard)： 向用户显示其进度的引导式多步骤流程。
• 折叠面板 (Accordion)： 用于组织和展示内容的一系列可折叠面板。
• 下拉菜单 (Dropdown Menu)： 当用户与按钮或字段交互时出现的选项列表。

​

表单与输入

• 表单 (Form)： 用于收集用户数据的一组字段，如注册表单或联系表单。
• 单选按钮组 (Radio Group)： 一组选项，用户只能选择其中一个。
• 复选框 (Checkbox)： 允许用户从列表中选择一个或多个选项的控件。
• 文本字段 (Text Field)： 用于单行文本输入的标准输入框。
• 文本区域 (Text Area)： 用于多行文本（如评论或消息）的较大输入框。
• 选择框 (Select/Dropdown Select Box)： 用于从预定义集合中选择一个选项的下拉列表。
• 日期选择器 (Date Picker)： 允许用户轻松选择日期的日历界面。
• 滑块 (Slider)： 用于从连续范围中选择一个值的控件。
• 文件上传 (File Upload)： 允许用户从其设备上传文件的组件。
• 自动完成 (Autocomplete)： 在用户输入时建议结果的输入字段。

​

设计风格与趋势

• 新粗野主义 (Neobrutalism)： 一种原始、高对比度的设计风格，具有粗体排版和未经修饰的元素。
• 复古风 (Retro)： 通过使用过去几十年的风格来唤起怀旧感的设计。
• 黑客风 (Hacker)： 一种受终端界面启发的美学风格，特点是深色背景和等宽字体。
• 玻璃拟态 (Glassmorphism)： 一种使用半透明、磨砂玻璃状图层来创造深度的风格。
• 裸色风 (Nudy)： 一种极简主义方法，使用柔和、中性的调色板打造低调的外观。

​

后端开发与数据库

​

后端基础

• 后端 (Backend)： 应用程序中处理数据、逻辑和核心操作的服务器端。
• Webhooks： 当特定事件发生时，应用程序自动发送的消息，允许实时数据交换。

​

数据库管理

• CRUD (Create, Read, Update, Delete)： 管理数据的四个基本操作。
• SQL (结构化查询语言)： 用于管理和查询关系数据库中数据的标准语言。
• PostgreSQL： 一款功能强大的开源关系数据库，以其可靠性和高级功能而闻名。

​

安全与认证

• OAuth： 一种认证标准，允许用户使用像 Google 或 GitHub 这样的第三方账户登录。
• 双因素认证 (2FA)： 一种安全层，要求用户提供两种形式的身份证明才能登录。
• CORS (跨源资源共享)： 一种安全机制，用于控制您服务器上的资源如何被其他域访问。