آموزش فیگما – 5 پلاگین فوق العاده کاربردی Figma 2021 – قسمت دوم
در فیلم آموزشی 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت دوم قصد دارم 5 پلاگین دیگر را به همراه نحوه کار آن را به شما معرفی و آموزش دهم.
دسته طراحی رابط کاربری UI/UX
طراحی رابط کاربری – User interface design
آموزش طراحی یک عنصر با بینهایت حالت با 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 ضلعی در بیاورید.
آموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم
در قسمت چهارم آموزش جامع طراحی UI/UX با Adobe Xd من به سراغ نحوه کار با تصاویر و ماسک کردن آن ها می روم.
چطور مشتریان خارجی خوب پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ ویژه طراحان – قسمت سوم
در این قسمت من و مرضیه نادعلی که در حال حاضر ساکن بارسلونا هست و سالهاست که با مشتریان خارجی بصورت حرفه ای کار می‌کند می‌خواهیم به این بپردازیم که چطور کسانی که داخل ایران هستن بتوانند کار و مشتری خارجی بگیرند و چطور درآمد ارزی داشته باشند.
آموزش ابزار متن و فارسی نویسی در Adobe Xd – قسمت سوم
در قسمت سوم آموزش جامع طراحی UI/UX با Adobe Xd به سراغ ابزار پرکابرد متن یا Text رفتم تا نحوه کار کردن و همه تنظیمات مربوط به آن بعلاوه نکاتی در مورد فارسی نویسی به شما آموزش دهم.
چطور مشتری با ارزش پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ ویژه طراحان – قسمت دوم
در این قسمت من و مسعود گروسیان وارد جزئیات چگونگی ارتباط با مشتریان و شیوه های قیمت گذاری می شویم و نکاتی مهمی را برای پیدا کردن مشتریان با ارزش و خوب و همچنین قیمت درست دادن بیان می کنیم.
آموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd – قسمت دوم
در قسمت دوم از آموزش طراحی UI/UX با Adobe Xd من شکل های مختلفی که در این برنامه وجود دارد را رسم و نکات و تنظیمات هر کدام از آن ها را بررسی می کنم. در طراحی رابط کاربری ما با شکل های ساده ساختار و ظاهر کلی سرویس مورد نظرمان که می تواند وبسایت، اپلیکیشن و یا هر نوع دیگری باشد را طراحی می کنیم.
چطور مشتری خوب پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ – قسمت اول
در این فیلم من از صفر برای اینکه چطور بتوانید مشتریان با ارزش و خوب پیدا کنید و چطور بدرستی قیمتی را محاسبه و به آنها ارائه دهید نکاتی را به شما آموزش می دهم.
این فیلم با تمرکز بر حوزه طراحی ضبط شده و نکاتی که در آن گفته می شود بیشتر تمرکز بر روی قیمت گذاری طراحان است اما شما می توانید از اطلاعاتی که در فیلم گفته می شود برای پیدا کردن مشتری و قیمت گذاری در حوزه های دیگر نیز استفاده کنید.
آموزش جامع Adobe XD – محیط ظاهری و آرتبورد ها – قسمت اول
در یک سری ویدیوهای دنباله دارم من میخواهم طراحی UI/UX را با استفاده از Adobe XD به شما آموزش دهم.
در قسمت اول این سری من ابتدا نحوه دانلود و نصب ادوبی ایکس دی را به شما آموزش می دهم و سپس به سراغ معرفی قسمت های مختلف Adobe XD می روم و در ادامه نحوه ساخت و کاربرد آرتبورد های مختلف را به شما آموزش میدهم.
سپس بعضی از تنظیمات مختلف در پنل Inspector را معرفی و در نهایت با محوه فعالسازی و استفاده از خطوط راهنمای مختلف و همچنین ستون بندی آرتبورد این قسمت را ادامه می دهم.
10 افزونه کاربردی مرورگر برای طراحان رابط کاربری UI
در این آموزش من 10 افزونه فوق العاده را برای مرورگرهای کرومیوم یعنی کروم و مایکروسافت اج به که برای همه ی طراحان به خصوص طراحان رابط و تجربه کاربری ( UI/UX ) خیلی کاربردی است را به شما معرفی و نحوه استفاده از آن ها را آموزش می دهم.
Hierarchy یا هایراکی چیست و کاربرد آن در طراحی UI/UX و صفحه آرایی
در این قسمت به سراغ اصل Hierarchy یا سلسله مراتب در دیزاین رفتم به شما نشان می دهم که چطور از آن برای اولویت دادن به عناصر داخل صفحه استفاده کنید. از Hierarchy در همه‌ی حیطه های طراحی از قبیل طراحی رابط کاربری UI/UX ، صفحه آرایی ، طراحی گرافیک مثل طراحی پوستر و... بسیار استفاده می شود.
آموزش ابزارهای به اشتراک گذاری طرح رابط کاربری UI با برنامه نویس
در این فیلم من به شما نشان می دهم که چطور طراحی رابط کاربری ( UI/UX ) که انجام داده اید را در اختیار برنامه نویس با کارفرما قرار دهید تا بتوانند کد های آن را بنویسند و یا اینکه بر روی روند طراحی نظارت داشته باشند.