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

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

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

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

علاوه بر ویژگی های تصویر که در Adobe Xd بررسی می کنیم، گزینه Background Blur را که برای تار کردن و حالت شیشه ای دادن به قسمتی از UI می شود را نیز بررسی می کنیم.

در ادامه نحوه ویرایش تصاویر در فتوشاپ از داخل Xd و ذخیره تغییرات آن و اعمال مجدد تغییرات در Xd را آموزش می دهم و در نهایت ویژگی های Blend Mode که باعث ترکیب لایه های مختلف با هم می شود را بررسی می کنیم. شما با Blending mode می توانید به عنوان مثال یک رنگ را بر روی تصویر قرار دهید و با ترکیب آن با لایه عکس، رنگ تصویر را تغییر دهید.

 

در آموزش کار با تصاویر و ماسک کردن در Xd چه چیزهایی یاد می گیریم؟

درقسمت چهارم آموزش جامع Adobe Xd  شما کاملا با تصاویر و تنظیمات مرتبط با آن آشنا می شوید و در نهایت نکاتی روش های مختلفی برای ماسک کردن تصاویر در Xd را می آموزید که از جمله آن می توان به

  1. راه های مختلف وارد کردن تصویر در xd
  2. تنظیمات مختلف تصاویر
  3. محو کردن قسمتی از تصویر
  4. گرد کردن گوشه های تصویر
  5. شیشه ای کردن تصویر
  6. ترکیب تصاویر با یکدیگر
  7. ویرایش تصاویر در فتوشاپ و دیدن نتیجه در xd
  8. سه روش مختلف ماسک کردن تصاویر در xd
  9. و…

 

(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)

YouTube ویدئو

لینک آموزش در یوتیوب

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

 

قسمت های دیگر آموزش Adobe Xd را در کجا ببینیم؟

شما می توانید تمام قسمت های آموزش Adobe Xd را در بخش آموزش Adobe Xd وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.

همچنین در آخر همین پست تعدادی از لینک های مرتبط آموزش ادوبی ایکس دی نیز قرار داده شده است.

 

[newsletter-pack newsletter=’8661′]

 

طراحی رابط کاربری ( UI/UX ) را از صفر از کجا یاد بگیرم؟

شما می توانید با عضویت در کانال یوتیوب من آموزش های دیگر طراحی رابط و تجربه کاربری ( UI / UX ) را دنبال و یاد بگیرید.

عضویت در کانال آموزشی یوتیوب : Youtube.com/AsteriXarts

اگر سوالی در مورد طراحی رابط کاربری UI داشتید، می توانید در قسمت نظرات بپرسید تا به آن ها جواب دهم.

 

 

نمونه کارهای طراحی رابط و تجربه کاربری ( UI/UX )

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

همچنین می توانید نمونه کارهای من را ببینید و من را در این شبکه ها دنبال کنید.

  1. Dribbble.com/iHMahmoodi
  2. Behance.net/iHMahmoodi
  3. Instagram.com/iHMahmoodi

 

 

در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

در صورتی که این ویدیو برای شما مفید بود, لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.

 

 

لینک آموزش ها و مقالات فارسی دیگر طراحی رابط کاربری ( 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

 

حسین محمودی
حسین محمودی

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

مقاله‌ها: 239

پاسخی بگذارید