یوزرفلو چیست و چطور آن را بسازیم؟ مراحل طراحی User Flow در UX

یوزرفلو چیست و چطور آن را بسازیم؟ مراحل طراحی User Flow در UX

یوزرفلو چیست و چطور آن را بسازیم؟ مراحل طراحی User Flow در UX یوزرفلو یا فلوی کاربر، نمایشی گرافیکی از مسیر و گام‌هایی است که یک کاربر برای انجام یک تسک یا رسیدن به یک هدف در یک محصول دیجیتالی…

ادامه مطلبیوزرفلو چیست و چطور آن را بسازیم؟ مراحل طراحی User Flow در UX

آموزش کار با استایل‌ها در فیگما برای طراحی سریع و یکپارچه UI/UX

آموزش کار با استایل‌ها در فیگما برای طراحی سریع و یکپارچه UI/UX

  استایل‌ها ابزاری قدرتمند در فیگما هستند که به طراحان اجازه می‌دهند تنظیمات و ویژگی‌های ظاهری المان‌های تکراری مانند رنگ، فونت، اندازه و حاشیه‌ها را به صورت متمرکز مدیریت کنند. با استفاده از استایل‌ها می‌توانید مشخصات دکمه‌ها، عنوان‌ها، بادی متن…

ادامه مطلبآموزش کار با استایل‌ها در فیگما برای طراحی سریع و یکپارچه UI/UX

آموزش فیگما – ساخت کامپوننت های اینتراکتیو در Figma

آموزش فیگما - ساخت کامپوننت های اینتراکتیو در Figma

فیگما امکان ساخت کامپوننت‌های اینتراکتیو را به صورت عمومی در اختیار کاربران قرار داده است. با استفاده از این قابلیت می‌توان پروتوتایپ‌های پیشرفته‌تری ساخت. کامپوننت‌های اینتراکتیو اجازه می‌دهند حالت‌های مختلف یک المان مانند دکمه را بدون نیاز به جابجایی بین…

ادامه مطلبآموزش فیگما – ساخت کامپوننت های اینتراکتیو در Figma

آموزش Variants در فیگما برای طراحی المان‌های چندحالته – قسمت 6

آموزش Variants در فیگما برای طراحی المان‌های چندحالته - قسمت 6

Variants یکی از ویژگی‌های بسیار کاربردی و قدرتمند فیگما است که به طراحان امکان می‌دهد المان‌هایی مانند دکمه، کارت و غیره را با تمامی حالت‌های مورد نیازشان طراحی کنند. با استفاده از Variants می‌توانید مثلاً یک دکمه را با حالت‌های…

ادامه مطلبآموزش Variants در فیگما برای طراحی المان‌های چندحالته – قسمت 6

آموزش قدم‌به‌قدم Auto Layout در فیگما – قسمت پنجم

آموزش قدم‌به‌قدم Auto Layout در فیگما - قسمت پنجم

امروز قصد دارم نحوه استفاده از قابلیت Auto Layout در فیگما را به شما آموزش دهم. با استفاده از Auto Layout می‌توانید طرح‌هایی بسازید که به صورت ریسپانسیو عمل کرده و با تغییر اندازه صفحه نمایش، خودشان را تطبیق می‌دهند.…

ادامه مطلبآموزش قدم‌به‌قدم Auto Layout در فیگما – قسمت پنجم

آموزش ساخت پروتوتایپ در فیگما برای طراحی UI/UX – قسمت چهارم

آموزش ساخت پروتوتایپ در فیگما برای طراحی UI/UX - قسمت چهارم

پروتوتایپ، ابزاری قدرتمند در فیگما برای طراحان رابط کاربری (UI) و تجربه کاربری (UX) است. با پروتوتایپ می‌توان انیمیشن‌ها و تعاملات مختلفی را به طرح‌های UI/UX اضافه کرد. در این آموزش قصد دارم نحوه ساخت پروتوتایپ در فیگما را به…

ادامه مطلبآموزش ساخت پروتوتایپ در فیگما برای طراحی UI/UX – قسمت چهارم

آموزش جامع فیگما – Constraints و ریسپانسیو دیزاین – قسمت سوم

آموزش جامع فیگما – ساخت پروتوتایپ و Constraints در Figma – قسمت سوم

  در این قسمت از آموزش جامع Figma، به موارد مهمی که مرتبط با ساخت پروتوتایپ و استفاده از ویژگی Constraints در Figma هستند، پرداخته می‌شود. در ادامه مواردی که در این قسمت آموزش داده می‌شوند را برای شما آورده‌ام:…

ادامه مطلبآموزش جامع فیگما – Constraints و ریسپانسیو دیزاین – قسمت سوم

آموزش جامع Figma – کار با پنل Design در فیگما – قسمت دوم

آموزش جامع Figma – کار با پنل Design در فیگما –قسمت دوم

  در این قسمت از آموزش جامع Figma، به بررسی ویژگی‌های پنل Design در Figma می‌پردازید. این پنل مهم در Figma ویژگی‌های مرتبط با عناصری که در طراحی‌تان انتخاب کرده‌اید را نمایش می‌دهد. ویژگی‌هایی که در این بخش آموزش داده…

ادامه مطلبآموزش جامع Figma – کار با پنل Design در فیگما – قسمت دوم

آموزش جامع Figma – کار با ابزارها و محیط فیگما – قسمت اول

آموزش جامع Figma - کار با ابزارها و محیط فیگما - قسمت اول

در این آموزش جامع Figma – کار با ابزارها و محیط فیگما – قسمت اول، مفاهیم و عناصر اساسی محیط Figma به شما آموزش داده می‌شود. این آموزش به شما کمک می‌کند تا با نحوه نصب و کار با این…

ادامه مطلبآموزش جامع Figma – کار با ابزارها و محیط فیگما – قسمت اول

آموزش فیگما – 7 پلاگین فوق العاده کاربردی Figma – قسمت سوم

آموزش فیگما - 7 پلاگین فوق العاده کاربردی Figma - قسمت سوم

در این پست، در آموزش 7 پلاگین فوق العاده کاربردی فیگما – قسمت سوم به هفت پلاگین دیگر برای استفاده در Figma می پردازم. این پلاگین‌ها ابزارهای مفیدی برای طراحان و کاربران Figma هستند و امکانات متنوعی را به آن‌ها…

ادامه مطلبآموزش فیگما – 7 پلاگین فوق العاده کاربردی Figma – قسمت سوم