مراحل کامل طراحی وب را بیاموزید – فیگما به بوت استرپ

یک دوره حرفه ای برای توسعه وب که به راحتی می توانید طراحی UI و UX را بیاموزید ، یاد میگیرید که چگونه از فیگما برای طراحی وب سایت های مدرن و چشم نواز استفاده نمایید. مربی این دوره که Sofiullah بوده و یک برنامه نویس کامل وب سایت هستند و از این حرفه به عنوان یک توسعه دهنده فرانت وب استفاده و شروع نموده است. مربی توضیح می دهد که در ابتدای کار با طراحی رابط کاربری میانه خوبی نداشته است ، آیا می دانید بیشتر توسعه دهندگان بک اند وب و فرانت اند مهارت طراحی وحشتناک و بد دارند؟ اما بدون طراحی ui به صورت عالی به هیچ وجه نمی توانید جلب رضایت کاربران را انجام دهید. به همین دلایل ، توسعه دهندگان به طراحان UI UX وابسته هستند. آنها از ابزارهای پیچیده ای مانند Adobe Photoshop برای ایجاد طرح های UI استفاده می کنند.

در آن زمان پول برای استخدام یک طراح یا خرید یک الگوی طراحی وب سایت نداشته ام. سعی کرده ایم الگوی HTML را بر اساس طراحی خودم ایجاد کنم و آن را  به فروش برسانم. قبلا یک طرح خیالی در ذهن خودم ایجاد نموده ام و روی یک تکه کاغذ و یک طرح اولیه یا ماکت درست می کردم. سپس من فقط وارد مراحل کد گذاری شوم. اما این سخت بود اگر این سبک را دوست نداشتم ، مجبور به سبک تغییر می شدم و مجبور می بودم کدها را تغییر دهم تا زمانی که سبک آن خوب شود.

اما این یک روش وحشتناک برای انجام کارها بود. خیلی وقت گیر بود و اصلاً مثمرثمر نبود. زیرا همانطور که قبلاً می دانید … کدگذاری زمان زیادی را می گیرد. سپس تصمیم گرفتم ابتدا طرح اولیه را ایجاد کرده و سپس این را کدگذاری کنم.

اگرچه ، بیشتر طراحان گرافیک از Adobe Photoshop برای ایجاد الگوی وب سایت PSD استفاده می کنند. اما مشکل فتوشاپ این است … کمی گران است و یادگیری آن آسان نیست. برای ایجاد یک الگوی اساسی از یک وب سایت ، نیازی به یادگیری همه قابلیت های پیچیده فتوشاپ ندارم. به همین دلیل من فیگما را انتخاب کرده ام … کاملا رایگان و کار با آن بسیار آسان است. شما می توانید با استفاده از ابزارهای ساده تری مانند Figma ، طراحی UI خود را نیز ایجاد کنید. Figma ابزاری ابتکاری و درخشان برای طراحی رابط کاربری است. این مورد توسط همه افراد از کارآفرینان و شرکتهای نوپا گرفته تا اپل ، Airbnb ، فیس بوک و … استفاده می شود.

آنچه خواهید آموخت

نحوه استفاده از فیگما
نحوه انجام طراحی UI UX با استفاده از Figma
نحوه تبدیل قالب Figma به وب سایت استاتیک Bootstrap
مبانی طراحی UI UX

الزامات

هیچ دانش قبلی درباره Figma لازم نیست
دانش مقدماتی مفید خواهد بود
یک رایانه با اتصال به اینترنت مورد نیاز است

این دوره برای چه کسانی است:

توسعه دهندگان وب که در طراحی بسیار بد هستند.
طراحان مبتدی UX UI که می خواهند در مورد روند کامل طراحی وب بدانند
هرکسی که می خواهد با Figma وب سایت های زیبایی طراحی کند

نام فیلم آموزشی : Figma to bootstrap: Learn The Complete Web Design Process

فرمت : MP4

زمان : 4 ساعت و 31 دقیقه

تعداد دروس : 33 درس

موضوع : آموزشی

زبان: انگلیسی

زیرنویس انگلیسی : دارد

زیرنویس فارسی : ندارد