دوره آموزشی گردش کار طراحی و توسعه با Framer X
30 دقیقهمتوسط2018-12-11
مدرسین

Emmanuel Henri
Executive with 20+ years of experience in programming and design
جزئیات دوره
هنگامی که نیازهای طراحان یا توسعه دهندگان UX در ترجمه از بین می رود، ظاهر برنامه نهایی اغلب با دیدگاه اصلی مطابقت ندارد. Framer X دارای عملکردی است که با افزایش گردش کار طراحان و توسعه دهندگان به طور یکسان از این نوع خرابی های ارتباطی جلوگیری می کند. این ابزار قدرتمند نمونهسازی طراحی به کاربران اجازه میدهد تا طرحهای پیچیده بسازند، طرحبندیهای پاسخگو طراحی کنند، تعامل ایجاد کنند و از مؤلفههای مبتنی بر React تعاملی و قابل استفاده مجدد بهره ببرند. در این دوره آموزشی، بیاموزید که چگونه طراحان UX و توسعه دهندگانی که با آنها کار می کنند، می توانند یک گردش کار مشترک را به اشتراک بگذارند - و زبان و نیازهای یکدیگر را بهتر درک کنند - با استفاده از Framer X. X و نمونه سازی، و همچنین دستورالعمل های مناسبی که هنگام ایجاد طرح ها برای وب و دستگاه های تلفن همراه باید رعایت شود. او همچنین گردش کار توسعه دهنده به طراح را پوشش می دهد و به توسعه دهندگان نشان می دهد که چگونه با یک سیستم طراحی کار کنند و از اجزای React در Framer X استفاده کنند.
اهداف یادگیری
زبان توسعه دهنده
How React به Framer X و نمونه سازی مربوط می شود
عناصر طراحی برای توسعه وب و موبایل بومی
صادرات دارایی های CSS و SVG از Framer X
کار با سیستم طراحی
استفاده از اجزای React در Framer X
سفارشی کردن اجزا در Framer X
اهداف یادگیری
زبان توسعه دهنده
How React به Framer X و نمونه سازی مربوط می شود
عناصر طراحی برای توسعه وب و موبایل بومی
صادرات دارایی های CSS و SVG از Framer X
کار با سیستم طراحی
استفاده از اجزای React در Framer X
سفارشی کردن اجزا در Framer X
مهارت ها
Framer XFramerUser Interface PrototypingUX DesignUser ExperiencePersonaWeb Development
سرفصل ها
0. مقدمه
- 01 - گردش کار با Framer X
- 02 - آنچه باید بدانید
1. مقدمه ای بر گردش کار
- 03 - مروری بر گردش کار
- 04 - معرفی پروژه پایه ما
- 05 - بررسی اجمالی Framer X
2. طراح به توسعه دهنده
- 06 - زبان توسعه دهنده
- 07 - نمای کلی واکنش و اجزا
- 08 - عناصر طراحی برای توسعه وب
- 09 - عناصر طراحی برای توسعه موبایل بومی
- 10 - تمرین - صادرات دارایی های CSS
- 11 - تمرین - صادرات دارایی های SVG
- 12 - معرفی سیستم طراحی
3. توسعه دهنده به طراح
- 13 - زبان طراح
- 14 - با سیستم طراحی کار کنید
- 15 - از اجزای React در Framer X استفاده کنید
- 16 - کامپوننت ها را در Framer X سفارشی کنید
نتیجه
- 17 - مراحل بعدی