هر آنچه که باید در مورد فاصله گذاری و چیدمان بدانید

کلید هر طراحی عالی سازماندهی اطلاعات آن است. روش‌های فاصله گذاری و شبکه‌های چیدمان ساختار، سلسله مراتب و ریتم را در طراحی شما تعریف می‌کنند. فاصله‌گذاری نه تنها بر زیبایی طراحی تأثیر دارد، بلکه به صفحه ظاهری هارمونیک می‌دهد.
در نتیجه، این شمایید که تصمیم می‌گیرد مخاطبان به چه چیزی توجه کنند.

واحد پایه
واحد پایه تعیین می‌کند که هر اندازه‌گیری و مضرب آن چه خواهد بود. این باعث می‌شود که طرح‌ها ثابت بماند، ارتباط با دولوپرها بهبود یابد و تعداد تصمیماتی که یک طراح باید بگیرد را کاهش می‌دهد. توصیه‌شده‌ترین واحد پایه ۸ پیکسل است زیرا اکثر اندازه‌های صفحه نمایش بر ۸ بخش پذیر هستند.

سایز بندی
ارتفاع و عرض عناصر رابط کاربری در صورت امکان باید با افزایش واحد پایه (یعنی 8، 16، 24) اندازه‌گیری شود. این کار سلسله مراتبی واضح ایجاد می‌کند، عناصر را به طور منظم تراز می‌کند، و ریتم بصری ثابتی ارائه می‌دهد.

لایه گذاری
لایه گذاری یا Padding به فضای بین عناصر UI اشاره دارد و همچنین با افزایش واحد پایه اندازه گیری می‌شود. بالشتک ثابت و قابل پیش بینی از نظر زیبایی شناختی دلپذیر است، رابطه بین عناصر را روشن می‌کند و خوانایی را بهبود می‌بخشد.

آناتومی شبکه
همه شبکه‌ها از سه عنصر تشکیل شده‌اند:
- ستون
- گاتر (فاصله بین ستون)
- حاشیه

ستون‌ها بلوک‌های ساختمانی یک شبکه هستند و محل قرارگیری عناصر را مشخص می‌کنند. گاترها فضای منفی بین ستون‌ها هستند و عرض آنها باید مضربی از واحد پایه باشد. حاشیه‌ها فضای منفی بین لبه ستون بیرونی و قاب است.

نتیجه گیری
با استفاده از فاصله‌گذاری، از مزایای تایید فاصله منفی هم برخوردار خواهید بود:
- اولویت یا خوانایی کاربر را بهبود می‌بخشید
- یک سیستم با چیدمان قوی دارید
- زیبایی بصری را افزایش می‌دهید
- طرحی انعطاف پذیر را تضمین می‌کنید

🔗 ادامه مقاله را می‌توانید از این لینک مطالعه کنید.

(زمان حدودی مطالعه: ۸ دقیقه)

گردآورنده: امیرحسین معظمی

#رابط_کاربر #گرید
#UI

@Dexign فلسفه دیزاین

______