آموزش توسعه و طراحی گردش کار با Framer X


آموزش توسعه و طراحی گردش کار با Framer X

در پروژه های تیمی اگر دیزاینر ها نتوانند ایده ها و خواسته هایشان را به درستی به برنامه نویسان منتقل کنند معمولاً خروجی پروژه با آنچه در ابتدای کار انتظار میرفته فاصله زیادی خواهد داشت. حال وجود برنامه های مانند Framer X باعث می‌شود که این ارتباط به شکل بهتری برقرار شود و با انتقال ایده های دیزاینر ها به برنامه نویسان خروجی نهایی پروژه به آنچه...

در پروژه های تیمی اگر دیزاینر ها نتوانند ایده ها و خواسته هایشان را به درستی به برنامه نویسان منتقل کنند معمولاً خروجی پروژه با آنچه در ابتدای کار انتظار میرفته فاصله زیادی خواهد داشت. حال وجود برنامه های مانند Framer X باعث می‌شود که این ارتباط به شکل بهتری برقرار شود و با انتقال ایده های دیزاینر ها به برنامه نویسان خروجی نهایی پروژه به آنچه در ابتدا انتظار می رفت نزدیکتر باشد. با برنامه Framer X که ابزاری جهت ساخت پروتوتایپ است می‌توانید دیزاین های پیچیده ای که در ذهن دارید را به راحتی پیاده نمایید و با دیگران به اشتراک بگذارید. این برنامه به شما امکان ساخت لی‌اوت های ریسپانسیو و اینتراکشن را نیز می‌دهد. در این دوره آموزشی شما فرا خواهید گرفت که چگونه ارتباط بهینه تری بین دیزاینر ها و برنامه نویسان با استفاده از Framer X ایجاد خواهد شد. ابتدا به این ارتباط از سمت برنامه نویسان پرداخته می‌شود و سپس از سمت مقابل یعنی از نگاه طراحان.

سرفصل ها:

پیش نیاز ها بررسی کلی نرم‌افزار Framer X نگاه و زبان یک برنامه نویس آشنایی با React Components المان های طراحی در توسعه وب المان های طراحی در توسعه اپ های موبایل آموزش خروجی CSS آموزش خروجی SVG آشنایی با Design system نگاه و زبان یک طراح آموزش کار با Design system استفاده از React Component در Framer X شخصی سازی کامپوننت ها در Framer X

Design Development Workflow with Framer X Publisher:Linkedin Author:Emmanuel Henri Duration:30m 25s Level:Intermediate

Learn how UX designers and the developers they work with can share a common workflow using Framer X.
Released: : December 11, 2018
When the needs of UX designers or developers are lost in translation, the appearance of the final application often doesn’t match the original vision. Framer X boasts functionality that prevents these kinds of communication breakdowns by enhancing the workflow of designers and developers alike. This powerful design prototyping tool allows users to craft intricate designs, design responsive layouts, create interactions, and take advantage of interactive—and reusable—React-based components. In this course, learn how UX designers and the developers they work with can share a common workflow—and better understand each other’s language and needs—using Framer X. Emmanuel Henri dives into the designer to developer workflow, going over how React relates to Framer X and prototyping, as well as the proper guidelines to follow when creating designs for the web and mobile devices. He also covers the developer to designer workflow, showing developers how to work with a design system and use React components in Framer X.
Introduction
Workflows with Framer X
What you should know
1. Introduction to Workflows
Overview of the workflows
Introduction to our base project
Overview of Framer X
2. Designer to Developer
The language of the developer
React and components overview
Design elements for web development
Design elements for native mobile development
Practice: Export CSS assets
Practice: Export SVG assets
Design system introduction
3. Developer to Designer
The language of the designer
Work with a design system
Use React components in Framer X
Customize components in Framer X
Conclusion
Next steps

منبع

آموزش توسعه و طراحی گردش کار با Framer X

حتما بخوانید: سایر مطالب گروه آموزش

برای مشاهده فوری اخبار و مطالب در کانال تلگرام ما عضو شوید!


روی کلید واژه مرتبط کلیک کنید

بیشترین بازدید یک ساعت گذشته


اظهارات جدید رئیس موساد درباره توافق با حماس برای مبادله اسرا