# 更多资源

> 编写自适应应用时可能有用的其他资源。



## Examples

## 示例

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][]

  [Flutter 自适应演示][Flutter adaptive demo]

[Flutter adaptive demo]: https://github.com/gskinnerTeam/flutter-adaptive-demo
[Wonderous]: https://github.com/gskinnerTeam/flutter-wonderous-app

## Learn more about basic usability principles

## 进一步了解基本可用性原则

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][]

  [Android 大屏指南][Android large screen guidelines]

* [Material guidelines on applying layout][]

  [Material 布局应用指南][Material guidelines on applying layout]

* [Material design for large screens][]

  [Material 大屏设计][Material design for large screens]

* [Material guidelines on canonical layouts][]

  [Material 规范布局指南][Material guidelines on canonical layouts]

* [Build high quality apps (Android)][]

  [构建高质量应用（Android）][Build high quality apps (Android)]

* [UI design do's and don'ts (Apple)][]

  [UI 设计注意事项（Apple）][UI design do's and don'ts (Apple)]

* [Human interface guidelines (Apple)][]

  [人机界面指南（Apple）][Human interface guidelines (Apple)]

* [Responsive design techniques (Microsoft)][]

  [响应式设计技术（Microsoft）][Responsive design techniques (Microsoft)]

* [Machine sizes and breakpoints (Microsoft)][]

  [机器尺寸与断点（Microsoft）][Machine sizes and breakpoints (Microsoft)]

* [How to build Adaptive UI with Flutter][],
  a Google I/O 2024 video.

  [如何使用 Flutter 构建自适应 UI][How to build Adaptive UI with Flutter]，Google I/O 2024 视频。

[Android large screen guidelines]: https://developer.android.google.cn/docs/quality-guidelines/large-screen-app-quality
[Build high quality apps (Android)]: https://developer.android.google.cn/quality
[How to build Adaptive UI with Flutter]: https://www.youtube.com/watch?v=LeKLGzpsz9I
[Material guidelines on applying layout]: https://m3.material.io/foundations/layout/applying-layout/window-size-classes
[Material guidelines on canonical layouts]: https://m3.material.io/foundations/layout/canonical-layouts/overview
[Human interface guidelines (Apple)]: https://developer.apple.com/design/human-interface-guidelines/
[Material design for large screens]: https://m2.material.io/blog/material-design-for-large-screens
[Machine sizes and breakpoints (Microsoft)]: https://learn.microsoft.com/windows/apps/design/layout/screen-sizes-and-breakpoints-for-responsive-design
[Responsive design techniques (Microsoft)]: https://learn.microsoft.com/windows/apps/design/layout/responsive-design
[UI design do's and don'ts (Apple)]: https://developer.apple.com/design/tips/