أفضل 10 ملحقات Chrome لمصممي الجرافيك لإنشاء رسومات مذهلة بسهولة

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

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

ملحقات الكروم الأساسية لمصممي الجرافيك

• كولورزيلا
• CSS مختلس النظر
• لقطة شاشة رائعة ومسجل شاشة
• تيكسمج
• Muzli 2
• هوس الصورة
• WhatFont
• مسطرة الصفحة
• سوموبينت
• لوحة الموقع

ملحقات الكروم الأساسية لمصممي الجرافيك

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

كولورزيلا

التقييم: 4.4
الأفضل لـ: الحصول على قراءة الألوان

ColorZilla هو امتداد شائع يوفر قطارة متطورة ومنتقي ألوان ومولد التدرج وغير ذلك الكثير. يسمح لك ColorZilla بأخذ قراءة ملونة من أي مكان في متصفحك ، وتغييرها على الفور ، ثم لصقها في برنامج آخر. باستخدام Color Picker المتطور ، يمكنك الحصول على لون كل بكسل على الصفحة (على غرار Photoshop). مع 7 لوحات مثبتة مسبقًا ، يمكنك الحصول على أعظم مولد تدرج CSS وعارض لوحة.

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

CSS مختلس النظر

التقييم: 4.7
الأفضل لـ: أسلوب التفتيش على موقع على شبكة الإنترنت

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

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

لقطة شاشة رائعة ومسجل شاشة

التقييم: 4.6
الأفضل من أجل: التقاط الشاشة وتسجيلها

Awesome Screenshot and Screen Recorder هو مسجل شاشة شهير ، والتقاط الشاشة ، وامتداد Chrome للشاشة الذي يمكنه تسجيل العروض بدقة 720p أو 1080p أو 4K. إنه مفيد جدًا لأي سبب مصمم. تشمل ميزاته البارزة ما يلي:

• 2 في 1 Local Screen Recorder و Cloud Screen Recorder.
• لقطة شاشة ولقطات شاشة ومسجل شاشة في جهاز واحد.
• شارك التسجيلات فورًا مع Jira و Slack و Trello و Asana و GitHub باستخدام رابط قابل للمشاركة.
• التقط لقطة لموقع الويب الذي تتصفحه ، سواء كان الصفحة بأكملها ، أو موقعًا محددًا ، أو جزءًا مرئيًا.
• طمس البيانات الحساسة على لقطة الشاشة الخاصة بك.

تيكسمج

التقييم: 4.5
الأفضل من أجل: صنع أشكال إبداعية

ملحق Texmage Chrome هو يد المساعدة عندما تريد تحويل صورة إلى texmage عن طريق إضافة النص المطلوب. ابدأ باختيار صورة من اختيارك وأفلتها في الأداة ، حيث سيحدث كل السحر. بدلاً من ذلك ، يمكنك البدء بلصق عنوان URL للصورة أيضًا.

من الخط وحجم الخط والمحاذاة ونمط الخط والتعتيم إلى لون النص / الخلفية ، يمكنك اللعب مع جميع العناصر لإنشاء صور نصية مذهلة. يوفر 5 مجموعات خطوط و 12 خيار لون للخلفية. على طول الأداة مباشرة ، يمكنك مشاركة الصورة بسهولة بنقرة واحدة. لم يكن صنع الصور النصية بهذه السهولة!

Muzli 2

التقييم: 4.3
الأفضل من أجل: الحصول على أفكار التصميم

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

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

هوس الصورة

التصنيف: 4
الأفضل من أجل: تحرير الصور عبر الإنترنت

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

يمكنك إضافة عوامل تصفية وإطارات وتغيير التصميم والاطلاع على الفور على التغييرات قبل وبعد. دون الحاجة إلى تشغيل صورتك من خلال تطبيق محرر احترافي ، يمكنك على الفور تقريبًا تعديل الصورة المطلوبة ومشاركتها / حفظها.

WhatFont

التصنيف: 4
الأفضل لـ: التعرف على الخطوط على صفحات الويب

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

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

مسطرة الصفحة

التقييم: 3.9
الأفضل من أجل: قياس عناصر الصفحة

يتيح لك ملحق Page Ruler Chrome قياس المسافات (بالبكسل) على صفحة ويب. باستخدام مسطرة سهلة الاستخدام ، حدد حجم عناصر الصفحة بالبكسل.

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

سوموبينت

التقييم: 3.7
الأفضل لـ: الرسم وتحرير الصور

Sumopaint هو امتداد Chrome يسمح لك برسم الصور وتعديلها. يسمح لك طلاء السومو بإنشاء طبقات مع دعم التراجع في 11 وضعًا للمزج وتأثيرات الطبقة الكلاسيكية. أثناء تدوير الصورة وتدويرها وتكبيرها وتحريكها ، يمكنك بسرعة نسخ الطبقات ودمجها وتسويتها. تتلقى 20 مرشحًا وتأثيرًا في الفئات- - Blur و Distort و Noise و Pixelate و Sharpen و Posterize و Threshold.

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

• Unsharp قناع.
• التباين / السطوع.
• توازن اللون.
• درجة حرارة اللون.
• أداة ختم استنساخ تحتوي على أكثر من 300 فرشاة تتيح التشتت والدوران العشوائي.

لوحة الموقع

التقييم: 2.6
الأفضل لـ: استخراج الألوان

Site Palette هو مكون إضافي مجاني للمتصفح لإنشاء لوحات الألوان. هذه أداة ضرورية لمصممي الرسوم ومطوري الواجهة الأمامية لجمع الألوان لأي موقع ويب. من بين الميزات:

• دعم مولدات لوح الألوان المتعددة.
• تم إنشاء روابط قابلة للمشاركة.
• معاينة لوحة الصورة متاحة للتنزيل.
• تم تقديم دعم Adobe Swatch.
• استخدم Google Art Palette لضبط اللوحات.
• تمت إضافة أنماط الطباعة: طباعة اللوحات أو حفظها في PDF.

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

استنتاج

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

المفضل لدينا هو CSS Peeper ، الذي يهتم بالجوانب التقنية للتصميم المرئي حتى تتمكن من التركيز على عملك.

أسئلة وأجوبة

ما هي أفضل ملحقات Chrome لمصممي الرسوم؟

بعض من أفضل ملحقات Chrome لمصممي الرسوم هي:

• WhatFont
• تيكسمج
• كولورزيلا
• CSS مختلس النظر
• Muzli 2
• هوس الصورة

هل هناك امتداد Chrome للعثور على إلهام التصميم؟

Muzli 2 هو امتداد Chrome شائع لمساعدتك في الحصول على إلهام التصميم من جميع أنحاء الويب.

ماذا يفعل امتداد WhatFont؟

WhatFont هو امتداد Chrome لمساعدتك في تحديد خط صفحة الويب. ليس هذا فقط ، فهو يخبرك عن الخدمات المستخدمة لخدمة خطوط الويب المطلوبة.