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

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

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

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

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

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

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

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

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

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

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

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