به جلسه هجدهم بخش آموزش طراحی سایت با المنتور از دوره رایگان وردپرس خوش آمدید. در این قسمت میخواهیم با تنظیمات المنتور بیشتر آشنا شویم. برگهساز المنتور به شما این امکان را میدهد که ویجتی که به صفحه اضافه میکنید، استایل آن را ویرایش کنید. اما این را در نظر داشته باشید که با استفاده از استایلهای کلی المنتور، شما میتوانید به طور کلی، رنگها، تایپوگرافی، گریدسیستم، فرمها، دکمهها و خیلی چیزهای دیگر را تنظیم کنید. مثلاً میتوانید رنگ کلی دکمهها را درست کنید.
شاید بیش از 80 درصد از همان استایل استفاده کنید و صرفاً در برخی جاها که طراحی متفاوتی از آن دکمه خواستید، آن را ویرایش کنید. بدین شکل سرعت طراحی شما بسیار بالا خواهد رفت. اگر دوست دارید با تنطیمات عمومی المنتور بیشتر آشنا شوید از شما دعوت میکنیم تا پایان این مقاله از آژانس نوآوری رسام ما را همراهی کنید.
تنظیمات المنتور، برای ساخت استایلها در سایت
صفحه اصلی خود را با المنتور، بهترین صفحه ساز وردپرس ویرایش کنید. حالا از بالای صفحه یک منوی همبرگری خواهید دید، اگر روی آن کلیک کنید به تنظیمات سایت المنتور میرسید. البته اگر نوار ویرایشگر المنتور بالای صفحه بود هم دقیقاً در بالا، سمت راست، آیکن تنظیمات سایت در دسترس شما هست و بازهم با کلیک روی آن، با صفحه زیر مواجه خواهید شد.
به منوی عمودی سمت چپ با دقت توجه کنید. در این قسمت شما میتوانید رنگها، تایپوگرافی، فواصل، دکمهها، فرمها و خیلی از آیتمهای دیگر سایت را تنظیم کنید. البته به صورت کلی. منظور از کلی چیست؟ یعنی اگر شما اینجا رنگی را تعیین میکنید برای عناوین خود، به این معنی نیست که همه جا باید از همان رنگ یا همان سایز استفاده شود. این صرفاً یک آش کلی است که برای اِلِمانهای خود درست کردید. مزیت آن هم در این است که استایلهای پیش فرض در وضعیت خوبی قرار میگیرند.
ذکر این نکته ضروری است که در پیشخوان وردپرس و در منوی المنتور، اگر به بخش تنظیمات بروید، دو گزینه خواهید دید. غیرفعال کردن رنگهای پیش فرض و غیرفعال کردن فونتهای پیش فرض. حتماً این دو گزینه را فعال کنید که در المنتور و هنگام اعمال تنظیمات مربوط به استایلهای سایت المنتوری خود، به مشکل نخورید. حالا با خیال راحت پس از تنظیمات المنتور میتوانید طراحی سایت و استفاده از ویجتها را شروع کنید.
UI Kit ها را از کجا بیاوریم؟
قاعدتاً شما باید برای اجرای هر وبسایتی یک طرح UI داشته باشید. مثلاً در نرمافزار فیگما که ما در دوره رایگان UI/UX آموزش دادیم. البته این را نیز در نظر بگیرید که تخصص UI/UX شغل دیگری است و شما وظیفهای ندارید هر دو را انجام دهید (البته اگر بلد باشید بسیار مفید است). اگر پروژه شما طرح UI دارد که کار آسانتر است. اما اگر چنین طرحی وجود ندارد، دست کم میتوانید با گرفتن لوگو، ترکیب رنگی و سند هویت بصری (برندبوک) آن پروژه، کار را سادهتر کنید. این موارد را از کارفرمای محترم پروژه میتوانید دریافت کنید.
در واقع یک uikit تشکیل شده از عناصر مختلف طراحی که از آن استفاده خواهید کرد. مثلاً یک دکمه که باید تکلیف رنگ، انحنا یا radius، تایپوگرافی متن داخل آن، اندازه و فواصل آن را مشخص کنیم.
انجام تنظیمات عمومی المنتور، سرعت بالای طراحی
به این موضوع دقت کنید که وقتی شما رنگهای مورد نیاز خود را وارد کنید، قطعاً دیگر نیازی ندارید دنبال کد رنگ بگردید. وقتی تکلیف سایزهای H1 تا H6 و پاراگرافها را مشخص کردهاید، دیگر کمتر درگیر resize آنها خواهید شد. پس برای این موضوع وقت بگذارید. این بخش از آموزش طراحی سایت با المنتور را تمرین کرده و تجربیات و سوالات خود را در بخش دیدگاهها، با متخصصین آژانس نوآوری رسام در میان بگذارید.
دیدگاههای کاربران (38)