🔔 با توجه به بهبود نسبی اینترنت، آمادهسازی دورهها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دورهها ممکن است با کمی تأخیر انجام شود. مدت اشتراکهای تهیهشده محفوظ است.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش FIGMA: انیمیشن ها و تعاملات ساختمان
- آخرین آپدیت
دانلود Figma: Building Animations and Interactions
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
آیا می دانید FIGMA مجموعه ای از ویژگی ها را برای ترجمه آسان تر انیمیشن ها و تعامل با توسعه دهندگان برای ادغام در پروژه های کد بومی شامل می شود؟ در این دوره ، مربی جوزف لابرک اصول اولیه اعمال قدرت حالت DEV FIGMA را پوشش می دهد تا جنبه های مهم یک طراحی را با تیم توسعه خود به اشتراک بگذارد. در طول راه ، نحوه واردات و شامل دارایی های مشترک را از یک پروژه FIGMA در یک بستر توسعه بومی ، تعامل کاربر برنامه و انیمیشن هایی که مطابق با نمونه اولیه طراحی FIGMA هستند ، بیاموزید و بر اساس اقدامات کاربر باعث ایجاد انیمیشن ها شوید. ایده آل برای UX و طراحان تعامل و توسعه دهندگان که با طرح ها و نمونه های اولیه مبتنی بر FIGMA کار می کنند ، تا پایان این دوره ، شما آماده خواهید شد تا انیمیشن ها و تعامل ها را از یک پروژه طراحی FIGMA به یک محیط کد بومی ترجمه کنید.
سرفصل ها و درس ها
مقدمه
Introduction
آنچه باید بدانید
What you should know
آنچه می خواهید بسازید
What you are going to build
ساخت انیمیشن ها و تعامل
Building animations and interactions
1. آماده سازی برای توسعه
1. Preparing for Development
فعال کردن حالت dev به عنوان یک طراح
Activating Dev Mode as a designer
به اشتراک گذاری یک فایل طراحی
Sharing a design file
دسترسی به حالت dev به عنوان یک توسعه دهنده
Accessing Dev Mode as a developer
نمای کلی پروژه FIGMA
Figma project overview
2. دسترسی به محتوای طراحی برای وب بومی
2. Accessing Design Content for the Native Web
صادرات تصاویر از یک پروژه مشترک FIGMA
Exporting images from a shared Figma project
تکمیل طراحی وب بومی
Completing the native web design
نمای کلی پروژه وب بومی
Native web project overview
خواندن CSS از یک پروژه مشترک FIGMA
Reading CSS from a shared Figma project
3. تبدیل انیمیشن ها و تعامل
3. Converting Animations and Interactions
متحرک دکمه
Animating the button
متحرک برچسب تغذیه
Animating the nutrition label
محتوای صفحه انیمیشن به طور خودکار
Animating page content automatically
متحرک متن اطلاعات
Animating the information text
متحرک دختر آب
Animating the water girl
متحرک تعامل ناوبری
Animating the navigation interactions
جوزف لابرک یک توسعه دهنده، طراح و استاد دانشگاه خلاق است.
جوزف نزدیک به دو دهه تجربه در ساخت وب گویا دارد. راه حل های دسکتاپ و موبایل. او کتابها، مقالات و دورههای ویدئویی در زمینه فناوریهای طراحی و توسعه، ابزارها و مفاهیم را از طریق ناشران مانند LinkedIn Learning، Peachpit Press و Adobe تالیف کرده است. او شرکت Fractured Vision Media, LLC را تأسیس کرد. یک استودیوی تولید رسانه های دیجیتال و وسیله نقلیه توزیع. جوزف استاد دانشگاه کلرادو بولدر کالج رسانه، ارتباطات و اطلاعات، و همچنین یک رهبر آموزش Adobe، Adobe Community Professional، و یکی از اعضای Adobe Partners by Design است.
نمایش نظرات