با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
نمای شبکه ای دو یا چند ستون از تصاویر را نشان می دهد که موارد محتوا را نشان می دهد، با متن کوتاهی در زیر هر تصویر. این دیدگاه زمانی بهترین است که کاربران برای انتخاب خود عمدتاً به تصاویر متکی هستند.
شبکه ها به صورت عمودی قابل پیمایش هستند و می توانند از نظر اندازه، فاصله و تعداد ستون ها متفاوت باشند. محتوای موجود در شبکه را نیز می توان به دسته بندی کرد.
جزء فهرست موارد
فهرست ها روشی جایگزین برای نمایش محتوایی است که به متن توضیحی بیشتری نیاز دارد
آناتومی
شبکهها شامل متن و کنترلهای رابط کاربری هستند. از آنجایی که کاربران باید به آنها پاسخ دهند، هرگز نباید توسط عناصر دیگر یا لبه صفحه پنهان شوند.
مشخصات
برچسب های چیدمان
تعاریف E، M، KL، P، Flex
جزء فهرست موارد
مشخصات، دستورالعملهای سبک و موارد دیگر
شبکه محتوا (3 یا 4 ستونی)
شبکه برنامه (4 ستون)
شبکه برنامه با موارد پر استفاده در ردیف بالا
قرار دادن نماد نشانگر در طرح بندی شبکه ای
پوسته بندی پوسته ها
این طرحبندیهای مرجع نشان میدهند که چگونه میتوان شبکهها را برای قرار دادن صفحههایی با عرض و ارتفاع مختلف تطبیق داد. (دستههای عرض و ارتفاع در قسمت Layout تعریف شدهاند.) توجه داشته باشید که تمام مقادیر پیکسلها قبل از انجام هر گونه نمونهبرداری پایین یا بالا در پیکسلهای رندر شده هستند.
چیدمان
حاشیه ها، خطوط کلیدی و بالشتک برای اندازه های مختلف صفحه نمایش
برچسب های چیدمان
تعاریف E، M، KL، P، Flex
صفحه نمایش با عرض استاندارد
صفحه نمایش های عریض
صفحه نمایش فوق عریض و فوق عریض
فاصله عمودی شبکه های برنامه روی صفحه نمایش با ارتفاع های مختلف
سبک ها
دستورالعمل های تایپوگرافی
مرجع مقیاس و شبکه، نمونه های تایپوگرافی، و موارد دیگر