نمای شبکه ای دو یا چند ستون از تصاویر را نشان می دهد که موارد محتوا را نشان می دهد، با متن کوتاهی در زیر هر تصویر. این دیدگاه زمانی بهترین است که کاربران برای انتخاب خود عمدتاً به تصاویر متکی هستند.
شبکه ها به صورت عمودی قابل پیمایش هستند و می توانند از نظر اندازه، فاصله و تعداد ستون ها متفاوت باشند. محتوای موجود در شبکه را نیز می توان به دسته بندی کرد.
جزء فهرست موارد
فهرست ها روشی جایگزین برای نمایش محتوایی است که به متن توضیحی بیشتری نیاز دارد
آناتومی
شبکهها شامل متن و کنترلهای رابط کاربری هستند. از آنجایی که کاربران باید به آنها پاسخ دهند، هرگز نباید توسط عناصر دیگر یا لبه صفحه پنهان شوند.
مشخصات
برچسب های چیدمان
تعاریف E، M، KL، P، Flex
جزء فهرست موارد
مشخصات، دستورالعملهای سبک و موارد دیگر
شبکه محتوا (3 یا 4 ستونی)
شبکه برنامه (4 ستون)
شبکه برنامه با موارد پر استفاده در ردیف بالا
قرار دادن نماد نشانگر در طرح بندی شبکه ای
پوسته بندی پوسته ها
این طرحبندیهای مرجع نشان میدهند که چگونه میتوان شبکهها را برای قرار دادن صفحههایی با عرض و ارتفاع مختلف تطبیق داد. (دستههای عرض و ارتفاع در قسمت Layout تعریف شدهاند.) توجه داشته باشید که تمام مقادیر پیکسلها قبل از انجام هر گونه نمونهبرداری پایین یا بالا در پیکسلهای رندر شده هستند.
چیدمان
حاشیه ها، خطوط کلیدی و بالشتک برای اندازه های مختلف صفحه نمایش
برچسب های چیدمان
تعاریف E، M، KL، P، Flex
صفحه نمایش با عرض استاندارد
صفحه نمایش های عریض
صفحه نمایش فوق عریض و فوق عریض
فاصله عمودی شبکه های برنامه روی صفحه نمایش با ارتفاع های مختلف
سبک ها
دستورالعمل های تایپوگرافی
مرجع مقیاس و شبکه، نمونه های تایپوگرافی، و موارد دیگر
تاریخ آخرین بهروزرسانی 2024-10-30 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 2024-10-30 بهوقت ساعت هماهنگ جهانی."],[[["Grid view displays content items as images with brief text, best for image-based selections, and can be vertically scrolled, categorized, and varied in size and spacing."],["Grids contain text and UI controls which should remain visible; they include a grid item, primary and secondary text, and a background."],["Layouts scale for various screen sizes, recommending a 3-column layout for wide screens or a 4-column layout with minimum tile size of 219dp, and adjusting vertical spacing for short screens."],["Grids have specific styles for typography, color (with day and night modes), sizing, and elevation, ensuring visual consistency and usability."],["Examples are provided for both app and content grids, demonstrating their appearance in day and night modes, and showcasing user interaction with scrolling."]]],[]]