【Flutter】 Material 3 详解（二）自适应屏幕设计 独立开发者应该学的设计标准

【Flutter】 Material 3 详解（二）自适应屏幕设计 独立开发者应该学的设计标准

一、前言

欢迎阅读我们的 Flutter 专栏！在这个专栏中，我们将深入探讨 Flutter 的各个方面，从基础知识到应用的部署。如果你有任何疑问，或者想要与其他 Flutter 学习者交流，点击这里**加入我们的讨论群**，让我们一起在 Flutter 的世界中探索和学习！

在我们的专栏之前的文章中，对于Material 3的组件，在代码层面进行说明。

然而这对于我们从零到一开发到上线应用显然是不够的，在接下来的几篇文章中，我们会对Material 3的设计风格进行详细说明，让你做到能够使用基于Material 3的设计风格和组件进行应用的开发。

在现代的界面设计中，布局是至关重要的。它不仅决定了用户如何与界面互动，还影响了用户的整体体验。M3屏幕尺寸系统为设计师和开发者提供了一套全面的布局指南，帮助他们创建一致且高效的界面。

本文我们详细分析

• Material 3 的屏幕尺寸划分
• 认识 Bootstrap、Tailwind CSS
• 了解实现自适应屏幕布局的方式