استفاده از گرید و حاشیه‌ها
گرید، ابزار اصلی ما برای چیدمان منسجم و ساختارمند عناصر برند است.
حاشیه‌ها، چارچوبی منظم و هماهنگ برای چیدمان عناصر فراهم می‌کنند و نقش مهمی در حفظ خوانایی، انسجام و نظم بصری محتوا دارند.
برای تعیین حاشیه استاندارد، طولانی‌ترین ضلع هر صفحه (عرض یا ارتفاع) به ۲۴ بخش مساوی تقسیم می‌شود، و اندازه یکی از این بخش‌ها به‌عنوان حاشیه در نظر گرفته می‌شود. در جدول زیر، نمونه‌هایی از اندازه صفحه و میزان حاشیه پیشنهادی ارائه شده است.
استفاده از ستون‌ها و فاصله بین ستون‌ها (گاتر)
پس از تعیین حاشیه‌ها، صفحه را به ستون‌ها و فاصله بین ستون‌ها (گاتر) تقسیم می‌کنیم تا چیدمان محتوا ساختارمند و منظم باشد.
تعداد ستون‌ها معمولا بر اساس ضریب‌های ۲ در نظر گرفته می‌شود و بسته به نیاز طراحی، تا حداکثر ۲۲ ستون برای چیدمان‌های عریض و پیچیده قابل استفاده است.
عرض گاترها بسته به نوع کاربرد، می‌تواند بین ۵۰ تا ۱۰۰ درصد عرض حاشیه متغیر باشد.
راهنمای استفاده از قاب (frame) در طراحی
قاب‌ها ابزارهایی کاربردی و مؤثر در طراحی هستند (به‌شرط آن‌که درست و به‌جا از آن‌ها استفاده شود).
در بسیاری از موارد، زیاده‌روی در استفاده از قاب می‌تواند باعث شلوغی، سردرگمی و کاهش اثرگذاری طراحی شود.
برای استفاده درست از قاب‌ها، این سه نکته‌ی کلیدی روبه‌رو را به خاطر داشته باشید:
انواع قاب در طراحی
قاب‌ها برای استفاده روی عکس و ویدیو طراحی شده‌اند و می‌توانند در سه حالت مشخص با آن‌ها هماهنگ شوند:
- پنجره (Window): در این حالت، پنجره قاب مثل یک پنجره عمل می‌کند و تصویر یا ویدیو داخل آن نمایش داده می‌شود.
- باکس (Tile): در این حالت، قاب مانند یک باکس عمل می‌کند که به محصولات، ویدیو یا انیمیشن انسجام و زمینه بصری می‌دهد. این نوع قاب می‌تواند با یا بدون تصویر زمینه باشد و در صفحات با چیدمان متنوع استفاده شود.
- قاب تاکیدی (Outline): در این حالت، قاب روی یک نقطه تمرکز ایجاد می‌کند و پیام مشخصی را برجسته می‌کند.
نمونه‌های چیدمان با استفاده از گرید، حاشیه و شعاع گوشه
نمونه‌های این بخش نشان می‌دهند که چگونه گرید، حاشیه و شعاع گوشه‌های قاب می‌توانند در کنار هم قرار بگیرند و یک چیدمان منسجم، متعادل و هماهنگ ایجاد کنند.
