آموزش با استفاده از Figma یک وب اپلیکیشن طراحی کنید
Design a Web App Using Figma
در این دوره آموزشی، نحوه طراحی یک برنامه وب زیبا و ساده با یکی از قدرتمندترین ابزارهای طراحی رایگان به نام .
توضیحات محتوا:
- ابزار قاب: در این ویدیو، اولین فریم وب‌سایت خود را آماده می‌کنیم و آن را با نیازهای خود سفارشی می‌کنیم.
- صفحه فرود: در این ویدیو، ساخت اولین صفحه وب سایت را شروع می کنیم.
- دکمه ها: در این ویدئو دکمه ها را مرحله به مرحله با اشکال ساده طراحی می کنیم.
- نوار پیمایش: در این ویدیو، یک نوار پیمایش زیبا و مدرن اضافه خواهیم کرد.
- عضویت در صفحه: در این ویدیو، ما به آماده سازی وب سایت خود با صفحه Join و طراحی یک پاورقی ساده با استفاده از افزونه iconify ادامه خواهیم داد.
- صفحه کشف: در این ویدیو، ما ساختن وب سایت خود را با صفحه کشف را ادامه خواهیم داد.
- افزونه‌های قدرتمند: در این ویدیو، از یک افزونه قدرتمند برای پایان دادن به مهم‌ترین بخش پلتفرم استفاده می‌کنیم.
- نمونه اولیه انیمیشن‌ها: در این ویدیو، ما شروع به اضافه کردن پیوندها بین صفحه‌های مختلف می‌کنیم و انیمیشن‌های هوشمند را به اجزا اضافه می‌کنیم.
قبلاً از Figma استفاده نکرده‌اید؟
اگر اولین باری است که یک نمونه اولیه و انیمیشن در Figma اضافه میکنید، توصیه می‌شود قبل از گذراندن این دوره، ابتدا دوره را بررسی کنید (مرحله اختیاری).
در این دوره آموزشی، نحوه طراحی یک اپلیکیشن وب زیبا و ساده را با یکی از قدرتمندترین ابزارهای طراحی رایگان به نام .
در پایان این دوره، مهارت ها و ظرفیت طراحی وب سایتی را خواهید داشت که از نظر بصری جذاب و قابل پیمایش آسان باشد. همچنین می‌خواهید نکات پیشرفته و ویژگی‌های نمونه‌سازی را بیاموزید.
توضیحات محتوا:
- ابزار قاب: در این ویدیو، اولین فریم وب‌سایت خود را آماده می‌کنیم و آن را با نیازهای خود سفارشی می‌کنیم.
- صفحه فرود: در این ویدیو، ساخت اولین صفحه وب سایت را شروع می کنیم.
- دکمه ها: در این ویدیو، دکمه ها را مرحله به مرحله با اشکال ساده طراحی می کنیم.
- نوار پیمایش: در این ویدیو، یک نوار پیمایش زیبا و مدرن اضافه خواهیم کرد.
- عضویت در صفحه: در این ویدیو، ما به آماده سازی وب سایت خود با صفحه Join و طراحی یک پاورقی ساده با استفاده از افزونه Iconify ادامه می دهیم.
- صفحه کشف: در این ویدیو، ما ساختن وب سایت خود را با صفحه کشف را ادامه خواهیم داد.
- افزونه‌های قدرتمند: در این ویدیو، از یک افزونه قدرتمند برای پایان دادن به مهم‌ترین بخش پلتفرم استفاده می‌کنیم.
- نمونه اولیه انیمیشن‌ها: در این ویدیو، ما شروع به اضافه کردن پیوندها بین صفحه‌های مختلف می‌کنیم و انیمیشن‌های هوشمند را به اجزا اضافه می‌کنیم.
قبلاً از Figma استفاده نکرده‌اید؟
اگر این اولین باری است که یک نمونه اولیه و انیمیشن در Figma اضافه میکنید، توصیه می‌شود قبل از گذراندن این دوره، ابتدا دوره را بررسی کنید (مرحله اختیاری).
لطفاً رندرهای نهایی و تصاویر پیشرفت خود را با آپلود آنها در بخش "پروژه شما" با کلاس به اشتراک بگذارید. اگر سوالی دارید یا به نکات بیشتری نیاز دارید، لطفاً به من بگویید! من خوشحالم که کمک می کنم!
درس ها Lessons
-
به صفحه بپیوندید Join screen
-
ابزار قاب Frame tool
-
دکمه ها Buttons
-
پلاگین های قدرتمند Powerful plugins
-
صفحه فرود Landing page
-
تریلر دوره Trailer of the course
-
صفحه نمایش را کشف کنید Discover screen
-
نوار ناوبری Navigation bar
-
نمونه اولیه و انیمیشن ها Prototype & Animations
https://donyad.com/d/bc061d
Amine Abdelkebir
طراح UI/UX
سلام، من آمینه هستم!
طراح UI/UX با بیش از 3 سال تجربه در طراحی، کار بر روی چندین پروژه در برنامه های موبایل و وب. Figma، Adobe XD و Sketch ابزارهای مورد علاقه من هستند.
نمایش نظرات