آموزش اصول طراحی UI UX در فیگما - بخش سوم: پروتوتایپ و تحویل پروژه (Handoff) - آخرین آپدیت

دانلود Figma UI UX Design Essentials Pt.3: Prototypes & Handoff

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: در بخش سوم از سری آموزش‌های جامع اصول طراحی UI UX در فیگما، با مدرس دنیل اسکات، یاد می‌گیرید که چگونه طرح‌های خود را از طریق پروتوتایپ‌های تعاملی (Interactive Prototypes) به واقعیت تبدیل کنید و کارهای خود را برای تحویل بی‌نقص به برنامه‌نویسان (Developer Handoff) آماده سازید. این دوره بر ایجاد گردش‌های کاری واقعی در UX تمرکز دارد و به شما می‌آموزد چگونه انیمیشن‌های جذاب، انتقال‌های هوشمند (Smart Transitions) و میکرو-اینتراکشن‌هایی بسازید که تجربه کاربری را ارتقا می‌دهند. همچنین خواهید آموخت که چگونه با استفاده از ابزارهای داخلی فیگما برای کامنت‌گذاری، تاریخچه نسخه‌ها (Version History) و بازرسی برنامه‌نویسان (Developer Inspection)، با ذینفعان، توسعه‌دهندگان و مشتریان همکاری و تعامل داشته باشید. دنیل شما را با تکنیک‌های پیشرفته‌ای مانند کامپوننت‌های تعاملی، نقشه‌برداری جریان کاربر (Flow Mapping) و استفاده از فیگما برای طراحی ریسپانسیو در قالبی پروژه‌محور و ساده آشنا می‌کند. در پایان این دوره، شما نه تنها قادر به ساخت پروتوتایپ‌های با کیفیت بالا (High-fidelity) خواهید بود، بلکه نحوه تحویل حرفه‌ای پروژه را نیز درک خواهید کرد. چه برای یک جایگاه شغلی در زمینه طراحی UX آماده می‌شوید و چه در حال ساخت پورتفولیوی فریلنسری خود هستید، این بخش نهایی به شما کمک می‌کند تا از یک طراح توانمند به یک متخصص با اعتمادبه‌نفس و آماده برای بازار کار تبدیل شوید. درباره مدرس: دنیل والتر اسکات طراح دیجیتال، مدرس تایید شده ادوبی (Adobe Certified Instructor) و موسس Bring Your Own Laptop (BYOL) است. او با بیش از ۱۴ سال تجربه تدریس، به هزاران زبان‌آموز در سراسر جهان کمک کرده است تا بر نرم‌افزارهای طراحی و خلاقیت در زمینه‌های چاپ، وب، ویدیو و اکنون سه بعدی مسلط شوند. دنیل یک متخصص تایید شده ادوبی است که تخصص صنعتی خود را با سبک تدریس کاربردی، جذاب و ماندگار ترکیب می‌کند. دنیل که اصالتاً اهل نیوزیلند است، در استرالیا، ایرلند و نقاط دیگر زندگی و تدریس کرده و مهارت‌های خود را با جامعه خلاق جهانی به اشتراک گذاشته است. او مشتاق است به دانشجویان کمک کند تا مهارت‌های دنیای واقعی را بیاموزند که بتوانند در مسیر شغلی و پروژه‌های خلاقانه خود از آن‌ها استفاده کنند.

سرفصل ها و درس ها

اسکرول و ناوبری پیشرفته در فیگما Advanced Scrolling and Navigation in Figma

  • نحوه ثابت کردن ناوبری در بالای صفحه در فیگما How to pin navigation to top in Figma

  • نحوه ایجاد اسکرول افقی در فیگما How to make horizontal scrolling swipe in Figma

  • اسکرول خودکار صفحه به نقطه لنگر (Anchor Point) در فیگما Automatic scroll down the page to anchor point in Figma

همکاری تیمی و کتابخانه‌ها Team Collaboration and Libraries

  • تفاوت تیم‌ها، پروژه‌ها و فایل‌ها در فیگما What are Teams vs Projects vs Files in Figma

  • نحوه استفاده از کتابخانه‌های تیمی در فیگما How do you use team libraries in Figma

تکنیک‌های پیشرفته انیمیشن Advanced Animation Techniques

  • تفاوت بین انیمیشن و میکرو-اینتراکشن The difference between animation & micro interactions

  • انیمیشن با Ease سفارشی در فیگما Animation with custom easing in Figma

  • پروژه کلاسی ۱۸: دومین انیمیشن من Class Project 18 - My Second Animation

  • نحوه ساخت انتقال‌های متحرک (Animated Transitions) در فیگما How to make animated transitions in Figma

  • پروژه کلاسی: انتقال صفحه Class Project - Page transition

میکرو-اینتراکشن‌ها در فیگما Micro Interactions in Figma

  • میکرو-اینتراکشن‌ها با استفاده از کامپوننت‌های تعاملی در فیگما Micro interactions using interactive components in Figma

  • طراحی سوئیچ تغییر وضعیت (Toggle Switch) در فیگما Micro interaction toggle switch in Figma

  • تبدیل منوی همبرگری به ضربدر در فیگما Micro Interaction burger menu turned into cross in Figma

  • پروژه کلاسی ۲۰: میکرو-اینتراکشن Class Project 20 - Micro interaction

خروجی گرفتن و اشتراک‌گذاری آثار Exporting and Sharing Your Work

  • نحوه تغییر تامنیل (تصویر پیش‌نمایش) فایل‌های فیگما How to change the thumbnail for Figma Files

  • نحوه خروجی گرفتن از تصاویر در فیگما How to export Images out of Figma

  • نحوه اشتراک‌گذاری مستندات با مشتریان و ذینفعان How to share you document with clients & stakeholders

نهایی‌سازی و لانچ طراحی Finalizing and Launching Your Design

  • ارتباط زودهنگام با برنامه‌نویس در فرآیند طراحی فیگما Talking to your developer early in the figma design process

  • اشتراک‌گذاری فیگما با توسعه‌دهندگان و مهندسان (Handoff) Sharing Figma with developers & engineers handoff

  • سطح پیشرفته تحویل پروژه: سیستم‌های طراحی (Design Systems) What are the next level handoffs aka design systems

  • پروژه کلاسی ۲۱: نهایی کردن طراحی Class Project 21 - Finish your design

  • گام‌های بعدی چیست؟ What next

نمایش نظرات

آموزش اصول طراحی UI UX در فیگما - بخش سوم: پروتوتایپ و تحویل پروژه (Handoff)
جزییات دوره
7h 44m
22
(آخرین آپدیت)
690
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده