iHMahmoodi
Visual Designer

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

Adobe Xd fundamentals: Images and Masking - Part 4

آموزش کار با تصاویر و ماسک کردن در 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 یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)

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

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

 

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

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

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

 

خبرنامه هفتگی دیزاین DeXigner News
خبرنامه هفتگی دیزاین DeXigner News
هر هفته آموزش‌ها، مطالب و لینک های مفید در زمینه دیزاین را در ایمیل خود داشته باشید!
شما در هر زمانی می‌توانید ارسال خبرنامه را لغو کنید.

 

طراحی رابط کاربری ( 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

 

در خبرنامه ما عضو شوید
در خبرنامه ما عضو شوید
آخرین مطالب آموزش های ما را هر هفته در ایمیل خود داشته باشید.
شما می توانید در هر زمان عضویت خود را لغو کنید.
عضویت
اطلاع از
guest
0 نظرات
Inline Feedbacks
نمایش همه‌ی نظرات