جدا کننده شکل یا Shape Divider در المنتور
امروز بابت معرفی ویژگی shape divider بسیار هیجان زده‌ام. یه ویژگی برای طراحی طراوت بخش که به صفحات شما حسابی تغییرشکل میده و به ایجاد دیزاین زیبا و حرفه‌ای کمک میکنه.
تو المنتور، نه تنها روندهای طراحی برتر دنبال میشه، بلکه خود المنتور اون‌ها را جا میندازه. یک مثال عالی، Shape divider هست که دامنه‌ی امکانات طراحی رو به طور چشمگیری گسترش میده و اجازه میده تا جلوه‌های جداگانه‌ی باحالی رو بسازید که تا قبل از این امکانات، به آسونی ممکن نبود.
جدی جدی خودمون هم عاشق این ویژگی هستیم. المنتور این امکان رو نه تنها برای کاربرای المنتور Pro، بلکه برای کل اجتماع المنتوری بیرون داده.
صفحه ساز المنتور برای شروع کار 18 تا شکل یا shape رو برای انتخاب توسط شما کاربرای عزیز بیرون داد. اینا اشکال شروع کار هستند که می‌تونند برای ایجاد یک رژه روان و تطبیق‌پذیر از Dividers یا جدا کننده‌ها، تنظیم و سفارشی‌سازی بشند.
Shape Divider چجوری کار میکنه؟
ویژگی Shape Divider از اشکال SVG فوق بهینه سازی شده استفاده میکنه که برای ویرایشگر المنتور، استادانه ویرایش و سفارشی‌سازی شدند.
طراحان افزونه المنتور وقتی که این ویژگی رو توسعه دادن، دوتا دستورالعمل پیش روشون بود که رو اون تمرکز داشتند: اینکه موقع ارائه اشکال یا Shapes از بابت بهینه و سبک بودن اون اشکال مطمئن باشند تا روی هرنمایشگر، دستگاه و رزولیشن عالی به نظر برسه.
در کنار ساخت اشکال به صورت فایل‌های SVG سبک، تیم المنتور اون‌ها رو طوری ساخت که به طور همزمان بارگزاری نشن، اینجوری که هر موقع احتیاج داشتید بارگزاری میشند و بعد از لودینگ کامل صفحه، روی سرعت بارگزاری تأثیر نمیذاره.
SVG بودن شکل‌های Shape Dividers تضمین میکنه که اشکال حتی روی صفحات شبکه‌ای هم با وضوح بالا به چشم بیان.
روی shapeها کنترل داشته باشید
انعطاف‌پذیری یک فاکتور خیلی مهم موقع طراحی اشکال یا shapes هست. تو المنتور، شما روی تنظیمات متنوعی کنترل دارید که به سفارشی سازی هر shape یا همه‌ی اون‌ها کمک میکنه.
پس‌زمینه: شما میتونید هر پس‌زمینه‌ای رو با اشکال جدا کنید که این شکل‌ها میتونن شامل پس زمینه‌ی رنگ، عکس، ویديو و گرادیان باشه.
کنترل‌ها: با ویژگی اشکال تو Shape divider، شما میتونید روی اندازه‌ی شکل‌ها کنترل داشته باشید، مثلا اون‌ها را وارونه یا Flip کنید. (flip به حالتی گفته میشه که به محض قرارگرفتن اشاره‌گر روی باکس، تلنگری ایجاد میشه و باکس برمی‌گرده)
اشکال بالا و پایینی: با مجموعه کنترل‌های جداگونه‌ی هر سمت، برای قسمت بالایی یا پایینی بخش یا سکشن یه شکل متفاوت تنظیم کنید.
ویرایش تو حالت موبایل: میتونید خیلی سریع اشکال مختلفی رو برای فیت شدن روی صفحه دسکتاپ، تبلت و صفحه موبایل با استفاده از امکان Mobile Edidting یا ویرایش حالت موبایل، در المنتور سفارشی‌سازی کنید.
قالب Shape Divider برای شروع کار!
ازونجایی که تیم المنتور می‌خواست کاربرای المنتور سریعترین مقدمه را تو ویژگی اشکال دریافت کنند، 4 تا قالب رایگان و خیره‌کننده ایجاد کردند که چند ایده خلاق برای استفاده از اشکال را به نمایش می‌ذاره.
حالا اگه کاربر المنتور Pro هستید، شما دوتا قالب Shape Divider بیشتر دارید که چیزی از چشمگیر بودن اون 6تا کم نداره!
از شما دعوت میشه تا از این تمپلیت و قالب‌ها برای وب‌سایت خودتون استفاده کنید و با وصله زدن اون‌ها به اشکال، به آسون بودن کار با اون پی ببرید.
بهبودهایی در زمان ارائه ویژگی Shape divider المنتور
می‌خوایم یه مرور سریعی روی ویژگی‌هایی که به المنتور اضافه شده بودن داشته باشیم.
Video Lightbox: میشه یه فرم ویدئویی که به اسم Video Lightbox شناخته میشه رو اضافه کنید تا هر موقع که کاربر روی یه عکس کلیلک کرد، ویدئو مثل Lightbox باز بشه. شما میتونید به صورت بصری روی تنظیمات طراحی متنوعی از Lightbox کنترل داشته باشید. واسه دیدن ویژگی Lightbox حتما یه روکش تصویر به ابزارک ویدئو اضافه کنید.
Button Shadow یا سایه‌ی دکمه: اگه با المنتور کار کرده باشید احتمالاً باید با ویژگی box shadow آشنا باشید. حالا شما میتونید به دکمه هاتون هم جلوه‌ی سایه اضافه کنید. جالب نیست؟
Smooth Scroll یا پیمایش ملایم: با این ویژگی میشه یک ناوبری تو صفحه ایجاد کرد که از یک بخش به بخش دیگه به آرامی اسکرول یا پیمایش بشه. میشه از ID برای اضافه کردن smooth scroll به هر المان المنتور استفاده کرد. المان‌هایی مثل بخش، ستون، ابزراک بدون نیاز به داشتن ابزارک Anchor!
تقسیم‌کننده‌ی لیست آیکن یا Icon List Dividers : در المنتور این امکان وجود داره تا لیست آیتم‌های مختلف با خطوط و فاصله از هم جدا بشند و به همون خطوط هرطوری که دلتون میخواد استایل بدید. اگه قبلاً لیست آیتم‌ها، بجای اینکه زیر هم چیده بشن، بلندتر از خط دور آیکن بود، بدونید که خیلی وقت پیش این مشکل برطرف شده.
بهبود بهینه سازی: اگه نخوایم زیاد تکنیکی صحبت کنیم باید بگیم که المنتور یکاری کرده که فقط اسکریپت‌هایی از javaScript در صفحه باشن که شما از اون استفاده می‌کنید. یعنی اینکه صفحه شما فقط اسکریپت‌های jS ابزارکی رو بارگزاری میکنه که بهش احتیاج داره. همین باعث میشه تا صفحات المنتوری سریع‌تر بارگزاری بشند.
Shape Divider یکی از ویژگی‌هایی هست که مثل تاریخچه المنتور و گرادیان‌ها به ویژگی‌های ویرایشگر رایگان المنتور اضافه شده. بهتون توصیه میکنم که برای تست هم که شده از این ویژگی استفاده کنید و بعضی از طراحی خلاقانه‌ای که با ویژگی Shape Divider ساختید رو برای ما به اشتراک بذارید. برای آموزش المنتور کلیک کنین.