آموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم

در قسمت چهارم آموزش جامع طراحی UI/UX با Adobe Xd من به سراغ نحوه کار با تصاویر و ماسک کردن آن ها می روم.
طراحی رابط کاربری – User interface design

در قسمت چهارم آموزش جامع طراحی UI/UX با Adobe Xd من به سراغ نحوه کار با تصاویر و ماسک کردن آن ها می روم.

در قسمت سوم آموزش جامع طراحی UI/UX با Adobe Xd به سراغ ابزار پرکابرد متن یا Text رفتم تا نحوه کار کردن و همه تنظیمات مربوط به آن بعلاوه نکاتی در مورد فارسی نویسی به شما آموزش دهم.

در قسمت دوم از آموزش طراحی UI/UX با Adobe Xd من شکل های مختلفی که در این برنامه وجود دارد را رسم و نکات و تنظیمات هر کدام از آن ها را بررسی می کنم. در طراحی رابط کاربری ما با شکل های ساده ساختار و ظاهر کلی سرویس مورد نظرمان که می تواند وبسایت، اپلیکیشن و یا هر نوع دیگری باشد را طراحی می کنیم.

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

در یک سری ویدیوهای دنباله دارم من میخواهم طراحی UI/UX را با استفاده از Adobe XD به شما آموزش دهم.
در قسمت اول این سری من ابتدا نحوه دانلود و نصب ادوبی ایکس دی را به شما آموزش می دهم و سپس به سراغ معرفی قسمت های مختلف Adobe XD می روم و در ادامه نحوه ساخت و کاربرد آرتبورد های مختلف را به شما آموزش میدهم.
سپس بعضی از تنظیمات مختلف در پنل Inspector را معرفی و در نهایت با محوه فعالسازی و استفاده از خطوط راهنمای مختلف و همچنین ستون بندی آرتبورد این قسمت را ادامه می دهم.

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

در این قسمت به سراغ اصل Hierarchy یا سلسله مراتب در دیزاین رفتم به شما نشان می دهم که چطور از آن برای اولویت دادن به عناصر داخل صفحه استفاده کنید. از Hierarchy در همهی حیطه های طراحی از قبیل طراحی رابط کاربری UI/UX ، صفحه آرایی ، طراحی گرافیک مثل طراحی پوستر و... بسیار استفاده می شود.

در این فیلم من به شما نشان می دهم که چطور طراحی رابط کاربری ( UI/UX ) که انجام داده اید را در اختیار برنامه نویس با کارفرما قرار دهید تا بتوانند کد های آن را بنویسند و یا اینکه بر روی روند طراحی نظارت داشته باشند.

در این فیلم من همه ی ویژگی هایی که برای داشتن یک لندینگ پیج با نرخ بالای تبدیل نیاز دارید را به شما آموزش می دهم. Landing Page در واقع صفحاتی هستند که برای یک هدف طراحی می شوند و آن هم تبدیل یوزر به دنبال کننده یا مشتری ماست.

ر این فیلم من به این می پردازم که وایرفریم چیه و چطور باید در رابط کاربری ( UI/UX ) اون رو طراحی کنیم. در واقع شما قبل از طراحی رابط یا تجربه کاربری و یا اینکه بصورت کلی در طراحی اپلیکیشن و یا وبسایت می آیید و ساختار کلی صفحه یا Layout آن را پیاده سازی می کنید.
به عبارت دیگر در طراحی Wireframe اسکلت طرح را می کشید که متوجه بشوید عناصر در صفحه در کجا قرار می گیرند.