آیا از Figma برای بررسی و همکاری استفاده می‌کنید، از آن برای طراحی تعامل استفاده می‌کنید یا فقط نیاز به معرفی سریع این ابزار دارید؟ در این دوره، مدرس Eric Nordquist مراحل ایجاد پروژه ها را در Figma می دهد، سپس به شما نحوه استفاده از نمونه سازی، همکاری با طراحان دیگر و صادرات فایل های خود را نشان می دهد. اریک با معرفی Figma شروع می کند و تفاوت های نسخه آنلاین و دسکتاپ و همچنین نحوه طراحی یک فایل را توضیح می دهد. سپس تمام مراحل اصلی ایجاد یک پروژه را پوشش می دهد، مانند ایجاد قسمت hero، اعمال Auto Layout، استفاده از ماسک ها و موارد دیگر. اریک نمونه سازی اولیه و نحوه استفاده از تعاملات و Smart Animate را توضیح می دهد. پس از بررسی نحوه استفاده از Figma برای کار با طراحان دیگر، او نکات مفیدی را در مورد نحوه صادرات فایل های شما به پایان می رساند.

 برای ارائه آثاری که اثری از خود به جا می گذارند، لازم نیست که یک طراح گرافیک باشید. Figma - ابزار طراحی مشترک و مبتنی بر وب - به شما امکان می دهد یافته های تحقیقات UX را به عنوان اسلایدهای سفارشی تجسم کنید تا با تیم خود به اشتراک بگذارید. به مربی و محقق UX، اریک نوردکوئیست بپیوندید تا به شما اصول استفاده از Figma را برای ایجاد ارائه ها و تجسم داده ها نشان دهد که تأثیری ماندگار بر ذینفعان شما بگذارد.

نمای کلی از محیط Figma دریافت کنید تا بتوانید شروع به کار کنید. اولین پروژه شما بیاموزید که چگونه اسلایدها و افتتاحیه های عنوان جذاب، اسلایدهای دستور کار و برنامه های کاربردی TOC، اسلایدهای روش UX، تجسم داده ها و جمعیت شناسی شرکت کنندگان را با ابزارهای داخلی ایجاد کنید. اریک به شما نکاتی را درباره بهترین شیوه‌ها برای تجسم داده‌های کمی و کیفی و همچنین نکاتی در مورد لمس نهایی ارائه می‌دهد تا اسلایدهای شما واقعاً بر روی صفحه بدرخشند.

 

شما برخی از طرح های عالی را ایجاد کرده اید ، اما چگونه می توانید آنها را به دارایی های آماده کد تبدیل کنید که توسعه دهندگان شما می توانند از آن استفاده کنند؟ در این دوره عملی ، استاد دانشگاه جوزف لابرک به شما کمک می کند تا آنچه را که پرونده های FIGMA شما به آن نیاز دارند ، به منظور ترجمه خوب به "توسعه دهنده صحبت" کمک کنید. بیاموزید که چگونه ویژگی های صادرات تصویر و همچنین صادرات و سازماندهی تصاویر خود را تعریف کنید. نحوه استفاده از فضای کاری بازرسی را پیدا کنید ، پروژه خود را در CSS مستند کنید ، سند طراحی را جمع کنید و یک پرونده CSS تولید شده FIGMA را تعریف کنید. به علاوه بیش از ایجاد یک سند HTML ، جایگزین خواص تولید شده FIGMA برای CSS تمیز ، و پالایش طراحی خود از FIGMA.

 Auto-Layout طراحان را قادر می سازد تا عناصر پاسخگو را ایجاد کنند که یکپارچه با اندازه های مختلف صفحه سازگار باشند. در این دوره ، طراح و مربی UX Tetiana Gulei به مفهوم لایه بندی خودکار فرو می رود و کاربردهای عملی آن ، از جمله تهیه دکمه های انعطاف پذیر ، لیست های پویا و رابط های جامع و نشان دادن اثربخشی قفل خودکار در تضمین طراحی مناسب کاربر را بررسی می کند. مزایای یادگیری و استفاده از طرح بندی خودکار را برای طراحی عناصر رابط کاربری در FIGMA کاوش کنید.

 فرآیند طراحی UX خود را ساده کنید. یاد بگیرید که چگونه از Figma برای سازماندهی تیم های خود، ساختن طرح های خود و توزیع آنها برای بررسی توسط ذینفعان غیر فنی استفاده کنید. در این دوره، مربی تام گرین نشان می‌دهد که چگونه ویژگی‌های Figma می‌توانند به شما کمک کنند تا یک مرکز مرکزی برای کل تیم خود برای همکاری و مفهوم‌سازی طرح‌ها ایجاد کنید. او با مروری بر فرآیند طراحی UX شروع می کند و نحوه ایجاد و مدیریت تیم ها را در Figma نشان می دهد. در مرحله بعد، نحوه انجام و گزارش در مورد تحقیقات کاربر خود را در Figma، از جمله پرسوناها، نقشه های سفر، نقاط تماس، و جریان های کاربر یاد بگیرید. سپس دریابید که چگونه با استفاده از ابزارهایی مانند FigJam، اپلیکیشن تخته سفید Figma، طرح خود را مفهوم سازی کنید. قاب سیمی؛ و حتی طرح های کاغذی. سپس تام نشان می دهد که چگونه وایرفریم خود را به یک ماکت کاربردی تبدیل کنید و تعامل را اضافه کنید. در فصل های پایانی، او نشان می دهد که چگونه می توان آزمایش کاربر را برای تأیید اعتبار طراحی و اشتراک گذاری و واگذاری پروژه انجام داد.

 در این دوره ، فراتر از ابزارهای طراحی اصلی FIGMA به نمونه های اولیه و درگیر و پیچیده تر بروید. در حالی که نمونه های اولیه استاتیک می توانند بسیار مفید باشند ، اضافه کردن انیمیشن به انتقال صفحه نمایش شما و تعامل رابط کاربری فردی می تواند واقع گرایی طرح های شما را به سطح بعدی منتقل کند. مربی جوزف لابرک با نگاهی به چگونگی شروع می شود انیمیشن ها و انتقال ها در یک نمونه اولیه FIGMA طراحی شده اند. در مورد ویژگی Animate Smart برای حرکت سریع و انتقال ، نحوه سفارشی کردن پارامترهای انیمیشن - مانند مدت زمان ، تأخیر و حتی تنظیمات سهولت سفارشی و بهار - در FIGMA ، و نحوه ایجاد و تحریک الگوهای طراحی مشترک UX مانند صفحه های چلپ چلوپ ، بارگیری انیمیشن ها ، انتقال ، حالت های مؤلفه و نوار پیشرفت اطلاعات کسب کنید.

 FIGMA ابزاری قدرتمند طراحی مشترک است ، اما آیا تاکنون در مورد گزینه های خود برای پشتیبانی از تجربیات و محصولات طراحی فراگیرتر و در دسترس تر تعجب کرده اید؟ در این دوره ، معلم ، نویسنده و استاد تام گرین شما را از طریق شش افزونه و برنامه های مختلف برای FIGMA راهنمایی می کنند که به کار طراحی شما کمک می کند تا فراگیرتر و در دسترس باشد. Deep Dive به افزونه Stark ، از جمله کنتراست کنتراست آن ، چکر تایپوگرافی ، شبیه ساز بینایی ، دستیار AI Sidekick و موارد دیگر. Adee را با Contrast Checker ، Alt Text Generator و Simulator Color Clinness Conference ، کاوش کنید و ابزارهای Contrast Checker را قادر و متحد کنید. بیاموزید که چگونه از Humaaans برای گرافیک های فراگیر و lokalise برای پشتیبانی از زبانهای اضافی استفاده کنید. به علاوه ، به منابع فراگیر اضافی بروید و راه هایی را که می توانید دسترسی و شمول را به جلو سوق دهید ، بررسی کنید.

 اسلایدهای FIGMA به شما قدرت ایجاد اسلایدها و ارائه های قانع کننده را برای تأمین نیازهای هر مناسبت می دهد. در این دوره ، مربی جوزف لابرک اصول اولیه اسلایدهای FIGMA و نحوه ایجاد ، مدیریت ، سفارشی و اصلاح آنها را پوشش می دهد. بیاموزید که چگونه در ارائه ها و عرشه های اسلایدها به اشتراک بگذارید و همکاری کنید ، همچنین یک الگوی موجود را طراحی و منتشر کنید. در پایان این دوره ، شما به مهارت های مورد نیاز برای بهره گیری از مزایای منحصر به فرد اسلایدهای FIGMA برای متخصصان مجهز خواهید شد.

 در این دوره ، جین کرامر ، متخصص طراحی و توسعه وب شما را با یک گردش کار جدید بسیار مفید آشنا می کند که به شما امکان می دهد طرح سایت خود را در FIGMA ایجاد کنید ، سپس به WebFlow بروید تا همان وب سایت سفارشی را بدون کد ایجاد کنید. جنبه های اساسی پرونده های FIGMA خود را که برای کار در Webflow بسیار مهم هستند ، کاوش کنید. پیدا کنید که چگونه می توانید دارایی های فردی را در FIGMA برای صادرات به WebFlow و همچنین نحوه فشرده سازی دارایی های تصویر و رسانه برای WebFlow علامت گذاری کنید. برای ایجاد یک سایت اصلی WebFlow برای دارایی های صادر شده خود غوطه ور شوید و یاد بگیرید که چگونه کد Webflow ، CSS و تصاویر خود را ادغام کنید تا ظاهر/احساس مناسب را ایجاد کنید. به علاوه ، به روش هایی بروید که می توانید نمای Webflow خود را برای پشتیبانی از تمام اندازه ها و صفحه های دستگاه پاسخگو باشید.

 FIGMA یکی از ابزارهای Go-To برای طراحان UX برای طراحی ریزگردها است. در این دوره ، متخصص تیتیانا گلی به زبان آموزان نشان می دهد که چگونه می توان از FIGMA برای ایجاد ریزگردهای مختلف از ابتدا استفاده کرد. بیاموزید که ریزگردهای چیست و چرا برای طراحی UX خوب بسیار مهم هستند. نحوه نمونه اولیه و ایجاد انیمیشن در FIGMA را پیدا کنید. روش هایی را برای ایجاد ریزگردهای ساده مانند کشیدن ، پیمایش ، پوشش و موارد دیگر کشف کنید. به علاوه ، به ایجاد ریزگردهای پیچیده تر ، از جمله بارگیری اسپینر ، کشویی ، دکمه ها و لغزنده های حجم ، شیرجه بزنید. درک خود را با چالش هایی که همراه با هر فصل است ، آزمایش کنید!

 هنگام طراحی تجربیات دیجیتالی نوآورانه و معنی دار ، نقشه برداری روشی کلیدی است که ما برای کشف و تکرار مشکلات پیچیده ، جریان و چالش ها استفاده می کنیم. مفاهیم نقشه برداری را با استفاده از FIGMA برای کسب اطلاعات بیشتر در مورد کاربران خود ، جریان و مشکلات اصلی آنها و نحوه حل آنها کشف کنید. مربی درو بریدول شما را در مورد چگونگی استفاده از نقشه برداری UX برای سازماندهی داده های پیچیده در یک مجموعه اطلاعات قابل هضم و قابل درک ، معرفی می کند. او شما را از طریق اصول ابزار با استفاده از FIGMA پیاده می کند و به نحوه نقشه برداری جریان در FIGMA می پردازد. درو پوشش می دهد که چگونه می توانید از این نقشه ها برای شناسایی مشکلات ، کشف فرصت ها و تدوین راهکارهایی برای رفع مشکلات و فرصت هایی که کشف کرده اید استفاده کنید. به علاوه ، او پیشنهادات عملی را برای کمک به شما در ساخت مواد درسی به روش هایی که به نفع پروژه ها ، تیم ها و گردش کار شما است ، ارائه می دهد.