تابستون داره تموم میشه ها، فرصت‌ها محدودن کلی آفر جذاب در کمپین تابستون🔥👇
۰ ثانیه
۰ دقیقه
۰ ساعت
۲ شیرین دارایی
spacing وsection
جامعه طراحی رابط و تجربه کاربری ایجاد شده در ۱۰ مرداد ۱۴۰۱

سلام .فاصله گذاری همبشه با این فرمول است؟فاصله سکشن‌ها ی مرتبط 16 و غیر مرتبط 24 و از بالا و پایین صفحه 40؟یا اینکه در شرایط مختلف تغییر میکنه؟

سلام وقتتون بخیر.

ببینید شما براساس نوع گرید سیستمی که انتخاب میکنید، 8pt یا 5pt و... با همون ضرایب کار میکنید. حالا مثلا متریال دیزاین رو انتخاب کردین و میخواین با ضریب ۸ جلو برین، براساس نوع چیدمان شما ضرایب شما به صورت

8/16/24/32/40/48/56/...

برای

Padding‌ها و margin‌های بین المنت‌ها صورت میگیره( و البته گاهی ۴ پیکسل برای موارد خاص).

و آیکون‌ها به صورت

16*16

24*24

32*32

و...

شما براساس نوع طرح و نوع چیدمان بعنوان طراح با این ضرایب کار میکنید. و قطعا مواردی که بهم مرتبط هستند، نزدیک بهم و با ضرایب پایین‌تر اعمال میشند و موارد غیر مرتبط با ضرایب بالاتر. بطوری که هم ui کار و consistency حفظ بشه و هم ux که کاربر با یک نگاه درک کنه که چیا بهم ربط دارند و مسیر حرکت برای موارد مرتبط رو درک کنه.


فرمولی برای این موضوع جز رعایت ضرایب وجود نداره، بسته به نوع طرح فواصل فرق دارند اما نوع ضریب بندی فواصل براساس نوع گرید سیستم اصول داره.



بهترین پاسخ
هیبا آزاد ۱۰ مرداد ۱۴۰۱، ۰۷:۳۵

خیلی ممنونم از جوابی که فرستادین .اون مثالی که زدید ضریب 8 بود اما تصویر سمت چپ رو گفثین فضای منفی (خالی) درست نداره در حالی که اون هم ضریب 8 رعایت کرد.این رو از کجا تشخیص میدیم ؟

شیرین دارایی ۱۰ مرداد ۱۴۰۱، ۰۸:۲۹