Additional resources

If you'd like to see how the adaptive and responsive concepts (as described in these pages) come together. check out the source code for the following apps:

• Wonderous
• Flutter adaptive demo

Of course, these pages don't constitute an exhaustive list of the things you might consider. The more operating systems, form factors, and input devices you support, the more difficult it becomes to spec out every permutation in design.

Taking time to learn basic usability principles as a developer empowers you to make better decisions, reduces back-and-forth iterations with design during production, and results in improved productivity with better outcomes.

Here are some resources that you might find useful:

• Android large screen guidelines
• Material guidelines on applying layout
• Material design for large screens
• Material guidelines on canonical layouts
• Build high quality apps (Android)
• UI design do's and don'ts (Apple)
• Human interface guidelines (Apple)
• Responsive design techniques (Microsoft)
• Machine sizes and breakpoints (Microsoft)
• How to build Adaptive UI with Flutter, a Google I/O 2024 video.

除非另有说明，本文档之所提及适用于 Flutter 的最新稳定版本，本页面最后更新时间: 2024-05-31。 查看文档源码 或者 为本页面内容提出建议。