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

منتخب برنامه‌های افزودنی ما را برای مرورگر Chrome، که برای کمک به طراحان در کارهای روزانه‌شان طراحی شده‌اند، کشف کنید.

افزونه‌های کروم بسیار زیاد هستند و اغلب با ارائه ویژگی‌های مفید و سریع، کار را برای کاربران خاص آسان‌تر می‌کنند. در این مقاله، منتخبی از ده افزونه رایگان برای مرورگر وب گوگل را به شما پیشنهاد می کنیم که به طراحان از همه نوع اختصاص دارد!

•  قطره چکان چشم

Eye Dropper یک افزونه متن باز است که به شما امکان می دهد رنگ ها را مستقیماً از یک صفحه وب شناسایی و انتخاب کنید. این ابزار به شکل یک انتخابگر است که با قرار دادن ماوس روی عناصر یک صفحه، امکان کپی کردن رنگ آن را به شما می دهد و در عین حال کد RGB آن (به عنوان مثال: 0، 147، 14) و کد HEX آن را به شما اطلاع می دهد. (به عنوان مثال: #00930e). Eye Dropper همچنین به شما نمودار رنگی را ارائه می دهد تا به سرعت رنگ ها را مستقیماً در یک پنجره پاپ آپ انتخاب کنید.

افزونه Eye Dropper را دانلود کنید

• صفحه خط کش

صفحه خط کش به طراحان اجازه می دهد تا هر عنصر را در یک صفحه وب به طور دقیق اندازه گیری کنند. با استفاده از یک خط کش، که تقریباً مانند ابزار اسکرین شات استفاده می شود، می توانید به سرعت و با دقت اندازه پیکسل یک تصویر، یک دکمه یا هر فضایی را در یک صفحه بدست آورید. بسیار کاربردی، این ابزار کوچک ایجاد طراحی های دقیق وب را همسو و تسهیل می کند.

افزونه ی Page Ruler را کشف کنید

• تغییر اندازه پنجره

پسوند Window Resizer به شما کمک می کند تا به سرعت پنجره مرورگر وب خود را تغییر اندازه دهید تا با وضوح های مختلف صفحه مطابقت داشته باشد. پس از نصب، Window Resizer فرمت‌های مختلفی را به شما ارائه می‌دهد که استانداردهای دستگاه‌های خاصی مانند گوشی‌های هوشمند، تبلت، لپ‌تاپ یا مدل‌های دسکتاپ را برآورده می‌کنند. این ابزار به شما اجازه می‌دهد تا طرح‌های واکنش‌گرا را با شبیه‌سازی نوع خاصی از صفحه نمایش، همه در چند کلیک آزمایش کنید.

افزونه ی Window Resizer را دانلود کنید

• CSSViewer

استفاده بسیار آسان، پسوند CSSViewer به شما اجازه می دهد تا به سرعت ویژگی های CSS هر عنصر را در یک صفحه وب مشاهده کنید. با فعال کردن برنامه افزودنی، اطلاعاتی مانند اندازه‌ها، رنگ‌ها، فونت‌ها، موقعیت‌ها بر روی یک عنصر بازرسی شده مانند تصویر، دکمه عمل، متن، عنوان و غیره ظاهر می‌شوند.

افزونه ی CSSViewer را کشف کنید

• Sumopaint

Sumopaint یک ابزار کامل نقاشی و ویرایش تصویر است که به شما این امکان را می دهد که مانند فتوشاپ تصاویر بصری را روتوش کنید. پس از فعال شدن، برنامه افزودنی یک رابط وب با مجموعه ای از ویژگی ها، مانند پشتیبانی از لایه ها، براش های حرفه ای، گزینه های سایه، رنگ ها، فیلترها، انتخاب ها و بسیاری دیگر را باز می کند.

افزونه ی Sumopaint را دانلود کنید

• طراح گرافیک شما

در راستای Your Graphic Designer افزونه‌ای است که از نرم‌افزار ترسیم وکتور ادوبی Illustrator الهام گرفته شده است. در اینجا افزونه، که هنگام باز کردن شما را به یک رابط وب ایجاد می‌برد، یک ویرایشگر گرافیک برداری کوچک HTML5 برای ایجاد نقشه‌ها، وکتورها و نقاشی‌ها است. این ابزار را می توان هم به صورت آنلاین و هم آفلاین با طیف گسترده ای از ابزارهای برداری استفاده کرد.

افزونه ی Your Graphic Designer را دانلود کنید

• Hover Zoom+

با نگه داشتن ماوس روی هر تصویر کوچک یا پیوند تصویر در یک صفحه وب، به لطف افزونه Hover Zoom+، می‌توانید بدون نیاز به کلیک کردن روی آن، نسخه بزرگ‌نمایی شده تصویر را دریافت کنید. با استفاده از این ابزار کوچک، جستجوی سریع مراجع بصری، بررسی جزئیات یک تصویر و سرعت بخشیدن به فرآیند انتخاب بدون وقفه در جریان کار امکان پذیر است.

افزونه ی Hover Zoom+ را دانلود کنید

• Texmage

Texmage به کاربران خود این امکان را می دهد که مستقیماً از مرورگر خود روی تصاویر همپوشانی متن ایجاد کنند. این پسوند نیازی به دانلود یک تصویر و سپس باز کردن آن در نرم افزار ویرایش فقط برای افزودن متن ندارد. برای کار بر روی تبلیغات، پوسترها یا پست‌های شبکه‌های اجتماعی، این یک راه‌حل ساده برای آزمایش مکان‌های مختلف متون، فونت‌ها یا پیام‌ها بدون خروج از مرورگر است.

افزونه ی Texmage را دانلود کنید

• PerfectPixel

این برنامه افزودنی به طراحان اجازه می دهد تا یک تصویر نیمه شفاف را در بالای کار فعلی خود در مرورگر قرار دهند. بنابراین PerfectPixel به انجام تأیید پیکسل به پیکسل بین طراحی برنامه ریزی شده و وب سایت یا رابط در حال توسعه کمک می کند. این ابزار برای اطمینان از وفاداری بین طراحی اصلی و محصول نهایی مفید است، و طراحان وب و رابط کاربری می توانند از آن استفاده کنند تا اطمینان حاصل شود که هر عنصر به خوبی در موقعیت مناسب قرار می گیرد و به مارک ها، اندازه فونت ها و فاصله ها همانطور که انتظار می رود احترام می گذارد.

افزونه ی PerfectPixel را دانلود کنید

• Daltonize

افزونه‌ای است که رنگ‌های وب‌سایت‌ها را تنظیم می‌کند تا کاربران کوررنگی بیشتر در دسترس باشند. این تضاد رنگ ها را اصلاح می کند و امکان تمایز برخی از آنها را که ممکن است اشتباه گرفته شوند را ممکن می سازد. این ابزار به ویژه برای طراحانی که نگران دسترسی به کار خود هستند مفید است، زیرا به آنها کمک می کند تا آثار خود را از طریق فیلتر Daltonize مشاهده کنند و درک کنند که برخی از کاربران ممکن است درک کنند. بنابراین، آنها می توانند پالت رنگ خود را برای بهبود وضوح طرح ها تنظیم کنند.

افزونه ی Daltonize را دانلود کنید