دسته آموزش

10 ترفند فوق العاده کاربردی فیگما 2021 – قسمت اول

10 ترفند فوق العاده کاربردی فیگما 2021 - قسمت اول

در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم.
در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.

ادامه مطلب10 ترفند فوق العاده کاربردی فیگما 2021 – قسمت اول

آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی

آموزش طراحی UI/UX با Figma از صفر در 30 دقیقه با مثال کاربردی

در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم.
در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.

ادامه مطلبآموزش فیگما از صفر در 30 دقیقه با مثال کاربردی

کامپوننت ها در Adobe Xd و ساخت یک دکمه برای همه جا

کامپوننت ها و ساخت یک دکمه برای همه جا در Adobe Xd

در آموزش کامپوننت ها و ساخت یک دکمه برای همه جا در Adobe Xd می‌خواهیم با استفاده از کامپوننت ها دکمه ای را به عنوان نمونه درست می کنیم که براحتی بتوان در سرتاسر طراحی رابط کاربری از آن استفاده کرد.

ادامه مطلبکامپوننت ها در Adobe Xd و ساخت یک دکمه برای همه جا

طراحی رابط و تجربه کاربری UI/UX چیست و چه تفاوت هایی با هم دارند؟

طراحی رابط و تجربه کاربری UI/UX چیست و چه تفاوت هایی با هم دارند؟

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

ادامه مطلبطراحی رابط و تجربه کاربری UI/UX چیست و چه تفاوت هایی با هم دارند؟

چطور در 2021 از صفر طراحی گرافیک را یاد بگیریم؟

چطور از صفر طراح گرافیک بشویم؟

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

ادامه مطلبچطور در 2021 از صفر طراحی گرافیک را یاد بگیریم؟

آموزش دانلود و نصب Adobe Xd با Creative Cloud

آموزش دانلود و نصب Adobe Xd با Creative Cloud

برای نصب Adobe Xd و یا اضافه کردن پشتیبانی از زبان فارسی شما نیاز دارید که ادوبی کریتیو کلود را نصب کنید. برای نصب کریتیو کلود من دو راه برای دانلود آن به شما آموزش می دهم که براحتی بتوانید آن را نصب کنید.

ادامه مطلبآموزش دانلود و نصب Adobe Xd با Creative Cloud

آموزش پریمیر پرو در 2021: راهنمای جامع

آموزش پریمیر پرو در 2021: راهنمای جامع

این یک راهنمای جامع آموزش پریمیر پرو در 2021 است. پس اگر شما به دنبال موارد زیر هستید: 1- وارد کردن ویدیو و صدا به پریمیر 2- ادیت فیلم در تایم لاین 3- اضافه کردن متن یا عنوان به فیلم در پریمیر 4- اضافه کردن ایفکت های مختلف به کلیپ ها 5- افزودن موسیقی پس زمینه به ویدیو در پریمیر 6- خروجی کامل از فیلم ادیت شده 7- طراحی و فایل عناوینی برای قرار گیری روی ویدیو در پریمیر 8- افکت های انتقال نرم بین کلیپ های مختلف 9- و... این آموزش‌ها شما را از صفر راهنمایی می کند که بتوانید سریع در این حوزه پیشرفت کنید.

ادامه مطلبآموزش پریمیر پرو در 2021: راهنمای جامع

چطور در CSS با ویژگی Background تصویر پس زمینه به عنصری بدهیم؟

چطور در CSS با ویژگی Background تصویر پس زمینه به عنصری بدهیم؟

Pseudo-elements ها در CSS کلمات کلیدی هستند که به انتخابگرها برای انتخاب قسمتی از محتوای عنصر اضافه می شوند. با برخی از این انتخابگرها می توان محتوای مجازی برای عناصر بوجود آورد و آنها را در CSS هدف قرار داد.
در ادامه لیست تمام pseudo-elementها آمده است و می توانید برای بررسی دقیق هر کدام به صفحه مخصوص به آن مراجعه کنید.

ادامه مطلبچطور در CSS با ویژگی Background تصویر پس زمینه به عنصری بدهیم؟

آموزش متحرک کردن آیکان ها در Adobe XD

آموزش متحرک کردن آیکان ها در Adobe XD

در این قسمت از آموزش طراحی UI/UX با Adobe Xd قصد دارم با استفاده از ویژگی جدید که به ایکس دی در سال 2021 به آن اضافه شده آیکان ها را متحرک کنیم و در واقع میکرو اینتراکشن های مختلفی را برای عناصری که با استفاده از قابلیت Border یا Stroke طراحی شده اند، ایجاد کنیم.

ادامه مطلبآموزش متحرک کردن آیکان ها در Adobe XD

آموزش جامع Adobe Xd – طراحی آیکان با Pathfinder – قسمت پنجم

آموزش جامع Adobe Xd - طراحی آیکان با Pathfinder - قسمت پنجم

در قسمت پنجم آموزش جامع Adobe Xd به سراغ دستورات Boolean یا Path Finder می روم که بوسیله آن شما می توانید شکل های جدیدی در Xd طراحی کنید. فرض کنید که شما قصد دارید قسمتی از NavBar را برای دکمه Add به صورت 6 ضلعی در بیاورید.

ادامه مطلبآموزش جامع Adobe Xd – طراحی آیکان با Pathfinder – قسمت پنجم