آموزش طراحی ریز تعامل با Figma
Designing Microinteractions with Figma
معرفی Introduction
-
ریز تعاملات در Figma Microinteractions in Figma
-
درباره ریز تعاملات About microinteractions
1. مبانی نمونه سازی Figma 1. Figma Prototyping Basics
-
نمونه سازی را در Figma شروع کنید Start prototyping in Figma
-
از حالت ارائه Figma استفاده کنید Use Figma's presentation mode
-
ریزبرهم کنش ها را روی دستگاه های مختلف تست کنید Test microinteractions on different devices
-
محرک های تعامل را تعریف کنید Define triggers for interaction
-
از انواع انیمیشن های بومی Figma استفاده کنید Use Figma's native animation types
-
از انیمیشن هوشمند برای ریز تعاملات سیال استفاده کنید Use smart animate for fluid microinteractions
-
امتحان فصل Chapter Quiz
2. ریز تعاملات ساده 2. Simple Microinteractions
-
ضامن On Click ایجاد کنید Create an On Click toggle
-
اجرای کشیدن با On Drag Implementing dragging with On Drag
-
یک افکت اسکرول افقی ایجاد کنید Create a horizontal scrolling effect
-
یک افکت اسکرول عمودی ایجاد کنید Create a vertical scrolling effect
-
یک افکت شناور ایجاد کنید Create a hover effect
-
همپوشانی ها را برای پیام ها و اعلان ها باز کنید Open overlays for messages and notifications
-
یک تاخیر ماشه برای اقدام خود تنظیم کنید Set a trigger delay for your action
-
چالش: یک ریز تعامل پس زمینه ایجاد کنید Challenge: Create a background microinteraction
-
راه حل: یک ریز تعامل پس زمینه ایجاد کنید Solution: Create a background microinteraction
-
امتحان فصل Chapter Quiz
3. ریز تعاملات پیشرفته 3. Advanced Microinteractions
-
اجزای تعاملی را در Figma ایجاد کنید Create interactive components in Figma
-
یک اسپینر بارگیری ایجاد کنید Create a loading spinner
-
یک دکمه دانلود را اجرا کنید Implement a download button
-
یک نوار لغزنده صدا ایجاد کنید Create a volume slider
-
یک منوی کشویی ایجاد کنید Create a drop-down menu
-
چالش: یک دکمه لایک ایجاد کنید Challenge: Create a like button
-
راه حل: یک دکمه لایک ایجاد کنید Solution: Create a like button
-
امتحان فصل Chapter Quiz
نتیجه Conclusion
-
در طراحی ریزاینتراکشن Figma خود مطمئن باشید Feel confident designing your own Figma microinteraction
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/3d78ca
آموزش ایجاد قابلیت Drag-and-Drop با Edge Animate
Creating Drag-and-Drop Functionality with Edge Animate
با نحوه ایجاد قابلیت کشیدن و رها کردن در Edge Animate آشنا شوید.
آموزش طرح برای طراحی UX
Sketch for UX Design
بیاموزید که چگونه با Sketch ، ابزار محبوب طراحی UX ، تجربه های جذاب کاربر را ایجاد کنید. با نحوه ایجاد فریم های سیم ، نمونه های اولیه تعاملی و موارد دیگر آشنا شوید.
آموزش تفکر طراحی: اجرای فرایند
Design Thinking: Implementing the Process
یک راهنمای عملی برای پیاده سازی تفکر طراحی در سازمان خود دریافت کنید: چه کسی را درگیر کنیم ، چه فعالیت هایی را باید انجام دهیم و چگونه نمونه های بهتر را نمونه سازی کنیم.
آموزش نمونه سازی اولیه از خرد با Adobe Animate
Prototyping Microinteractions with Adobe Animate
بیاموزید که چگونه با استفاده از Adobe Animate حرکات اولیه را طراحی کرده و تعدادی از میکرو فعل و انفعالات مفید - از جمله میله های پیشرفت و جلوه های ضربان دار - را برای پروژه های طراحی UX طراحی کنید.
Tetiana Gulei
طراح UX | آموزش طراحی Figma و UX
Tetiana از نزدیک با Pos، تیم‌های توسعه، و سهامداران همکاری می‌کند تا نیازهای کاربر را به طرح‌های پیشنهادی تبدیل کند. او نمونه های اولیه lo-fi و hi-fi را ایجاد می کند، تست قابلیت استفاده را اجرا می کند و همچنین در حال حاضر در حال ایجاد یک سیستم طراحی از ابتدا است. تتیانا همچنین به عنوان یک معلم طراحی UX و تولید کننده محتوا کار می کند و در زمینه طراحی UX مستقل، استخدام فنی و مهندسی نرم افزار تجربه دارد.
Linkedin (لینکدین)
لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.
لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.