در آموزش طراحی تجربه کاربری UX را از صفر چطور و از کجا یاد بگیریم؟ قصد دارم مسیری را که برای یاد گرفتن طراحی تجربه کاربر یا UX Design طی کردم را از صفر به شما توضیح دهم تا بتوانید شما نیز براحتی این حوزه از دیزاین را براحتی یاد بگیرید.
طراحی تجربه کاربر یا UX Design به این معنی است که چطور یک حس یا تجربه خوب را در هنگام کار با سرویس یا اپلیکیشن مان به کاربران منتقل کنید تا رضایت آنها را جلب کنیم.
در این ویدیو آموزشی من به 7 نوع کراپ مختلف عکس که در طراحی، صفحه آرایی و عکاسی پراستفاده هست می پردازم. کراپ کردن تصویر یعنی اینکه قسمتی از تصویر را که نیاز نداریم از تصویر اصلی حذف کنیم اما تصور خیلی از افراد از کراپ کردن همان حالت ساده ای است که در اپلیکیشن های عکاسی و یا در نرم افزار های گرافیکی موجود است.
در یک سری ویدیو دنباله دار من به همه قوانین و اصطلاحات مربوط به رنگ ها در دیزاین می پردازم ( طراحی رابط کاربری UI – طراحی گرافیک و صفحه آرایی ) و با همدیگر نمونه های کاربردی از هر حوزه را بررسی و نکاتی در مورد آن ها به شما آموزش می دهم.
خوش آمدید به آموزش ابزار Notion که شما می تونید اون رو به عنوان یک ابزار مدیریت کارها یا یک چاقوی سوئیسی برای مدیریت کارها و افزایش بهره وری در کارهای شخصی و شغلی تون بدونید یا به اصطلاح دیگه مغز دومی برای شما.
در این ویدیو می خواهیم نحوه ی نصب و استفاده از فونت های فارسی در فیگما Figma و Adobe Xd 2021 را به شما آموزش دهم. بصورت کلی 3 روش نصب و استفاده از فونت های فارسی یا به عبارتی فارسی نویسی در فیگما را به شما آموزش می دهم.
در قسمت سوم سری آموزش های جامع فیگما Figma به سراغ ساخت پروتوتایپ و استفاده از ویژگی Constraints که برای طراحی ریسپانسیو یا واکنش گرا نیز استفاده می شود می پردازم.
در آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم به بررسی ویژگی های پرکاربردترین پنل در Figma می پردازم.
پنل Design در فیگما شامل ویژگی های مختلف عنصری است که انتخاب کرده اید. به عنوان مثال اگر شما یک شکل در Figma انتخاب کرده باشید در پنل دیزاین ویژگی هایی مثل اندازه ، مکان ، رنگ ، رنگ حاشیه ، گردی گوشه ها ، انواع Effect مثل سایه دادن یا تار کردن و در نهایت خروجی گرفتن از آن را در اختیار شما قرار می دهد.
در آموزش جامع Figma - کار با ابزارها و محیط فیگما 2021 - قسمت اول به سراغ نحوه نصب و کار با ابزارها و محیط فیگما می رویم. در ابتدای چگونگی نحوه دانلود و نصب فیگما ، نرم افزار نمایش طراحی روی موبایل فیگما و نرم افزار نصب فونت های سیستم بر روی فیگما را بررسی میکنیم.
سپس قسمت داشبورد فیگما که شامل بخشی برای نمایش پروژه های اخیر شما یا تیم هایی که در حال کار با آن ها هستید می پردازم. در ادامه به سراغ برسی پنل لایه ها / صفحه ها می روم و شروع به معرفی ابزارهای اصلی فیگما میکنم.
بعد از معرفی ابزار و نحوه کار ابزارهای مختلف Figma به سراغ ویژگی کامپوننت می روم و بعد از تعریف آن نحوه ساخت یک کامپوننت دکمه را به شما در فیگما آموزش می دهم.
در حالت عادی قصد دارید از دکمه ها با حالت های مختلف در قسمت های مختلف طراحی رابط کاربری UI/UX استفاده کنید و هر بار باید بدنبال حالت مورد نظر خود باشید.
Variants در Figma دقیقا این مشکل را به زیبایی حل می کند و شما همه ی حالت ها را یکبار طراحی و از یک نمونه آن در سراسر طراحی UI خود استفاده می کنید. برای تغییر حالت آن فقط کافیست از لیستی که خود شما آن را نامگذاری کردید خیلی راحت حالت مورد نظرتان را انتخاب کنید تا سریع شکل آیتم یا دکمه تغییر پیدا کند.
درفیلم آموزشی 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اول بهترین افزونه های فیگما را به شما معرفی و نحوه کار با آنها را به شما آموزش می دهم.
مهمترین پلاگین که آنرا معرفی می کنم پلاگینی برای فارسی نویسی در فیگما است که خیلی راحت شما می توانید متن های خود را بصورت راستچین در فیگما بنویسید یا آن را تصحیح کنید.
اکثر این پلاگین این امکان را به شما می دهند که بتوانید خیلی سریع دیتا یا محتوای مورد نیاز در طراحی خود را بصورت اتوماتیک تهیه کنید که این دیتا ها می توانند آواتار یا تصاویر پروفایل اشخاص، دیتای متنی مثل اسم، آدرس، شغل و ... ، چارت ها و تصاویر با کیفیت اشاره کرد.
در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم.
در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.
در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم.
در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.
در آموزش کامپوننت ها و ساخت یک دکمه برای همه جا در Adobe Xd میخواهیم با استفاده از کامپوننت ها دکمه ای را به عنوان نمونه درست می کنیم که براحتی بتوان در سرتاسر طراحی رابط کاربری از آن استفاده کرد.
در این فیلم به مفهوم و تفاوت های طراحی رابط و تجربه کاربری ( UI/UX ) می پردازم. در ابتدای این فیلم مفهوم طراحی تجربه کاربر یا UX Design را برای شما توضیح می دهم و بعد بصورت خلاصه مراحل طراحی تجربه کاربر یک سرویس ، وبسایت یا اپلیکیشن را به شما نمایش و آموزش می دهم.
در آموزش چطور از صفر طراح گرافیک بشویم به این می پردازیم که چطور از صفر بتوانید طراحی گرافیک را یاد بگیرید، چه رشته های تخصصی در این فیلد طراحی گرافیک وجود دارد، از چه نرم افزارهایی برای طراحی در هر کدام از فیلد های تخصصی استفاده کنیم، چطور نمونه کارهایمان را به نمایش بگذاریم تا بتوانیم شغلی مناسب پیدا کنیم و معرفی کتاب هایی برای کسانی که می خواهند از صفر وارد حوزه طراحی گرافیک بشوند.
برای نصب Adobe Xd و یا اضافه کردن پشتیبانی از زبان فارسی شما نیاز دارید که ادوبی کریتیو کلود را نصب کنید. برای نصب کریتیو کلود من دو راه برای دانلود آن به شما آموزش می دهم که براحتی بتوانید آن را نصب کنید.
این یک راهنمای جامع آموزش پریمیر پرو در 2021 است. پس اگر شما به دنبال موارد زیر هستید: 1- وارد کردن ویدیو و صدا به پریمیر 2- ادیت فیلم در تایم لاین 3- اضافه کردن متن یا عنوان به فیلم در پریمیر 4- اضافه کردن ایفکت های مختلف به کلیپ ها 5- افزودن موسیقی پس زمینه به ویدیو در پریمیر 6- خروجی کامل از فیلم ادیت شده 7- طراحی و فایل عناوینی برای قرار گیری روی ویدیو در پریمیر 8- افکت های انتقال نرم بین کلیپ های مختلف 9- و... این آموزشها شما را از صفر راهنمایی می کند که بتوانید سریع در این حوزه پیشرفت کنید.
این یک راهنمای جامع آموزش یوتیوب در 2021 است. پس اگر شما به دنبال موارد زیر هستید: 1- ساخت و راه اندازی کانال یوتیوب 2- ضبط و تولید محتوا 3- ادیت ویدیوهای یوتیوب 4- بهینه سازی ویدیو ها، عنوان، توضیحات و کلید واژه های یوتیوب 5- گرفتن بازدید و ترافیک زیاد روی ویدیو ها و کانال. این آموزشها شما را از صفر راهنمایی می کند که بتوانید سریع در این حوزه پیشرفت کنید.
Pseudo-elements ها در CSS کلمات کلیدی هستند که به انتخابگرها برای انتخاب قسمتی از محتوای عنصر اضافه می شوند. با برخی از این انتخابگرها می توان محتوای مجازی برای عناصر بوجود آورد و آنها را در CSS هدف قرار داد.
در ادامه لیست تمام pseudo-elementها آمده است و می توانید برای بررسی دقیق هر کدام به صفحه مخصوص به آن مراجعه کنید.