أفضل ملحقات كروم للمصممين

كمصمم جرافيك ، من الطبيعي أن تكون على دراية باتجاهات المصممين الآخرين والرسامين والمبدعين ... وبالتالي ، ستستخدم الإنترنت. لكن، هل تعلم أن هناك ملحقات في Chrome يمكنها مساعدتك كثيرًا في عملك؟

لقد قمنا بتجميع مجموعة مختارة من أفضل ملحقات Chrome لتتمكن من إلقاء نظرة عليها. قد يكون بعضها مألوفًا لك ، وقد يكون البعض الآخر جديدًا عليك. الشيء المهم هو أن ترى أن هذه يمكن أن تساعدك كثيرًا في عملك. هل نذهب معهم؟

إطار سلكي فوري

نبدأ بملحق Chrome مثالي لمن يصنعون صفحات الويب. وهذا ، مع هذا ، ما سوف تكون قادرًا على رؤيته هو الهيكل العظمي لموقع الويب ، أي إطاراته السلكية. بهذه الطريقة ، تحصل على فكرة عن كيفية بنائه.

على الرغم من أنك لا ترى أي معنى في الوقت الحالي ، إلا أنه عند إنشاء صفحة ويب لأحد العملاء ، يجب أن تعرف كيف تقوم منافسيك بذلك و يمكن أن يساعدك هذا في معرفة المكان الذي يجب أن تضع فيه العناصر للحصول على نتيجة مرئية أفضل.

إذا كان لديك أيضًا معرفة بدرجة حرارة المشاهدة لدى المستخدمين (أي الأجزاء التي يراها المستخدمون كثيرًا على الويب) ، فستتمكن من الحصول على نتيجة فعالة للغاية.

WhatFont

من بين امتدادات Chrome الأخرى التي كان يجب عليك تثبيتها (تذكر أنها مجانية) هي هذا. يتم استخدامه لاكتشاف المحرف الذي تم استخدامه على صفحة الويب ، على الرغم من أنه مفيد لك أيضًا ، في موقع WhatFont الإلكتروني ، لمعرفة أسلوب طباعة الملصقات والصور وما إلى ذلك.

في حالة الامتداد ، كل ما عليك فعله هو تحديد المصدر وسيبحث عن ماهيته ، أو على الأقل سيُظهر لك بعض الامتدادات المتشابهة جدًا.

إنه مفيد جدًا عندما تريد خطًا أعجبك لكن لا يمكنك قضاء ساعات وساعات في البحث عنه بشكل أعمى.

بكسل مثالي

عندما تقوم بعمل رسم للعميل ، مرتبط بصفحة ويب ، فأنت تعلم أنه في بعض الأحيان لن يكون هو نفسه دائمًا. ولكن ، إذا كنت شديد الكمال ، يمكنك أن تفعل كل ما في وسعك لتحقيق ذلك.

حسنًا ، يساعدك هذا الامتداد في مقارنة التصميم الذي قمت بإنشائه والنتيجة التي ستظهر على جهاز الكمبيوتر الخاص بك. بهذه الطريقة ستعرف ما إذا كان كل شيء مناسبًا بشكل صحيح أم أن هناك شيئًا غير صحيح. لذا يمكنك لمس هذا الجزء بحيث يبدو تمامًا كما كنت قد فكرت وابتكرته في البداية.

أدوات مصمم

هذا هو أحد ملحقات Chrome الأخرى التي يجب أن تجربها. بالإضافة إلى أنه يوفر لك العديد من الأدوات في واحدة: معرّف الخط المستخدم في النصوص ، وإمكانية مراجعة الألوان التي تمت إضافتها إلى الصفحات أو حتى الحدود.

يمكننا القول أنه الكل في واحد ، لأنه يتضمن العديد من الامتدادات التي تحدثنا عنها (والتي سنتحدث عنها أدناه).

stylebot

هل تريد إجراء تغييرات في تصميم الويب لإظهارها للعميل؟ وبدون لمس أي شيء على الويب؟ حسنًا ، هذا ممكن مع هذا الامتداد. للقيام بذلك ، ما سوف تلمسه هو خصائص CSS وما ستفعله هو ، بناءً على ما تضعه ، قم بتغيير الويب لمعاينته بالطريقة التي تريدها أن تبدو.

والآن ستقول ولماذا؟

حسنًا ، له عدة استخدامات:

• من ناحية أخرى ، يمكنك أن تُظهر للعملاء المحتملين ما الذي ستفعله بموقعهم على الويب لتحسينه (وصدقنا عندما نخبرك أن هذا أفضل من أي سيرة ذاتية).
• من ناحية أخرى ، لأنه يمكنك عرض ما يمكنك فعله في اجتماع مباشر لتغيير الويب دون الحاجة إلى اللمس كثيرًا. أو إذا.

حاكم الصفحة

هذا هو أحد ملحقات Chrome الأقل شهرة ، ولكن الحقيقة هي أنه يمكنك إعطائها العديد من الاستخدامات. أولاً ، سنخبرك أنه يُستخدم لقياس عناصر موقع الويب ، ليس فقط على مستوى البكسل ، ولكن أيضًا المسافة بين العناصر الأخرى.

على سبيل المثال ، تخيل أنك وضعت ثلاثة مربعات أفقية. وتريد أن تكون المسافة بين الثلاثة متساوية. حسنًا ، هذه الأداة تساعدك على تربيعهم.

حتى لو كنت تعتقد أنه ليس مفيدًا جدًا ، إذا كنت منشد الكمال وتريد أن يبدو جيدًا ، فستستخدمه بالتأكيد.

لقطة شاشة كاملة الصفحة

هذا واحد من أشهرها ، ويسمح لك بالتقاط لقطة شاشة لصفحة الويب ، ولكن ليس فقط الجزء المرئي في المستعرض ، ولكن الويب بالكامل. إنه مثالي ، على سبيل المثال ، عندما تريد تقديم المشروع إلى العميل ولا يتعين عليك الالتقاط عن طريق الالتقاط ، ولكن عليك رؤية النتيجة النهائية بشكل أكثر عمومية. يمكن استخدام نفس الشيء مع تلك التي تراها على الإنترنت وتريد الحصول عليها كمرجع ، إما لأنك أحببت التصميم والألوان وما إلى ذلك.

محلل تباين اللون

لقد أحببنا حقًا هذا الامتداد لأنه يمكن أن يساعدك في التركيز على جمهور معين. تُستخدم الأداة لضمان وضوح النص ، وكذلك التباينات المرئية الموجودة بشكل عام.

بمعنى آخر ، سيخبرك ما إذا كان النص والألوان التي اخترتها تبدو جيدة وكل شيء يمكن قراءته.

الآن، سبب إعجابنا به لأنه يمكنك رؤية النتيجة وفقًا لعدة متغيرات. على سبيل المثال ، ماذا لو كان الويب يركز على كبار السن المصابين بإعتام عدسة العين؟ حسنًا ، سترى الأمر على هذا النحو وستعرف ما إذا كان صحيحًا أم لا. ماذا لو كان الجمهور من الأشخاص المصابين بعمى الألوان؟ حسنا نفس الشيء.

بهذه الطريقة ستحسن النتيجة النهائية لأنك ستركز على تلك المجموعات.

مولد لوريم إيبسوم

كما تعلم ، عند إنشاء صفحة ويب ، يجب أن يكون لديك بعض النص لمعرفة كيف ستبدو. لهذا الغرض ، يتم استخدام Lorem Ipsum ، وهو نص يحتوي حاليًا على العديد من المتغيرات.

حسنًا ، باستخدام Lorem Ipsum Generator ، ستتمكن من إنشاء النص وفقًا لعدد الكلمات والعبارات والحروف ... وبالتالي لن يكون عليك سوى النسخ واللصق.

ColorZilla

هل تتذكر امتداد WhatFont؟ مع ذلك حددت محرفًا. حسنًا ، ما ستفعله بهذا هو تحديد اللون الذي استخدموه. بهذه الطريقة ستمنحك الكود بحيث يمكنك استخدامه في برامج تحرير الصور الخاصة بك والحصول على نفس درجة اللون التي تفضلها.

كما ترى ، هناك العديد من ملحقات Chrome التي ، إذا كنت تعمل في التصميم ، يجب عليك تمكينها. في الواقع ، هناك المزيد ، ولكن أفضل شيء هو تجربة هذه الأشياء ومعرفة أيها يناسب عملك بشكل أفضل. هل تنصح أكثر؟