扁平化 Flat Design 把界面还原为清晰的二维信息表面：纯色、排版、几何图形和留白直接承担层级，不用阴影、渐变、反光或拟物材质制造假的深度。

• 用字号、字重、对齐和留白建立阅读顺序，让用户先看到内容和动作，而不是先看到容器。
• 用少量纯色块区分任务组或状态，颜色需要有明确含义，不能把整页染成没有层级的彩色背景。
• 可以使用简单的图标、几何图形和大面积色块，但它们要服务导航、提示或内容识别。
• 扁平化不等于把所有边界和反馈都删除；可点击入口、选中状态和当前步骤仍然要有直接、可理解的变化。

最容易误读的地方，是把扁平化做成一页没有层次的彩色方块，或者只剩下白底黑字。真正成立的页面会用二维关系和排版让内容自己建立层级，装饰只在需要时出现。

扁平化和现代简约、瑞士排版、材质设计都可能强调清晰与秩序，但它的重点是用二维关系直接呈现内容，不用物理材质暗示层级。

• 它和现代简约的差别在于扁平化更强调纯色块、直接图形和明确的交互入口，不只是减少元素。
• 它和瑞士排版的差别在于扁平化更关注数字界面的动作、状态和色块反馈，网格和字体不是唯一主角。
• 它和材质设计的差别在于不依赖 elevation、阴影和表面叠放表达前后关系，而是用位置、颜色、大小和动效完成同样的说明。
• 它和极简空白页的差别在于仍然可以有强烈的色块和直接入口，只要每个颜色和图形都能帮助用户理解任务。

判断页面是否成立，可以先找出标题、当前任务、主要入口和结果反馈，再检查它们是否靠排版和二维关系自然关联。如果只能看到彩色方块，却不知道下一步做什么，就需要重新组织内容。

扁平化的价值不在于所有页面都长得像彩色方块，而在于它能把不同任务中的内容、顺序和动作保持在一套清楚的二维关系里。下面分别模拟交通时刻表、公共服务办理和城市活动信息页。

• 城市交通时刻表：让路线、时间和当前班次一眼对齐，下一步不被装饰遮住。
• 公共服务办理页：用步骤、材料和颜色反馈让用户知道当前是否可以继续。
• 城市活动信息页：用日期、活动条目和报名入口组织浏览，而不是把活动做成一排同样的营销卡片。

请制作一个扁平化 Flat Design 的完整中文页面，先确定真实任务，例如城市交通时刻表、公共服务办理页或城市活动信息页，再用二维网格组织标题、内容、状态和主要入口。使用纯色分区、清晰字号、明确字重和直接的图形；不要用渐变、阴影、玻璃、反光、拟物材质或浏览器窗口壳制造层次。颜色只承担任务分组和状态反馈，文字必须保持足够的行高、字距和换行空间。390px 和 320px 下要保证标题、关键数据和主要动作完整可读，不裁切文字，不产生横向滚动。