آموزش فیگما Figma - طراحی UI/UX از صفر در 30 دقیقه با مثال کاربردی
ฝัง
- เผยแพร่เมื่อ 26 ก.ค. 2024
- در این آموزش فیگما قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه در Figma به شما آموزش دهم.
من در سری آموزش های مختلف فیگما قصد دارم آموزش طراحی رابط کاربری و همچنین تجربه کاربری یا UI/UX را به شما آموزش دهم.
🔶⭐ UI/UX Design Courses - ثبت نام و دانلود دوره های آموزشی طراحی رابط و تجربه کاربری
Learnuix.com
محتوای آموزش فیگما Figma - طراحی UI/UX از صفر در 30 دقیقه با مثال کاربردی :
00:00 | آموزش نصب فیگما Figma
00:38| نحوه ثبت نام در فیگما Figma
01:04 | نحوه دانلود فیگما Figma
01:10 | معرفی دیگر نرم افزارهای فیگما
01:51 | نحوه وارد / لاگین شدن به فیگما Figma
02:12 | نحوه دانلود نمونه UI برای آموزش فیگما
04:01 | نحوه Zoom in / out در فیگما Figma
04:21 | معرفی فریم یا آرتبورد در فیگما Figma
04:28 | نحوه ساخت فریم در فیگما Figma
04:46 | معرفی انواع فریم برای گوشی ، تبلت و وب در فیگما
05:39 | نحوه کپی کرده اشیا و فریم ها در فیگما
06:11 | طراحی صفحه ورود یا لاگین در فیگما
06:32 | گرد کردن گوشه فریم در فیگما
07:46 | نحوه سایه دادن به آبجکت ها در فیگما
10:26 | دانلود و مدیریت آیکان های SVG
18:46 | شروع طراحی صفحه سفارش غذا
19:09 | گروه کردن اشیا در فیگما
25:48 | تنظیم فاصله مساوی بیان آبجکت ها در فیگما
**********************************
💎⭐ Product/UI/UX Design Courses - دوره ها و پکیج های آموزشی طراحی محصول، رابط و تجربه کاربری
Learnuix.com | ir
**********************************
❔سوالات شما و ثبت نام دوره های آموزشی دیزاین در تلگرام و واتس اپ
t.me/AsteriXarts
astx.ir/wps
**********************************
🔷 سایت و شبکه های اجتماعی ما
t.me/iHMahmoodi
/ ihmahmoodi
x.com/iHMahmoodi
/ ihmahmoodi
**********************************
🔷 UI/UX - Figma گروه تلگرام پرسش و پاسخ
t.me/UIXFamily
**********************************
✍ عضویت در کانال های یوتیوب:
th-cam.com/users/AsteriXartsjoin
th-cam.com/users/HosseinMahmoo...
**********************************
🔷 نمونه کارهای من
dribbble.com/iHMahmoodi
behance.net/iHMahmoodi
**********************************
#figma #ui #فیگما
![เปิดบ้านสุดหรู "เเจ็ค the ghost" ลั่นถ้าป๋องกพลลำบากผมเลี้ยงเอง!! l [Nickynachat]](http://i.ytimg.com/vi/1xbW4vULqGc/mqdefault.jpg)
حل مشکلات و پاسخگویی به سوالات شما در گروه تلگرام UIXFamily
t.me/UIXFamily
و کانال تلگرام و اینستاگرام AsteriXarts
t.me/AsteriXarts
instagram.com/iHMahmoodi
خیلی خوب و حرفه ای بود...واقعا دستتون دردنکنه
خواهش میکنم 🌹
خیلی خیلی عالی توضیح میدین ممنونم بابت اموزشتون 🙏🙏🙏🙏🙏
خواهش میکنم 🌹 🌹 🌹
خیلی عالی بود ممنون🙏🏻
خواهش میکنم
عالی بود ممنون از آموزش خوبتون🙏🏼💙
خواهش میکنم 🌹 🌹
بسیار عالی 👌🙏
متشکرم 🌹🌹
خیلی ممنونم از اموزش مفیدتون
خواهش میکنم 🌹 🌹
That was amazing !
Thanks 🌹🌹
خوب بود ممنون
خواهش میکنم
عالی بود👏👏👏
🌹🌹🌹🌹
سلام خیلی ممنونم از آموزش خوبتون.. منتظر قسمتهای بعدی آموزش فیگما هستم👏👏
ممنون از نظرتون🌷🌷، قسمت های بعدی منتشر شده، همه رو ببینید و آموزش های جدیدتر هم به مرور منتشر میشه
ممنون از نظرتون🌷🌷، قسمت های بعدی منتشر شده، همه رو ببینید و آموزش های جدیدتر هم به مرور منتشر میشه
بسیار عالی بود سپاسگزارم💙
خواهش میکنم،ممنون که نظرتون رو مینویسید 🌷🌷❤️❤️
ممنون از آموزش خوبتون 🌸
خواهش میکنم 🌹 ❤️
بسیار آموزش خوب و کاربردی بود ممنونم
لطف کردید نظرتون رو نوشتید 🌹 🌹 🌹
عالی هستی حسین اقا . خوشم میاد از ادمهای کاردرست
شما لطف دارید 🌹
شما چه چیزی می خواهید با فیگما طراحی کنید؟ در قسمت کامنت ها برای من بنویسید.
آموزش های اختصاصی و بیشتر در کانال های تلگرام و اینستاگرام :
instagram.com/AsteriXarts
t.me/AsteriXarts
برای توسعه همین تمرین هم می تونین ی فیلم بذارین؟
این فقط یک نمونه بود و اگر خواستم آموزش بیشتری درست کن با موضوعات جدید اینکار رو انجام میدم
مفید بود مرسی
خواهش میکنم🌹🌹
خیلی عالی بود ممنون
خواهش میکنم، ممنون از شما
عالی بووود
متشکرم 🌹 🌹 🌹
عالی بود
خواهش میکنم
خیلی عالی
ممنونم از شما که نظرتون رو نوشتید 🌷🌷🌷❤️
عالی بود مرسی
خواهش میکنم و ممنون که نظرتون رو نوشتید 🌹
خیلی مفید بود استاد
خوشحالم مفید بوده و ممنون برای ثبت نظرت
💙perfect
Thank you!
ممنون از اموزش خوبتون..
ممنون میشم درباره دریبل هم ویدئو بذارید...نکته هایی که میشه تو دریبل پروفایل حرفه ای داشت...نکاتی درباره cv و...
🙇
خواهش میکنم
حتما، در برنامه ام قرار داره
perfect
Thanks 🌹
so gooooood
Thanks 🌹🌹
awsome
🌹🌹
خیلی عالی بود از این ویدئوی مثال ها باز هم امکانش هست بذارید
حتما🌹
good
به به .. گل کاشتین دوباره
متشکرم از شما
awliiii
🌹🌹🌹🌹
one f the best saftware teacher :) *;
techers
خیلی ممنونم ازتون که نظر هم می‌گذارید 🌹🌹
🌹🌹
@@Hossein.Mahmoodi راستش از این که هر جلسه کوتاه و مفید خیلی خوبه چون اساتید دیگه فیلم هاشون خیلی طولانیه و توضیح واضحات توشون زیاده.اینجا وقت آدم تلف نمیشه. بازم ممنون.
@@nooshinsarv6208 متشکرم
بسیار عالی بود ممنون. کاش کمی بیشتر آموزش آماده سازی و خروجی کار برای وب دولوپر ها و High fidelity پروتوتایپ ها رو توضیح بدین. ممنون
سلام
روی کانالم هست
از لینک زیر ببینید
th-cam.com/video/Yh7n7F99lag/w-d-xo.html
awli bood mamnoon
خواهش میکنم،ممنون که نظرتون رو مینویسید 🌷🌷🌷🌷
توضیحاتتون خوب بود ممنون اما ای کاش یاد میدادید که چجوری یک عکس و یا وکتور رو وارد فیگما کنیم
خواهش می کنم
قسمت های بعدی رو ببینید داخلشون دادم
به خصوص قسمت ترفند های فیگما
👍❤
🌹🌹
👏👏👏👏👏👏
🌹❤️
👏👏👏👏👏👏👏
🌹❤️❤️
❤❤❤❤❤❤
🌹🌹
🙏🙏🌹
🌷🌷🌷🌷🌷🌷
سلام و تشکر از آموزش عالی و کاربردیتون. یه سوال داشتم اینکه زمان طراحی اپ نوار status بالا و دکمه های کنترل پایین را هم باید در طراحی مد نظر داشت؟ بعضی آموزش ها میگذارند چون بالاخره طراحی باید در محدوده این دو باشه. ممنون میشم توضیح بدید.
سلام، خواهش میکنم
با گذاشتنشون بهتر متوجه میشید کجا رو باید دیزاین کنید و برای ارائه کار هم بهتره
بسیار عالی! شما برای طراحی UI/UX وب سایت هم ویدیو دارید؟
خواهش میکنم
در حال حاضر خیر، برای آینده نزدیک در حال آماده سازی هستم
@@Hossein.Mahmoodi استاد امکانش هست که یه کورس بگذارید منحر به طراحی وبسایت و لندینگ پیج؟
🏵
@@nooshinsarv6208 درست شده، به عنوان آپدیت به دوره خودآموز به زودی اضافه اش میکنم
سلام. ممنون از اطلاعات خوبتون. اون ابتدا که گفتین food رو سرچ کنین. برای من نیاورد نتیجه ها رو و فقط یه نتیجه بود! میشه بگیم باید اکانتم روپریمم کنم تا بیاد یا کار دیگه ای باید بکنم؟
سلام
ربطی به اکانت پریمیوم نداره
توی همون صفحه اصلی کامیونیتی بگردید
احتمالا فیلتری چیزی فعال کردید که فقط مثلا در بخش پلاگین ها بگرده
درود بر شما. برای دانلود Font Installer نسخه ویندوز 8.64bit مجازاست؟ یا ویندوز 10 فقط؟
سلام
نمیدونم والا، فکر نکنم مشکلی داشته باشه
دانلود و کنید و تست کنید
چطور میتونیم از این اموزشها برای طراحی ui برنامه توی اندروید استدیو استفاده کنیم.اصلا میشه یا نه؟
طراحیش رو انجام می دید و بعد کدش رو مینویسید
@@Hossein.Mahmoodi منظورتون رو متوجه نشدم.چ کدی؟
اتصالش با اندروید استدیو چطوریه؟
اتصال به اندرویید نیست
شما اول باید طرحتون رو در این برنامه دیزاین کنید بعد برای هر قسمتیش کد می نویسید و اگر آیکان نیاز باشه از طرحت ن بر میدارید
ممنونم از ویدئوی خوبتون. . سوالم اینه که آیا فیلگما و اکس دی چه تفاوت خاصی دارند ؟
فرقی نمیکنن، با هر کدوم راحت ترید با همون کار کنید. هفته آینده یک ویدیو برای تفاوت xd و فیگما روی کانالم منتشر می کنم.
aqaman alt o negah midaram copy mire zire kar chera?
لایه اش رو بیار بالاتر
*فارسی تایپ کنید لطفا
سلام. لینکی در ان اموزش گرفتن ایکن را توضیح دادین رو لطف میکنید. در این جا بزارید.
آموزش UI/UX : دانلود 15 پک آیکان های SVG رایگان و نرم افزار جستجو و مدیریت آیکان ها
th-cam.com/video/mzA_pJG_dsk/w-d-xo.html
خیلی خوب بود تشکر،
آیا فایل ها میشه دانلود کرد?
خواهش می کنم
چه فایلی؟
Filehai ke shoma amozesh middid, ke bebinam chtori shoma dorost kardid.
Tashakoor
داخل هر آموزشی که میگم فایلش موجوده، لینکش رو در بخش توضیحات گذاشتم
در غیر اینصورت فایلی نداره
کجا میتونم نکاتی رو درباره پابلیش خروجی فیگما جهت تست کاربر یا دمو برای بقیه ببینم؟ پابلیش نهایی پروتوتایپ منظورمه
از قسمت اول آموزش جامع شروع کنید، داخل همون قسمت های اول هست
تشکر
وقتی که در صفه نمایشی کمپیوتر میریم این چیز ها نوشته نمی شه یعنی وقتی این دیزاین تمام شد باید
یک اپلیکیشن داشته باشیم و در اون دیزاین کنیم
اصلا متوجه نمیشم چی نوشتید
سلام وقت بخیر ببخشید من تو نسخه انلاین نرم افزار گزینه duplicate رو پیدا نمیکنم
چی رو میخواید داپلیکیت کنید؟
@@Hossein.Mahmoodi توی این اموزش برای درست کردن مثل مدل نمونه روی گزینه داپلیکیت کلیک میکنید اما برای من این گزینه نیست
@@mahlaahmadi5240 دقیقه چند؟
سلام من وقتی متن فارسی رو چه از طریق پلاگین و چه مستقیم تایپ میکنم هیچ چیزی نشون داده نمیشه ولی با متن انگلیسی هیچ مشکلی نداره لطف میکنید راهنمایی کنین
سلام
فیلم زیر رو در کانال ببینید
آموزش فیگما - نصب فونت های فارسی و فارسی نویسی در Figma 2021 و Adobe Xd
سلام آیا من میتونم همین Figma Free که با اکانت جیمیل ثبت نام کردم کارم را راه بندازم؟ یا حتما باید اکانت پولی بخرم؟
سلام
این ویدیو رو ببینید :
th-cam.com/video/CEyjBwy9kuo/w-d-xo.html
ممنون از آموزشتون
فقط اخرش نگفتین چطور کارمون رو سیو کنیم و چطور میتونیم توی اینستاگرام پستش کنیم؟
سلام
اون یک فیلم جدا باید براش ضبط کنم
برای ذخیره کارتون بصورت عکس آخر این فیلم رو ببینید
آموزش جامع فیگما - بررسی ویژگی های پنل Design در Figma 2021 - قسمت دوم
th-cam.com/video/D2HUo18Kp0g/w-d-xo.html
به‌جای شکل شما فریم تون رو انتخاب کنید و بزنید بر روی export
@@Hossein.Mahmoodi دستتون درد نکنه عالیییی بود
🌹
بایدویندوزمون حتما ۱۰ باشه؟؟ویندوز ۸ رو ساپورت میکنه؟؟
از وبسایت Figma استفاده کنید
و لطفا بفرمایید با چه شورت کاتی متن و آیکون هارو از حالت گروپ خارج میکنید 🙏🏻
Ctrl+shift+G
فیلم های آموزش جامع فیگما رو هم ببینید
@@Hossein.Mahmoodi دوباره ممنون، بله حتما
عالی.
مدل مانیتورتون میفرمایید؟
سپاس
Viewsonic vp2468
وقت بخیر، ممکنه اسم برنامه آیکون ها رو بفرمایید ؟ و از کجا دانلود کنیم ؟
سلام
آموزش UI/UX : جستجو ، مدیریت و دانلود آیکان پک‌های SVG رایگان در طراحی رابط کاربری
th-cam.com/video/mzA_pJG_dsk/w-d-xo.html
@@Hossein.Mahmoodi ممنونم 🌻
من اصلا متوجه نشدم چطور چند ایکون و نوشته رو تبدیل به یک گروه کردید؟؟؟
با Ctrl +G
گزینه duplicate رو توی وب نداره. بجاش باید چیو بزنم؟
دقیقا duplicate کجا رو نداره؟ نسخه وب و دسکتاپ فیگما کاملا شبیه هم هستن و بیس اونا یکیه
اگر چیزی رو نمیبینید احتمالا درست یک کاری رو انجام نمی‌دید
گفتید از قسمت community یه نمونه ورداریم، duplicate رو بزنیم. واسه من فقط copy link داره اونم میزنم paste نمیشه تو فیگما
اگر فایل رایگان باشه یا Open in Figma یا try out رو میبینید.
اخیرا فیگما قابلیت این رو در اختیار طراحان قرار داده که فایل های پولی خودشون رو هم روی کامیونیتی قرار بدن.
به کد راحتی تبدیل میشه ؟
خیر، کدنویسی باید باشه
عالی بود
متشکرم