مرور رده
طراحی رابط کاربری UI/UX
طراحی رابط کاربری – User interface design
دسترسی پذیری یا Accessibility در طراحی UI/UX چیست؟
در این ویدیو من میخوام یک بخش حیاتی از پروسه UX Design را به شما آموزش بدهم که براحتی اکثر طراحان اون رو نادیده می گیرند و آن هم دیزاین با ذهنیت Accessibility یا دسترسی پذیری است.
ادامه مطلب ...
Atomic Design – طراحی اتمی چیست و کاربرد آن در ساخت دیزاین سیستم ها
اگر می خواهید بدانید روش Atomic Design یا دیزاین اتمی چیست و چطور میتونید از آن در طراحی UI و ساخت دیزاین سیستم ها…
آموزش فیگما جم – وایت برد برای انواع کارهای دیزاین از FigJam
فیگما جم یا Figma Jam یا فیگ جم را مثل یک وایت برد خیلی بزرگ در نظر بگیرید که با آن می توانید کارهای مختلفی مثل…
آموزش Adobe Xd از صفر در 20 دقیقه با مثال کاربردی
در این قسمت Adobe Xd قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 20 دقیقه به شما آموزش دهم.
ادامه مطلب ...
آموزش جامع ساخت پروتوتایپ در Adobe Xd – قسمت ششم
در این آموزش قصد دارم نحوه ساخت پروتوتایپ و اینتراکشن ها در ادوبی ایکس دی / Adobe Xd را از صفر و بصورت جامع به شما…
تفکر طراحی یا Design Thinking چیست و چطور در طراحی UI/UX از آن استفاده کنیم؟
در این آموزش به معرفی و نحوه استفاده از روش تفکر طراحی یا Design Thinking می پردازم. تفکر طراحی یک روش غیر خطی 5…
آموزش جامع ساخت پروتوتایپ در فیگما و Multiple Flows
در این آموزش قصد دارم نحوه ساخت پروتوتایپ در فیگما رو از صفر و بصورت جامع به شما آموزش دهم.
پروتوتایپ مثل یک روح هست که شما اون در قالب وایرفریم یا طرح یو ای خودتون می دمید تا اون طرح زنده بشه. در واقع شما با پروتوتایپ می آید اینتراکشن ها یا حرکت های تعاملی مختلفی به طرحتون اضافه می کنید.
در نتیجه به عنوان مثال زمانی که کاربر بر روی یک دکمه کلیک…
ادامه مطلب ...
آموزش فیگما – Auto Layout و طراحی ریسپانسیو با آن در Figma
ویژگی Auto Layout در فیگما این امکان را به ما می دهد که بتوانیم UI هایی رو طراحی بکنیم که بسته به شرایط مختلف از…
آموزش تایپوگرافی در UI – تنظیم سایز متن ها و فونت در طراحی رابط کاربری
در این آموزش تایپوگرافی در طراحی رابط کاربری UI قصد دارم به شما نحوه ی تنظیم سایز متن ها و فونت را در طراحی رابط…
طراحی تجربه کاربری UX را از صفر چطور و از کجا یاد بگیریم؟
در آموزش طراحی تجربه کاربری UX را از صفر چطور و از کجا یاد بگیریم؟ قصد دارم مسیری را که برای یاد گرفتن طراحی تجربه کاربر یا UX Design طی کردم را از صفر به شما توضیح دهم تا بتوانید شما نیز براحتی این حوزه از دیزاین را براحتی یاد بگیرید.
طراحی تجربه کاربر یا UX Design به این معنی است که چطور یک حس یا تجربه خوب را در هنگام کار با سرویس یا اپلیکیشن…
ادامه مطلب ...
آموزش فتوشاپ – 7 روش کراپ عکس در طراحی گرافیک و صفحه آرایی
در این ویدیو آموزشی من به 7 نوع کراپ مختلف عکس که در طراحی، صفحه آرایی و عکاسی پراستفاده هست می پردازم. کراپ کردن…
آموزش تئوری رنگ ها در طراحی رابط کاربری و گرافیک – صفر تا صد – قسمت…
در یک سری ویدیو دنباله دار من به همه قوانین و اصطلاحات مربوط به رنگ ها در دیزاین می پردازم ( طراحی رابط کاربری UI –…
آموزش فیگما – نصب فونت های فارسی و فارسی نویسی در Figma 2021 و Adobe Xd
در این ویدیو می خواهیم نحوه ی نصب و استفاده از فونت های فارسی در فیگما Figma و Adobe Xd 2021 را به شما آموزش دهم. بصورت کلی 3 روش نصب و استفاده از فونت های فارسی یا به عبارتی فارسی نویسی در فیگما را به شما آموزش می دهم.
ادامه مطلب ...
آموزش جامع فیگما – ساخت پروتوتایپ و Constraints در Figma 2021 – قسمت سوم
در قسمت سوم سری آموزش های جامع فیگما Figma به سراغ ساخت پروتوتایپ و استفاده از ویژگی Constraints که برای طراحی…
آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم
در آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم به بررسی ویژگی های پرکاربردترین پنل در Figma می…
آموزش جامع Figma – کار با ابزارها و محیط فیگما 2021 – قسمت اول
در آموزش جامع Figma - کار با ابزارها و محیط فیگما 2021 - قسمت اول به سراغ نحوه نصب و کار با ابزارها و محیط فیگما می رویم. در ابتدای چگونگی نحوه دانلود و نصب فیگما ، نرم افزار نمایش طراحی روی موبایل فیگما و نرم افزار نصب فونت های سیستم بر روی فیگما را بررسی میکنیم.
سپس قسمت داشبورد فیگما که شامل بخشی برای نمایش پروژه های اخیر شما یا تیم هایی که در…
ادامه مطلب ...
آموزش فیگما – 5 پلاگین فوق العاده کاربردی Figma 2021 – قسمت دوم
در فیلم آموزشی 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت دوم قصد دارم 5 پلاگین دیگر را به همراه نحوه کار آن را…
آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma
در حالت عادی قصد دارید از دکمه ها با حالت های مختلف در قسمت های مختلف طراحی رابط کاربری UI/UX استفاده کنید و هر بار…
5 پلاگین فوق العاده کاربردی فیگما 2021 – قسمت اول
درفیلم آموزشی 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اول بهترین افزونه های فیگما را به شما معرفی و نحوه کار با آنها را به شما آموزش می دهم.
مهمترین پلاگین که آنرا معرفی می کنم پلاگینی برای فارسی نویسی در فیگما است که خیلی راحت شما می توانید متن های خود را بصورت راستچین در فیگما بنویسید یا آن را تصحیح کنید.
اکثر این پلاگین این امکان را…
ادامه مطلب ...
10 ترفند فوق العاده کاربردی فیگما 2021 – قسمت اول
در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه…