آموزش شبکه های چیدمان اصلی (Figma، Adobe XD و Sketch)
Master Layout grids (Figma, Adobe XD and Sketch)
در این دوره خواهیم دید که شبکه های چیدمان چیست و چگونه از آنها به طور مداوم برای طرح های خود استفاده کنیم. فرقی نمی کند برای یک برنامه یا وب سایت یا حتی یک محصول فیزیکی مانند پوستر، بروشور یا حتی CV ما باشد.
شما تئوری پشت شبکه‌ها را خواهید آموخت و خواهیم دید که چگونه رایج‌ترین شبکه‌ها مانند Bootstrap (4 و 5!) و شبکه افسانه‌ای و بسیار مورد بحث و استفاده 8 پیکسلی را بسازیم.
همچنین نحوه اتخاذ تصمیمات تایپوگرافی مناسب را برای ماندن در شبکه و پیروی از ریتم عمودی خط پایه مناسب را پوشش خواهیم داد.
مهم نیست از نرم افزاری که استفاده می کنید، نحوه ایجاد شبکه های طرح بندی را در رایج ترین ابزارهای نمونه سازی مانند Figma، Adobe XD و Sketch خواهیم دید.
برای این دوره به هیچ دانش قبلی در مورد ابزارها یا شبکه‌ها نیاز ندارید.
طرح‌بندی Bootstrap 4 را برای دسک‌تاپ و موبایل تکرار کنید و شبکه ۸ پیکسلی خود را در دسک‌تاپ و موبایل بسازید. به یاد داشته باشید که لازم نیست اندازه عرض ستون من را دنبال کنید، این کاملاً به شما بستگی دارد تا به اندازه ظرف مورد نظر خود برسید. به یاد داشته باشید که اگر می‌خواهید از آنها برای پروژه‌های خود استفاده کنید، می‌توانید فایل‌هایی را که ما در این دوره انجام داده‌ایم دانلود کنید (با عرض پوزش که فایل Figma از همه آنها کاملتر است).
PS: برای کسب اطلاعات بیشتر درباره شبکه‌ها، این سه مقاله را توصیه می‌کنم.
https://donyad.com/d/c18b
Bruno Sáez López
طراح UX/UI و توسعه دهنده Front-end
هی، من برونو هستم!
طراح UX/UI با بیش از 20 سال تجربه در حال حاضر در یک شرکت داده بزرگ کار می کند و محصولات پیچیده را ساده می کند.
Figma، Sketch و Adobe XD ابزارهای مورد علاقه من هستند.
من عاشق رفتن به کوه و ضبط موسیقی هستم.
اگر کلاس‌های من را دوست دارید، من را دنبال کنید تا با ورود محتوای جدید به‌روزرسانی شود!
به سلامتی!
نمایش نظرات