طراحی UI با Figma
طراحی UI تمرکز بر ظاهر، ساختار بصری و کامپوننتهای رابط است. با Figma layout، typography، color system و handoff به توسعه را یاد میگیرید.
مقالات مرتبط با طراحی UI
مطالب عمیق برای درک بهتر مفاهیم طراحی و مدیریت محصول.
تفاوت UI و UX در طراحی محصول
UI و UX دو واژهای هستند که اغلب در کنار هم به کار میروند، اما نقش، ابزار و خروجی هر کدام متفاوت است. در این مقاله تفاوتهای بنیادین، همپوشانیها و نحوه همکاری این دو حوزه در طراحی محصول دیجیتال را بررسی میکنیم.
← مطالعه مقالهاصول visual hierarchy در UI
Visual hierarchy به کاربر میگوید اول کجا نگاه کند، چه چیزی مهمتر است و بعد چه actionی انجام دهد. در این مقاله اصول size، weight، color، spacing و contrast را با مثالهای UI عملی مرور میکنیم.
← مطالعه مقالهساخت کامپوننت و variant در Figma
Component و variant در Figma پایه design system و handoff حرفهای هستند. از auto layout تا property و boolean variant، در این مقاله workflow ساخت دکمه، input و card را گامبهگام یاد میگیرید.
← مطالعه مقالهآموزشهای طراحی UI با Figma
ویدیوها و تمرینهای گامبهگام برای یادگیری عملی.
شروع با Figma: frames و layout
مقدماتیworkspace، grids و auto layout.
۴۵ دقیقه · تیم Nova Lab ← شروع آموزشطراحی صفحه اپلیکیشن mobile
متوسطاز wireframe تا hi-fi UI.
۱ ساعت · تیم Nova Lab ← شروع آموزشDesign System و documentation
پیشرفتهtokens، components و handoff.
۵۵ دقیقه · تیم Nova Lab ← شروع آموزش