در قسمت چهارم آموزش جامع طراحی UI/UX با Adobe Xd من به سراغ نحوه کار با تصاویر و ماسک کردن آن ها می روم.
شما با استفاده از تصاویر مناسب در کنار ساختاری که برای UI خود در نظر گرفته اید می توانید یک کار فوق العاده نشان بدهید و یا برعکس با استفاده از تصاویر بد حتی در صورتی که همه موارد در طراحی UI/UX را خوب انجام داده باشید آن را بد و ضعیف نشان دهید.
علاوه بر ویژگی های تصویر که در Adobe Xd بررسی می کنیم، گزینه Background Blur را که برای تار کردن و حالت شیشه ای دادن به قسمتی از UI می شود را نیز بررسی می کنیم.
در ادامه نحوه ویرایش تصاویر در فتوشاپ از داخل Xd و ذخیره تغییرات آن و اعمال مجدد تغییرات در Xd را آموزش می دهم و در نهایت ویژگی های Blend Mode که باعث ترکیب لایه های مختلف با هم می شود را بررسی می کنیم. شما با Blending mode می توانید به عنوان مثال یک رنگ را بر روی تصویر قرار دهید و با ترکیب آن با لایه عکس، رنگ تصویر را تغییر دهید.
در آموزش کار با تصاویر و ماسک کردن در Xd چه چیزهایی یاد می گیریم؟
درقسمت چهارم آموزش جامع Adobe Xd شما کاملا با تصاویر و تنظیمات مرتبط با آن آشنا می شوید و در نهایت نکاتی روش های مختلفی برای ماسک کردن تصاویر در Xd را می آموزید که از جمله آن می توان به
- راه های مختلف وارد کردن تصویر در xd
- تنظیمات مختلف تصاویر
- محو کردن قسمتی از تصویر
- گرد کردن گوشه های تصویر
- شیشه ای کردن تصویر
- ترکیب تصاویر با یکدیگر
- ویرایش تصاویر در فتوشاپ و دیدن نتیجه در xd
- سه روش مختلف ماسک کردن تصاویر در xd
- و…
لینک آموزش در یوتیوب
آموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم
قسمت های دیگر آموزش Adobe Xd را در کجا ببینیم؟
شما می توانید تمام قسمت های آموزش Adobe Xd را در بخش آموزش Adobe Xd وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.
همچنین در آخر همین پست تعدادی از لینک های مرتبط آموزش ادوبی ایکس دی نیز قرار داده شده است.
[newsletter-pack newsletter=’8661′]
طراحی رابط کاربری ( UI/UX ) را از صفر از کجا یاد بگیرم؟
لینک آموزش ها و مقالات فارسی دیگر طراحی رابط کاربری ( UI/UX ) در وبلاگ من:
آموزش جامع طراحی Adobe Xd – محیط ظاهری و آرتبورد ها – قسمت اول
آموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd – قسمت دوم
آموزش ابزار متن و فارسی نویسی در Adobe Xd – قسمت سوم
آموزش Adobe XD – معرفی 5 پلاگین فوق العاده کاربردی – قسمت دوم
معرفی 5 پلاگین فوق العاده کاربردی برای Adobe Xd- قسمت اول
آموزش Adobe Xd - یک دکمه برای همه جا در طراحی رابط کاربری
10 افزونه فوق العاده کاربردی برای طراحان رابط کاربری
آموزش UI/UX : طراحی رابط کاربری را از صفر چطور و از کجا یاد بگیریم؟
آموزش UI/UX : وایرفریم چیه و چطور آن را طراحی کنیم؟
چطور طرح رابط کاربری را در اختیار برنامه نویس و کارفرما قرار دهیم؟
لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟
اصطلاحات طراحی رابط کاربری – بخش اول: رنگها
آموزش UI/UX : اصول طراحی رابط کاربری برای تلویزیون
طراحی رابط کاربری موبایل 101: pixels, points و resolutions
