آموزش Figma: از طراحی تا پیاده سازی CSS
Figma: From Design to CSS Implementation
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
شما طرح‌های فوق‌العاده‌ای ایجاد کرده‌اید، اما چگونه می‌توانید آنها را به دارایی‌های آماده کد تبدیل کنید که توسعه‌دهندگان شما می‌توانند از آنها استفاده کنند؟ در این دوره عملی، استاد دانشگاه جوزف لابرک به شما کمک می‌کند تا بفهمید فایل‌های Figma شما به چه چیزی نیاز دارند تا به خوبی به «گفتار برنامه‌نویس» ترجمه شوند. با نحوه تعریف ویژگی های صادرات تصویر و همچنین صادرات و سازماندهی تصاویر خود آشنا شوید. نحوه استفاده از فضای کاری Inspect را بیابید، پروژه خود را در CSS مستند کنید، سند طراحی را پر کنید و یک فایل CSS تولید شده توسط Figma تعریف کنید. بعلاوه به ایجاد یک سند HTML، جایگزینی ویژگی های تولید شده توسط Figma برای CSS تمیز و اصلاح طرح خود از Figma بروید.
سرفصل ها و درس ها
معرفی Introduction
-
پیاده سازی CSS از طرح های Figma شما Implementing CSS from your Figma designs
-
در حال راه اندازی Getting set up
1. تولید دارایی های تصویری 1. Producing Image Assets
-
مروری بر پروژه طراحی An overview of the design project
-
تعریف ویژگی های صادرات تصویر Defining image export properties
-
صادرات و سازماندهی تصاویر Exporting and organizing images
2. ترجمه قوانین CSS 2. Translating CSS Rules
-
با استفاده از فضای کاری Inspect Using the Inspect workspace
-
مستندسازی CSS پروژه Documenting the project CSS
-
پر کردن سند طراحی Populating the design document
-
تعریف سند CSS Defining a CSS document
3. پیاده سازی CSS در HTML 3. Implementing CSS within HTML
-
ایجاد یک سند HTML Creating an HTML document
-
جایگزینی عناصر Figma برای CSS Replacing Figma elements for CSS
-
اصلاح طرح از Figma Refining the design from Figma
نتیجه Conclusion
-
بعدش چی؟ What's next?
https://donyad.com/d/6b57a6
Joseph Labrecque
استاد دانشگاه، مدرس Adobe، رئیس استودیو
جوزف لابرک یک توسعه دهنده، طراح و استاد دانشگاه خلاق است.
جوزف نزدیک به دو دهه تجربه در ساخت وب گویا دارد. راه حل های دسکتاپ و موبایل. او کتاب‌ها، مقالات و دوره‌های ویدئویی در زمینه فناوری‌های طراحی و توسعه، ابزارها و مفاهیم را از طریق ناشران مانند LinkedIn Learning، Peachpit Press و Adobe تالیف کرده است. او شرکت Fractured Vision Media, LLC را تأسیس کرد. یک استودیوی تولید رسانه های دیجیتال و وسیله نقلیه توزیع. جوزف استاد دانشگاه کلرادو بولدر کالج رسانه، ارتباطات و اطلاعات، و همچنین یک رهبر آموزش Adobe، Adobe Community Professional، و یکی از اعضای Adobe Partners by Design است.
جوزف نزدیک به دو دهه تجربه در ساخت وب گویا دارد. راه حل های دسکتاپ و موبایل. او کتاب‌ها، مقالات و دوره‌های ویدئویی در زمینه فناوری‌های طراحی و توسعه، ابزارها و مفاهیم را از طریق ناشران مانند LinkedIn Learning، Peachpit Press و Adobe تالیف کرده است. او شرکت Fractured Vision Media, LLC را تأسیس کرد. یک استودیوی تولید رسانه های دیجیتال و وسیله نقلیه توزیع. جوزف استاد دانشگاه کلرادو بولدر کالج رسانه، ارتباطات و اطلاعات، و همچنین یک رهبر آموزش Adobe، Adobe Community Professional، و یکی از اعضای Adobe Partners by Design است.
نمایش نظرات