معرفی و بهترین افزونه های کروم برای طراحان سایت

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

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

10 اکستنشن کروم برای طراحان سایت

1.افزونه حالت تاریک

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

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

لینک دانلود

2.افزونه رنگ توسط فردوس (Color by fardos)

با استفاده از این افزونه می توانید رنگ را از هر وب سایتی انتخاب کنید. ممکن است بپرسید، آیا این یک افزونه انتخاب کننده رنگ معمولی نیست که معمولا روی کروم نصب است؟

پاسخ خیر است، یکی از جالب‌ ترین ویژگی‌های Color by fardos این است که می‌توانید هر نام رنگی را تایپ کنید و سایه‌ها، رنگ‌ها، تترادیک، سه‌گانه و مکمل آن رنگ خاص را دریافت خواهید کرد.

جستجو در یک وب سایت و دانستن موارد تکمیلی و سایر موارد اساسی رنگ دشوار است. بنابراین ما از این افزونه برای صرفه جویی در وقت خود استفاده می کنم.

لینک دانلود

3.وات فونت (Whatfont)

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

لینک دانلود

4.Heurio ابزار بررسی UX و بازخورد بصری

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

تنها کاری که باید انجام دهید این است که یک وب سایت باز کنید، روی افزونه کلیک کنید، ایده های خود را با کلیک بر روی هر عنصری در وب سایت پین کنید، و پیوندی را با تمام تغییرات تیم توسعه دهنده به اشتراک بگذارید.

لینک دانلود

5.Window resizer

این افزونه اندازه پنجره شما را به هر وضوحی تغییر می دهد تا بتوانید هر دستگاهی را شبیه سازی کنید. می توانید ارتفاع و عرض را برای تغییر پنجره وب سایت به یک پنجره خاص تنظیم کنید.

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

لینک دانلود

6.افزونه پالت سایت Site palette

این افزونه به شما کمک می کند تا تمام رنگ ها را از وب سایت استخراج کنید. شما حتی می توانید آن رنگ ها را به عنوان تصویر خروجی بگیرید. پالت سایت از ژنراتورهای پالت پشتیبانی می کند. می توانید لینک قابل اشتراک گذاری را ایجاد کنید. پالت سایت با Adobe Swatch، coolors.co و غیره مرتبط است.

می توان گفت این اکستنشن کروم مناسب طراحی سایت، یکی از ابزار های واجد برای هر طراح سایتی است که در فضای اینترنت به دنبال ایده های تازه می گردد.

لینک دانلود

7.افزونه Savee

تصاویر را از هر سایتی مستقیماً در تابلوهای خود در savee.it ذخیره کنید. آیا همه تصاویر فضای کاری خود را در گالری ذخیره می کنید و در هنگام پیدا کردن آن تصاویر احساس مشکل می کنید؟

این افزونه به شما کمک می کند تا تمام تصاویر، الهامات و … را در یک مکان ذخیره کنید و از هر کجا می توانید به این تصاویر دسترسی داشته باشید.

لینک دانلود

8.SiteSee اکستنشن

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

از طریق این افزونه، ایده های عالی را به راحتی بدون حتی رفتن به هیچ سایتی و جستجوی آنها به دست خواهید آورد.

لینک دانلود

9.Unstack Style Guide

Unstack Style Guide یک افزودنی کروم است که به شما امکان می دهد تمام اطلاعات طراحی مورد نیاز خود را از هر وب سایتی، از جمله پالت برند، رنگ های متن و انواع فونت، به راحتی و به شکلی کارآمد دریافت کنید. با استفاده از این افزونه می توانید راهنما سبک را با چند کلیک کپی کرده و از آنها خروجی دریافت کنید.

لینک دانلود

10.افزونه Colour Contrast Checker

کنتراست در رابط کاربری بسیار مهم است، اکثر مبتدیان نمی دانند چگونه کنتراست را بررسی کنند و کاربران به دلیل کنتراست با چه مشکلاتی مواجه خواهند شد. بنابراین بررسی کنتراست رنگ واقعاً کمک زیادی به شما می کند و اطلاع می دهد که چه عناصری با استانداردهای سطح AA WCAG مطابقت ندارند.