<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title>Material Design 3 - Naifan Li's Blog</title><link>https://blog.omagiclee.com/tags/material-design-3/</link><description>Material Design 3 - Naifan Li's Blog</description><generator>Hugo -- gohugo.io</generator><language>zh-CN</language><lastBuildDate>Sun, 06 Sep 2026 00:05:00 +0800</lastBuildDate><atom:link href="https://blog.omagiclee.com/tags/material-design-3/index.xml" rel="self" type="application/rss+xml"/><item><title>数据平台 UI 设计与视觉规范：从 M3 到可扩展的专业工作台</title><link>https://blog.omagiclee.com/posts/ai-data/data-platform/ui-design-guidelines/</link><pubDate>Sun, 06 Sep 2026 00:05:00 +0800</pubDate><guid>https://blog.omagiclee.com/posts/ai-data/data-platform/ui-design-guidelines/</guid><description><![CDATA[<p>数据平台的界面需要帮助用户持续完成筛选、比较、批量操作、任务配置和结果复核。视觉规范既要让页面看起来一致，也要让用户看懂当前数据范围、任务状态与操作后果。</p>
<p>Data Flywheel 的设计讨论提出了两个明确诉求：一是按钮、字体、字号、颜色、层级和布局都有成熟依据，二是后续能够扩展视频时间轴、标注画布与插件面板。讨论后来收敛到偏好公开的 <strong>Material Design 3（M3）</strong> 视觉语言，并保留当前 React 组件实现的可控性。</p>
<p>本文结合 2026-09-06 阅读到的项目代码，讨论如何把这两个诉求落实为规范。代码已有 M3 风格的语义变量和基础组件，但这不等于已经完整实现或验证了全部 M3 规范。</p>]]></description></item></channel></rss>