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

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

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

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

محتوا پنهان

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

00:23 | معرفی مثالی که در طول آموزش فیگما در 30 دقیقه طراحی می شود
00:44 | نکته مهم قبل از طراحی فیگما
01:24 | آموزش نصب فیگما Figma
02:02| نحوه ثبت نام در فیگما Figma
02:28 | نحوه دانلود فیگما Figma
02:34 | معرفی دیگر نرم افزارهای فیگما
03:15 | نحوه وارد / لاگین شدن به فیگما Figma
03:36 | نحوه دانلود نمونه UI برای آموزش فیگما
05:25 | نحوه Zoom in / out در فیگما Figma
05:45 | معرفی فریم یا آرتبورد در فیگما Figma
05:52 | نحوه ساخت فریم در فیگما Figma
06:10 | معرفی انواع فریم برای گوشی ، تبلت و وب در فیگما
07:03 | نحوه کپی کرده اشیا و فریم ها در فیگما
07:35 | طراحی صفحه ورود یا لاگین در فیگما
07:56 | گرد کردن گوشه فریم در فیگما
09:10 | نحوه سایه دادن به آبجکت ها در فیگما
11:50 | دانلود و مدیریت آیکان های SVG
20:07 | شروع طراحی صفحه سفارش غذا
20:33 | گروه کردن اشیا در فیگما
27:12 | تنظیم فاصله مساوی بیان آبجکت ها در فیگما

(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)

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

عضویت در کانال یوتوب من: Youtube

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[newsletter-pack newsletter=’8661′]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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