آموزش جامع Adobe XD - کار با تصاویر و ماسک کردن - قسمت چهارم
1.7 هزار بار بازدید -
3 سال پیش
-
در قسمت چهارم آموزش جامع
در قسمت چهارم آموزش جامع طراحی UI/UX با Adobe Xd من به سراغ نحوه کار با تصاویر و ماسک کردن آن ها می روم.
شما با استفاده از تصاویر مناسب در کنار ساختاری که برای UI خود در نظر گرفته اید می توانید یک کار فوق العاده نشان بدهید و یا برعکس با استفاده از تصاویر بد حتی در صورتی که همه موارد در طراحی UI/UX را خوب انجام داده باشید آن را بد و ضعیف نشان دهید.
🔶⭐ UI/UX Design Courses - ثبت نام و دانلود دوره های آموزشی طراحی رابط و تجربه کاربری
https://Learnuix.ir
علاوه بر ویژگی های تصویر که در Adobe Xd بررسی می کنیم، گزینه Background Blur را که برای تار کردن و حالت شیشه ای دادن به قسمتی از UI می شود را نیز بررسی می کنیم.
در ادامه نحوه ویرایش تصاویر در فتوشاپ از داخل Xd و ذخیره تغییرات آن و اعمال مجدد تغییرات در Xd را آموزش می دهم و در نهایت ویژگی های Blend Mode که باعث ترکیب لایه های مختلف با هم می شود را بررسی می کنیم.
شما با Blending mode می توانید به عنوان مثال یک رنگ را بر روی تصویر قرار دهید و با ترکیب آن با لایه عکس، رنگ تصویر را تغییر دهید.
🔶 آموزش دانلود و نصب ادوبی کریتیو کلود و Adobe Xd - Adobe Creative Cloud
آموزش دانلود و نصب ادوبی کریتیو کلود ...
🔷 اگر قسمت اول آموزش طراحی UI/UX با Adobe Xd را مشاهده نکردید می توانید از طریق لینک زیر آن را ببینید
آموزش جامع Adobe Xd - محیط ظاهری و آر...
🔷 کانال تلگرام برای معرفی کتاب ها و نکات کاربردی و آموزش های مختلف
https://t.me/AsteriXarts
Instagram: AsteriXarts
✍ عضویت در کانال:
https://www.youtube.com/AsteriXarts?s...
📄 مطالب و نکات بیشتر را در وبلاگ من بخوانید و عضو خبرنامه وبلاگم شوید
https://blog.iHMahmoodi.ir
🔷 گروه تلگرام برای بحث و تبادل نظر در حوزه دیزاین رابط و تجربه کاربری
https://t.me/UIXFamily
🔶 آموزش های اختصاصی طراحی در اینستاگرام
Instagram: AsteriXarts
🔷 وبسایت هایی برای نمایش نمونه کار در حوزه طراحی رابط و تجربه کاربر
Instagram: iHMahmoodi
https://Dribbble.com/iHMahmoodi
https://behance.net/iHMahmoodi
🔶 خبرنامه هفتگی دیزاین شامل مقالات، آموزش ها و منابع کمکی طراحی
https://dexignernews.ir
❤🙏 حمایت از ما برای تولید محتوای با کیفیت و رایگان
https://zarinp.al/ihmahmoodi
(برای کمک به ما در تولید محتوای با کیفیت و رایگان شما می توانید به هر اندازه که دوست دارید از طریق لینک بالا ما را حمایت کنید)
🔶 حمایت مالی با بیتکوین:
از طریق آدرس زیر می توانید به هر اندازه که دوست دارید با بیتکوین از من حمایت مالی کنید:
bc1q7jt2uvya5wgehxl7myesjh6pnx0hlrraqkeesk
🔷 آدرس سایت و شبکه های اجتماعی ما:
Website: https://AsteriXarts.com
Twitter: Twitter: AsteriXarts
Facebook: Facebook: AsteriXarts
عضویت و دسترسی به امکانات و محتوای ویژه کانال یوتیوب
@hossein.mahmoodi
#AdobeXd #ui #ادوبی_ایکس_دی
شما با استفاده از تصاویر مناسب در کنار ساختاری که برای UI خود در نظر گرفته اید می توانید یک کار فوق العاده نشان بدهید و یا برعکس با استفاده از تصاویر بد حتی در صورتی که همه موارد در طراحی UI/UX را خوب انجام داده باشید آن را بد و ضعیف نشان دهید.
🔶⭐ UI/UX Design Courses - ثبت نام و دانلود دوره های آموزشی طراحی رابط و تجربه کاربری
https://Learnuix.ir
علاوه بر ویژگی های تصویر که در Adobe Xd بررسی می کنیم، گزینه Background Blur را که برای تار کردن و حالت شیشه ای دادن به قسمتی از UI می شود را نیز بررسی می کنیم.
در ادامه نحوه ویرایش تصاویر در فتوشاپ از داخل Xd و ذخیره تغییرات آن و اعمال مجدد تغییرات در Xd را آموزش می دهم و در نهایت ویژگی های Blend Mode که باعث ترکیب لایه های مختلف با هم می شود را بررسی می کنیم.
شما با Blending mode می توانید به عنوان مثال یک رنگ را بر روی تصویر قرار دهید و با ترکیب آن با لایه عکس، رنگ تصویر را تغییر دهید.
🔶 آموزش دانلود و نصب ادوبی کریتیو کلود و Adobe Xd - Adobe Creative Cloud
آموزش دانلود و نصب ادوبی کریتیو کلود ...
🔷 اگر قسمت اول آموزش طراحی UI/UX با Adobe Xd را مشاهده نکردید می توانید از طریق لینک زیر آن را ببینید
آموزش جامع Adobe Xd - محیط ظاهری و آر...
🔷 کانال تلگرام برای معرفی کتاب ها و نکات کاربردی و آموزش های مختلف
https://t.me/AsteriXarts
Instagram: AsteriXarts
✍ عضویت در کانال:
https://www.youtube.com/AsteriXarts?s...
📄 مطالب و نکات بیشتر را در وبلاگ من بخوانید و عضو خبرنامه وبلاگم شوید
https://blog.iHMahmoodi.ir
🔷 گروه تلگرام برای بحث و تبادل نظر در حوزه دیزاین رابط و تجربه کاربری
https://t.me/UIXFamily
🔶 آموزش های اختصاصی طراحی در اینستاگرام
Instagram: AsteriXarts
🔷 وبسایت هایی برای نمایش نمونه کار در حوزه طراحی رابط و تجربه کاربر
Instagram: iHMahmoodi
https://Dribbble.com/iHMahmoodi
https://behance.net/iHMahmoodi
🔶 خبرنامه هفتگی دیزاین شامل مقالات، آموزش ها و منابع کمکی طراحی
https://dexignernews.ir
❤🙏 حمایت از ما برای تولید محتوای با کیفیت و رایگان
https://zarinp.al/ihmahmoodi
(برای کمک به ما در تولید محتوای با کیفیت و رایگان شما می توانید به هر اندازه که دوست دارید از طریق لینک بالا ما را حمایت کنید)
🔶 حمایت مالی با بیتکوین:
از طریق آدرس زیر می توانید به هر اندازه که دوست دارید با بیتکوین از من حمایت مالی کنید:
bc1q7jt2uvya5wgehxl7myesjh6pnx0hlrraqkeesk
🔷 آدرس سایت و شبکه های اجتماعی ما:
Website: https://AsteriXarts.com
Twitter: Twitter: AsteriXarts
Facebook: Facebook: AsteriXarts
عضویت و دسترسی به امکانات و محتوای ویژه کانال یوتیوب
@hossein.mahmoodi
#AdobeXd #ui #ادوبی_ایکس_دی
3 سال پیش
در تاریخ 1399/11/11 منتشر شده
است.
1,753
بـار بازدید شده