اگر بخواهید طراحی وب‌سایت شما منظم، خوانا و حرفه‌ای به نظر برسد، استفاده از المان‌های ساده اما کاربردی اهمیت زیادی دارد. یکی از این المان‌ها در المنتور، ابزارک Divider یا همان جداکننده است. شاید در نگاه اول یک خط ساده چندان چشمگیر نباشد، اما همین المان کوچک می‌تواند باعث نظم‌دهی به صفحه، ایجاد فاصله بصری بین بخش‌ها و زیبایی بیشتر طرح شود.
کاربرانی که وارد سایت می‌شوند به‌طور ناخودآگاه به نظم و ترتیب چیدمان توجه می‌کنند. اگر متن‌ها و بخش‌ها بدون فاصله و جداکننده باشند، حس شلوغی و بی‌نظمی به آن‌ها منتقل خواهد شد. این موضوع می‌تواند باعث کاهش ماندگاری کاربران شود. در مقابل، استفاده از جداکننده‌ها به چشم کاربر نظم می‌بخشد و تجربه کاربری (UX) بهتری ایجاد می‌کند.
روش افزودن جداکننده در المنتور
برای استفاده از ابزارک Divider در المنتور کافی است چند گام ساده را انجام دهید:
ابتدا سکشنی را که می‌خواهید خط جداکننده در آن قرار گیرد ایجاد کنید.
ابزارک Divider را از میان ابزارهای المنتور انتخاب کرده و در سکشن بکشید.
سپس ظاهر جداکننده را با توجه به رنگ‌بندی و طراحی کلی سایت تنظیم کنید.
بخش‌های تنظیمات Divider
بخش محتوا
در تنظیمات محتوا میتوانید شکل و نوع جداکننده را تعیین کنید. امکان انتخاب خط ساده، نقطه‌چین، خط دوتایی و سایر حالت‌ها وجود دارد. همچنین میتوانید عرض جداکننده را مشخص کرده، محل قرارگیری آن (راست، چپ یا وسط) را تغییر دهید و در صورت تمایل آیکن یا متن خاصی را در مرکز آن قرار دهید.
بخش استایل
در قسمت استایل، قابلیت شخصی‌سازی کامل جداکننده وجود دارد. شما میتوانید رنگ خط را تغییر دهید، ضخامت و اندازه آن را تنظیم کنید و فاصله آن را نسبت به سایر بخش‌ها مشخص نمایید. اگر از آیکن یا متن در جداکننده استفاده کرده باشید، میتوانید رنگ، تایپوگرافی، موقعیت و فاصله آن‌ها را نیز تغییر دهید تا هماهنگی کامل با طراحی کلی سایت ایجاد شود.
نکات طراحی هنگام استفاده از جداکننده‌ها
بهتر است رنگ جداکننده هماهنگ با پالت رنگی کلی سایت انتخاب شود.
ضخامت خط را به‌گونه‌ای تنظیم کنید که هم قابل مشاهده باشد و هم ظاهر صفحه را شلوغ نکند.
در مقالات یا صفحات طولانی، از جداکننده‌ها برای تقسیم‌بندی موضوعات استفاده کنید تا کاربر راحت‌تر بخش‌های مختلف را مرور کند.
نتیجه‌گیری
ابزارک Divider در المنتور اگرچه یک قابلیت ساده به نظر می‌رسد، اما در زیباسازی طراحی، ایجاد نظم بصری و افزایش خوانایی نقش بزرگی دارد. این ابزار به شما کمک می‌کند صفحات خود را حرفه‌ای‌تر طراحی کنید و تجربه بهتری برای بازدیدکنندگان رقم بزنید. پیشنهاد می‌شود در تمام طراحی‌های خود از این المان استفاده کنید، به‌ویژه زمانی که متن‌ها یا بخش‌های زیادی در یک صفحه قرار دارند.
- ۰۴/۰۶/۱۰