آموزش فیگما – 5 پلاگین فوق العاده کاربردی Figma 2021 – قسمت دوم
در فیلم آموزشی 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت دوم قصد دارم 5 پلاگین دیگر را به همراه نحوه کار آن را به شما معرفی و آموزش دهم.
دسته طراحی رابط کاربری UI/UX
طراحی رابط کاربری – User interface design
ادامه مطلبآموزش فیگما – 5 پلاگین فوق العاده کاربردی Figma 2021 – قسمت دوم
آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma
در حالت عادی قصد دارید از دکمه ها با حالت های مختلف در قسمت های مختلف طراحی رابط کاربری UI/UX استفاده کنید و هر بار باید بدنبال حالت مورد نظر خود باشید.
Variants در Figma دقیقا این مشکل را به زیبایی حل می کند و شما همه ی حالت ها را یکبار طراحی و از یک نمونه آن در سراسر طراحی UI خود استفاده می کنید. برای تغییر حالت آن فقط کافیست از لیستی که خود شما آن را نامگذاری کردید خیلی راحت حالت مورد نظرتان را انتخاب کنید تا سریع شکل آیتم یا دکمه تغییر پیدا کند.
5 پلاگین فوق العاده کاربردی فیگما 2021 – قسمت اول
درفیلم آموزشی 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اول بهترین افزونه های فیگما را به شما معرفی و نحوه کار با آنها را به شما آموزش می دهم.
مهمترین پلاگین که آنرا معرفی می کنم پلاگینی برای فارسی نویسی در فیگما است که خیلی راحت شما می توانید متن های خود را بصورت راستچین در فیگما بنویسید یا آن را تصحیح کنید.
اکثر این پلاگین این امکان را به شما می دهند که بتوانید خیلی سریع دیتا یا محتوای مورد نیاز در طراحی خود را بصورت اتوماتیک تهیه کنید که این دیتا ها می توانند آواتار یا تصاویر پروفایل اشخاص، دیتای متنی مثل اسم، آدرس، شغل و ... ، چارت ها و تصاویر با کیفیت اشاره کرد.
10 ترفند فوق العاده کاربردی فیگما 2021 – قسمت اول
در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم.
در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.
آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی
در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم.
در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.
کامپوننت ها در Adobe Xd و ساخت یک دکمه برای همه جا
در آموزش کامپوننت ها و ساخت یک دکمه برای همه جا در Adobe Xd میخواهیم با استفاده از کامپوننت ها دکمه ای را به عنوان نمونه درست می کنیم که براحتی بتوان در سرتاسر طراحی رابط کاربری از آن استفاده کرد.
طراحی رابط و تجربه کاربری UI/UX چیست و چه تفاوت هایی با هم دارند؟
در این فیلم به مفهوم و تفاوت های طراحی رابط و تجربه کاربری ( UI/UX ) می پردازم. در ابتدای این فیلم مفهوم طراحی تجربه کاربر یا UX Design را برای شما توضیح می دهم و بعد بصورت خلاصه مراحل طراحی تجربه کاربر یک سرویس ، وبسایت یا اپلیکیشن را به شما نمایش و آموزش می دهم.
چطور در 2021 از صفر طراحی گرافیک را یاد بگیریم؟
در آموزش چطور از صفر طراح گرافیک بشویم به این می پردازیم که چطور از صفر بتوانید طراحی گرافیک را یاد بگیرید، چه رشته های تخصصی در این فیلد طراحی گرافیک وجود دارد، از چه نرم افزارهایی برای طراحی در هر کدام از فیلد های تخصصی استفاده کنیم، چطور نمونه کارهایمان را به نمایش بگذاریم تا بتوانیم شغلی مناسب پیدا کنیم و معرفی کتاب هایی برای کسانی که می خواهند از صفر وارد حوزه طراحی گرافیک بشوند.
آموزش متحرک کردن آیکان ها در Adobe XD
در این قسمت از آموزش طراحی UI/UX با Adobe Xd قصد دارم با استفاده از ویژگی جدید که به ایکس دی در سال 2021 به آن اضافه شده آیکان ها را متحرک کنیم و در واقع میکرو اینتراکشن های مختلفی را برای عناصری که با استفاده از قابلیت Border یا Stroke طراحی شده اند، ایجاد کنیم.
آموزش جامع Adobe Xd – طراحی آیکان با Pathfinder – قسمت پنجم
در قسمت پنجم آموزش جامع Adobe Xd به سراغ دستورات Boolean یا Path Finder می روم که بوسیله آن شما می توانید شکل های جدیدی در Xd طراحی کنید. فرض کنید که شما قصد دارید قسمتی از NavBar را برای دکمه Add به صورت 6 ضلعی در بیاورید.
