iHMahmoodi
Visual Designer

10 افزونه فوق العاده کاربردی برای طراحان رابط کاربری

10 Great extensions for UI/UX designers

معرفی 10 افزونه فوق العاده کاربردی برای طراحان رابط کاربری
معرفی 10 افزونه فوق العاده کاربردی برای طراحان رابط کاربری

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

 

چه افزونه های برای طراحان رابط و تجربه کاربری در فیلم معرفی می شود؟

من با توجه به تجربه ام در این حوزه به مشکلات و مسائل مختلفی برخورد کردم که برای حل آن ها از افزونه های مختلفی استفاده کردم و از جمله آنها می توان موارد زیر را نام برد

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

 

 

 

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

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

10 افزونه فوق العاده کاربردی برای طراحان رابط کاربری

 

طراحی رابط کاربری ( 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 – معرفی 5 پلاگین فوق العاده کاربردی – قسمت دوم

معرفی 5 پلاگین فوق العاده کاربردی برای Adobe Xd- قسمت اول

آموزش UI/UX : طراحی رابط کاربری را از صفر چطور و از کجا یاد بگیریم؟

آموزش UI/UX : وایرفریم چیه و چطور آن را طراحی کنیم؟

چطور طرح‌ رابط کاربری را در اختیار برنامه نویس و کارفرما قرار دهیم؟

لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

اصطلاحات طراحی رابط کاربری – بخش اول: رنگها

آموزش UI/UX : اصول طراحی رابط کاربری برای تلویزیون

طراحی رابط کاربری موبایل 101: pixels, points و resolutions

آموزش UI/UX : تفاوت pt و px در طراحی رابط کاربری

طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ

نمونه کار: رابط کاربری صفحه اعضای تیم – Team members page UI/UX

خبرنامه هفتگی UI/UX
خبرنامه هفتگی UI/UX
هر هفته آموزش‌ها، مطالب و لینک های مفید در زمینه طراحی رابط و تجربه کاربری را در ایمیل خود داشته باشید!
شما در هر زمانی می‌توانید ارسال خبرنامه را لغو کنید.

 

 

 

 

 

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