در این آموزش من 10 افزونه فوق العاده را برای مرورگرهای کرومیوم یعنی کروم و مایکروسافت اج به که برای همه ی طراحان به خصوص طراحان رابط و تجربه کاربری ( UI/UX ) خیلی کاربردی است را به شما معرفی و نحوه استفاده از آن ها را آموزش می دهم.
افزونه هایی که معرفی می شود به شما کمک می کند که آیکان های SVG سایتی را براحتی دانلود کنید، از صفحه وبسایت ها فیلم یا اسکرین شات بگیرید، پالت های رنگی وبسایتی را استخراج و در طرح خود از آن ها استفاده کنید و موارد زیاد دیگری که در فیلم آن ها رو می بینید.
چه افزونه های برای طراحان رابط و تجربه کاربری در فیلم معرفی می شود؟
من با توجه به تجربه ام در این حوزه به مشکلات و مسائل مختلفی برخورد کردم که برای حل آن ها از افزونه های مختلفی استفاده کردم و از جمله آنها می توان موارد زیر را نام برد
- افزونه دانلود آیکان های SVG از وبسایت ها
- اکستنشن گرفتن رنگ قسمتی از وبسایت
- افزونه گرفتن اسکرین شات و ضبط فیلم از وبسایت
- اکستنشن تغییر صفحه اولیه مروگر به اخبار و مقالات جدید طراحی
- افزونه کروم پیدا کردن نام فونت و تایپ فیس استفاده شده در یک وبسایت
- تغییر اندازه نمایشگر برای تست ریسپانسیو وبسایت
- اکستنشن عکس گرفتن از قسمت خاصی از وبسایت و ساخت تصویر متحرک
- افزونه کروم ساخت مود برد و جمع کردن ایده های طراحی
- اکستنشن کروم برای تست دسترسی پذیری رنگ در وبسایت
- افزونه کروم برای ساخت پالت رنگی از یک وبسایت
لینک آموزش در یوتیوب
10 افزونه فوق العاده کاربردی برای طراحان رابط کاربری
طراحی رابط کاربری ( UI/UX ) را از صفر از کجا یاد بگیرم؟
لینک آموزش ها و مقالات فارسی دیگر طراحی رابط کاربری ( 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