دسته ابزارهای طراحی

آموزش و راهنمای ابزارهای اصلی طراحی و تولید محتوای بصری، از Figma و Adobe XD تا Photoshop، InDesign و Premiere؛ همراه با آموزش‌های کاربردی و پروژه‌محور.

ماجرای خرید Figma توسط Adobe؛ قراردادی که در نهایت لغو شد

ادوبی فیگما را خرید! چه اتفاقی برای دیزاینرهای ایرانی خواهد افتاد؟

Adobe در ۲۰۲۲ قصد خرید Figma را اعلام کرد، اما معامله در دسامبر ۲۰۲۳ پس از چالش‌های رگولاتوری لغو شد. مرور کوتاه ماجرای این قرارداد.

ادامه مطلبماجرای خرید Figma توسط Adobe؛ قراردادی که در نهایت لغو شد

7 پلاگین کاربردی Figma برای طراحی، Accessibility و نظم پروژه

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

معرفی 7 پلاگین کاربردی Figma برای موکاپ سه‌بعدی، Accessibility، انیمیشن، Redline، لوگو برندها، تغییر نام لایه‌ها و مرتب‌سازی فریم‌ها؛ همراه با توضیح کاربرد هر ابزار.

ادامه مطلب7 پلاگین کاربردی Figma برای طراحی، Accessibility و نظم پروژه

Atomic Design چیست؟ آموزش طراحی اتمی برای ساخت Design System

Atomic Design - طراحی اتمی چیست و کاربرد آن در ساخت دیزاین سیستم ها

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

ادامه مطلبAtomic Design چیست؟ آموزش طراحی اتمی برای ساخت Design System

FigJam چیست؟ آموزش وایت‌برد تیمی Figma برای UX و طراحی محصول

آموزش فیگما جم - وایت برد برای انواع کارهای دیزاین و تیمی از FigJam

FigJam وایت‌برد آنلاین Figma برای Brainstorming، User Flow، Wireframe، Workshop، Feedback و همکاری تیمی است. در این آموزش با کاربردها و Workflow اصلی آن آشنا می‌شوید.

ادامه مطلبFigJam چیست؟ آموزش وایت‌برد تیمی Figma برای UX و طراحی محصول

Adobe XD از صفر در 20 دقیقه؛ آموزش آرشیوی با مثال طراحی اپ

آموزش Adobe Xd از صفر در 20 دقیقه با مثال کاربردی

آموزش آرشیوی Adobe XD از صفر با طراحی یک اپلیکیشن سفارش غذا؛ شامل Artboard، دکمه، رنگ، سایه، Mask و چیدمان عناصر. Adobe XD دیگر توسعه فعال ندارد، اما مفاهیم پایه طراحی رابط همچنان قابل استفاده‌اند.

ادامه مطلبAdobe XD از صفر در 20 دقیقه؛ آموزش آرشیوی با مثال طراحی اپ

Auto Layout در Figma چیست؟ آموزش طراحی ریسپانسیو و منعطف

آموزش فیگما - Auto Layout و طراحی ریسپانسیو در Figma

در این آموزش Auto Layout در Figma را یاد می‌گیرید؛ از ساخت Frame و تنظیم فاصله‌ها تا Hug contents، Fill container و طراحی کامپوننت‌ها و رابط‌های منعطف و ریسپانسیو.

ادامه مطلبAuto Layout در Figma چیست؟ آموزش طراحی ریسپانسیو و منعطف

Type Scale در UI Design؛ آموزش سایز فونت و تایپوگرافی رابط کاربری

آموزش تایپوگرافی در UI - تنظیم سایز متن ها و فونت در طراحی رابط کاربری

Type Scale در UI Design چیست و چطور اندازه Heading، Body Text و وزن فونت را برای رابط کاربری تنظیم کنیم؟ راهنمای ساخت سلسله‌مراتب تایپوگرافی، مقیاس متن و Responsive Typography.

ادامه مطلبType Scale در UI Design؛ آموزش سایز فونت و تایپوگرافی رابط کاربری