پلاگین‌های کاربردی Figma برای رنگ، User Flow، Accessibility و Icon
معرفی چند پلاگین کاربردی Figma برای ساخت پالت رنگی، User Flow، بررسی Accessibility و دسترسی سریع به Iconها؛ همراه با توضیح کاربرد هر دسته و نکات به‌روز استفاده.
دسته طراحی و دیزاین
مرجع آموزش طراحی رابط و تجربه کاربری (UI/UX)، اصول دیزاین سیستم‌ها و مسیر حرفه‌ای شدن در دنیای طراحی محصول دیجیتال. طراحی گرافیک و صفحه آرایی، طراحی وب و تدوین ویدیو
ادامه مطلبپلاگین‌های کاربردی Figma برای رنگ، User Flow، Accessibility و Icon
Variants در Figma چیست؟ آموزش Component States و Properties
آموزش Variants در Figma برای مدیریت حالت‌های مختلف Component؛ از Default، Hover، Pressed و Disabled تا ساخت Component Set منظم برای Design System. ویدیوی اصلی مربوط به نسخه 2021 است.
پلاگین‌های کاربردی Figma برای RTL، Avatar، Data و Chart
معرفی چند پلاگین قدیمی و کاربردی Figma برای فارسی و RTL، تصاویر Avatar، داده‌های نمونه، Chart و تصاویر Stock؛ همراه با توضیح اینکه کدام نیازها امروز ممکن است با قابلیت‌های جدید Figma یا ابزارهای دیگر پوشش داده شوند.
ترفندهای کاربردی Figma برای سرعت بیشتر در طراحی
مجموعه‌ای از ترفندهای کاربردی Figma برای Duplicate، Chart، Opacity، Copy Style، انتخاب و جابه‌جایی سریع عناصر، مدیریت لایه‌ها، میانبرها و جایگذاری همزمان تصاویر.
آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی
آموزش سریع Figma از صفر با یک پروژه عملی طراحی اپ سفارش غذا؛ آشنایی با Frame، اجزا، آیکان SVG، سایه، گروه‌بندی و فاصله‌گذاری.
Components در Adobe XD؛ آموزش آرشیوی Component و Content-Aware Layout
آموزش آرشیوی Components و Content-Aware Layout در Adobe XD با مثال ساخت دکمه قابل استفاده مجدد. مفاهیم Component همچنان در ابزارهای مدرن طراحی مثل Figma کاربرد دارند.
UI و UX چیست؟ تفاوت طراحی رابط کاربری و تجربه کاربری
UI و UX چه تفاوتی دارند؟ در این راهنما با نقش طراح UI و UX، مسئولیت‌ها، مهارت‌های لازم، نحوه همکاری این دو حوزه و مسیر پیشنهادی یادگیری آن‌ها آشنا می‌شوید.
چطور طراحی گرافیک را از صفر یاد بگیریم؟ مسیر شروع تا ورود به بازار کار
راهنمای شروع طراحی گرافیک از صفر: آشنایی با شاخه‌های تخصصی، انتخاب ابزار مناسب، ساخت نمونه‌کار و برنامه یادگیری برای ورود به بازار کار.
چطور در CSS با ویژگی Background تصویر پس زمینه به عنصری بدهیم؟
آموزش استفاده از background و background-image در CSS همراه با نکاتی برای تصاویر Responsive و حفظ خوانایی محتوا.
آرشیو آموزش ساخت Micro Interaction و انیمیشن آیکان در Adobe XD
آموزش آرشیوی ساخت Micro Interaction و متحرک‌سازی آیکان‌های Stroke در Adobe XD. این مطلب برای پروژه‌های قدیمی XD حفظ شده و برای شروع جدید، مسیر Figma پیشنهاد می‌شود.