iHMahmoodi
Visual Designer

آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی

Learn how to use Figma for UI/UX design in 30 Minutes

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی
آموزش طراحی UI/UX با Figma از صفر در 30 دقیقه با مثال کاربردی

در قسمت اول سری آموزش های فیگما / Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم.

در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.

Figma – فیگما ابزار تحت وبی است که برای کارهای مختلف شما می توانید از آن استفاده کنید. من در سری آموزش های مختلف فیگما قصد دارم آموزش طراحی رابط کاربری و همچنین تجربه کاربری یا UI/UX را به شما آموزش دهم.

 

 

در آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی چه چیزهایی یاد می گیریم؟

محتوای آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی با مثال کاربردی :

  1. 00:23 | معرفی مثالی که در طول آموزش فیگما در 30 دقیقه طراحی می شود
  2. 00:44 | نکته مهم قبل از طراحی فیگما
  3. 01:24 | آموزش نصب فیگما Figma
  4. 02:02| نحوه ثبت نام در فیگما Figma
  5. 02:28 | نحوه دانلود فیگما Figma
  6. 02:34 | معرفی دیگر نرم افزارهای فیگما
  7. 03:15 | نحوه وارد / لاگین شدن به فیگما Figma
  8. 03:36 | نحوه دانلود نمونه UI برای آموزش فیگما
  9. 05:25 | نحوه Zoom in / out در فیگما Figma
  10. 05:45 | معرفی فریم یا آرتبورد در فیگما Figma
  11. 05:52 | نحوه ساخت فریم در فیگما Figma
  12. 06:10 | معرفی انواع فریم برای گوشی ، تبلت و وب در فیگما
  13. 07:03 | نحوه کپی کرده اشیا و فریم ها در فیگما
  14. 07:35 | طراحی صفحه ورود یا لاگین در فیگما
  15. 07:56 | گرد کردن گوشه فریم در فیگما
  16. 09:10 | نحوه سایه دادن به آبجکت ها در فیگما
  17. 11:50 | دانلود و مدیریت آیکان های SVG
  18. 20:07 | شروع طراحی صفحه سفارش غذا
  19. 20:33 | گروه کردن اشیا در فیگما
  20. 27:12 | تنظیم فاصله مساوی بیان آبجکت ها در فیگما
(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)

آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی

 

قسمت های دیگر آموزش فیگما را در کجا ببینیم؟

شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.

همچنین در آخر همین پست تعدادی از لینک های مرتبط آموزش فیگما نیز قرار داده شده است.

 

چطور در دوره های آموزشی طراحی شما ثبت نام کنیم؟

از جمله این دوره ها که در حال ضبط و آماده سازی است می توان به

  1. آموزش طراحی رابط کاربری – UI Design
  2. آموزش طراحی تجربه کاربری – UX Design
  3. آموزش صفحه آرایی کتاب، مجله و روزنامه با ایندیزاین
  4. آموزش طراحی گرافیک با فتوشاپ 

 

این دوره ها در حال آماده سازی است اما شما می توانید با ثبت ایمیل خود از طریق لینک زیر در این دوره ها پیش ثبت نام کنید.

کسانی که قبل از انتشار دوره ها ایمیل خودشان را ثبت می کنند، از امتیاز هایی برخوردار می شوند.

 

 

گروه تلگرام برای بحث و تبادل نظر در حوزه دیزاین رابط و تجربه کاربری

این گروه تلگرامی با هدف رفع اشکال و راهنمایی طراحان UI/UX و طراحان محصول ایجاد شده است. برای عضویت در این گروه بر روی لینک زیر کلیک کنید.

عضویت در گروه تلگرام UIXFamily

 

 

کانال تلگرام برای معرفی کتاب ها و نکات کاربردی و آموزش های مختلف

شما می توانید با عضویت در کانال تلگرامی AsteriXarts به محتوای تخصصی در حوزه دیزاین و به خصوص UI/UX دسترسی داشته باشید. برای عضویت بر روی لینک زیر کلیک کنید:

عضویت در کانال تلگرام AsteriXarts

 

 

آموزش های اختصاصی طراحی در اینستاگرام

همچنین شما می توانید با دنبال کردن کانال AsteriXarts در اینستاگرام، به محتوا تخصصی در حوزه دیزاین، بیزینس، فریلنسینگ و … دسترسی داشته باشید. برای دنبال کردن کانال بر روی لینک زیر کلیک کنید:

دنبال کردن AsteriXarts در اینستاگرام

 

 

 

خبرنامه هفتگی دیزاین شامل مقالات، آموزش ها و منابع کمکی طراحی

بهترین مقالات، فیلم های آموزشی در حوزه دیزاین و به خصوص UI/UX و منابع کمکی طراحی را هر پنجشنبه در ایمیل خود داشته باشید. برای عضویت در این خبرنامه می توانید از طریق فرمی که در پایین همین صفحه قرار دارد، ثبت نام کنید و یا اینکه از طریق لینک زیر در وبسایت dexigner news عضو خبرنامه شوید.

عضویت در خبرنامه هفتگی دیزاین Dexigner News

خبرنامه هفتگی دیزاین DeXigner News
خبرنامه هفتگی دیزاین DeXigner News
هر هفته آموزش‌ها، مطالب و لینک های مفید در زمینه دیزاین را در ایمیل خود داشته باشید!
شما در هر زمانی می‌توانید ارسال خبرنامه را لغو کنید.

 

طراحی رابط کاربری ( UI/UX ) را از صفر از کجا یاد بگیرم؟

شما می توانید با عضویت در کانال یوتیوب من آموزش های دیگر طراحی رابط و تجربه کاربری ( UI / UX ) را دنبال و یاد بگیرید.

عضویت در کانال آموزشی یوتیوب : Youtube.com/AsteriXarts

اگر سوالی در مورد طراحی رابط کاربری UI داشتید، می توانید در قسمت نظرات بپرسید تا به آن ها جواب دهم.

 

 

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

نمونه کارهای طراحی رابط و تجربه کاربری ( UI/UX )

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

همچنین می توانید نمونه کارهای من را ببینید و من را در این شبکه ها دنبال کنید.

  1. Dribbble.com/iHMahmoodi
  2. Behance.net/iHMahmoodi
  3. Instagram.com/iHMahmoodi

 

 

در آموزش طراحی UI/UX با Figma از صفر در 30 دقیقه با مثال کاربردی دو صفحه اپلیکیشن سفارش غذا را در فیگما طراحی کردیم، اگر شما میخواهید همین طرح اپلیکیشن سفارش غذا را به زبان فارسی در Adobe Xd یاد بگیرید می توانید فیلم زیر را در یوتیوب مشاهده کنید.

آموزش طراحی UI/UX با Adobe Xd از صفر در 20 دقیقه با مثال کاربردی

 

د

 

در آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی با مثال کاربردی شما خیلی سریع با ابزارها ویژگی های مختلف ابزار فیگما برای طراحی UI/UX آشنا شدید و یک مثال را از صفر با هم طراحی کردیم.

در صورتی که هنوز با این نرم افزار آشنا نیستید و میخواهید انگیزه بیشتری برای یادگیری آن داشته باشید می توانید از طریق لینک زیر می توانید فیگما را با توضیحات کامل و مرحله به مرحله از طریق آموزش جامع فیگما یاد بگیرید.

سری آموزش های جامع فیگما از صفر

 

 

همچنین برای اینکه قسمت های بعدی آموزش فیگما را از دست ندهید می توانید علاوه بر عضویت در خبرنامه وبلاگ، در کانال یوتیوب نیز عضو شوید تا از جدیدترین فیلم های آموزشی ما سریعا مطلع شوید.

 

در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

در صورتی که این ویدیو برای شما مفید بود, لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.

 

نظر شما در مورد آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی با مثال کاربردی چیست؟ در بخش نظرات برای ما بنویسید که به چه موضوعی بیشتر در فیگما علاقه دارید تا بیشتر در مورد آن محتوای آموزشی تولید شود.

 

 

لینک آموزش ها و مقالات فارسی دیگر طراحی رابط کاربری ( UI/UX ) در وبلاگ من:

آموزش جامع Figma – کار با ابزارها و محیط فیگما 2021 – قسمت اول

آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم

10 ترفند فوق العاده کاربردی فیگما 2021 – قسمت اول

آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma

5 پلاگین فوق العاده کاربردی Figma 2021 – قسمت اول

5 پلاگین فوق العاده کاربردی Figma 2021 – قسمت دوم

آموزش جامع طراحی Adobe Xd – محیط ظاهری و آرتبورد ها – قسمت اول

آموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd – قسمت دوم

آموزش ابزار متن و فارسی نویسی در Adobe Xd – قسمت سوم

آموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم

آموزش طراحی آیکان با Pathfinder در Adobe Xd – قسمت پنجم

آموزش Adobe XD – معرفی 5 پلاگین فوق العاده کاربردی – قسمت دوم

معرفی 5 پلاگین فوق العاده کاربردی برای Adobe Xd- قسمت اول

آموزش Adobe Xd -‌ یک دکمه برای همه جا در طراحی رابط کاربری

10 افزونه فوق العاده کاربردی برای طراحان رابط کاربری

آموزش UI/UX : طراحی رابط کاربری را از صفر چطور و از کجا یاد بگیریم؟

آموزش UI/UX : وایرفریم چیه و چطور آن را طراحی کنیم؟

چطور طرح‌ رابط کاربری را در اختیار برنامه نویس و کارفرما قرار دهیم؟

لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

صطلاحات طراحی رابط کاربری – بخش اول: رنگها

آموزش UI/UX : اصول طراحی رابط کاربری برای تلویزیون

در خبرنامه ما عضو شوید
در خبرنامه ما عضو شوید
آخرین مطالب آموزش های ما را هر هفته در ایمیل خود داشته باشید.
شما می توانید در هر زمان عضویت خود را لغو کنید.

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

عضویت
اطلاع از
guest
0 نظرات
Inline Feedbacks
نمایش همه‌ی نظرات