[null,null,["最后更新时间 (UTC)：2025-07-27。"],[],[],null,["# Principles for adding value\n\nWhen designing for adaptive layouts on the round screen, scrolling and non-scrolling views each have unique requirements for scaling UI elements and maintaining a balanced layout and composition.\nThe images below are broad suggestions; examples are for illustrative purposes only. View each component or surface page for detailed, contextual and responsive guidance.\n\n\nMore content at a glance\n------------------------\n\nResponsive layouts allow for more chips, cards, lines of text, and buttons to fit on a single screen. \n\n\u003cbr /\u003e\n\n\nMore content elements visible\n-----------------------------\n\nUse new layouts, applied at defined screen size breakpoints, to allow for the\nintroduction of content when possible, giving the user additional value on\ndevices with larger screen sizes. \n\n\u003cbr /\u003e\n\n\nImproved glanceability\n----------------------\n\nUse extra screen space to provide larger containers, larger text, thicker rings, and more granular data visualization for better glanceability. \n\n\u003cbr /\u003e\n\n\nImproved usability\n------------------\n\nUse extra screen space to provide bigger tap targets, greater visual hierarchy, and padding between content items so interfaces are accessible and engaging. \n\n\u003cbr /\u003e\n\n\nOptimized compositions\n----------------------\n\nUtilize our updated components and templates to offer a better look and feel for our UIs across all screen sizes. \n\n\u003cbr /\u003e\n\nUse established canonical layouts\n---------------------------------\n\nLeverage established canonical layouts to help your UIs adapt smoothly across a range of device sizes. Our canonical layouts have been developed thoughtfully to offer a high quality experience across all screen sizes.\n\n\n**Tiles (non-scrolling layouts)** \n\n**App scrolling layouts** \n\n**Apps non-scrolling layouts**\n\n\u003cbr /\u003e"]]
