مخططات الألوان | مجموعات لوحة الألوان الحديثة 2022

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

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

واحدة من أروع أدوات لوحة ألوان التصميم التي رأيتها في عام 2022 - أشكال سعيدة!

أولاً ، إليك بعض التوقعات لاتجاهات الألوان التي كانت لدينا لعام 2021 بناءً على مصممي الأزياء وشركات الطلاء:

لماذا قدمنا ​​هذه القائمة؟ نحن نخدم المقاولين وشركات الخدمات المنزلية بالتسويق + تصميم المواقع! تحقق من منشورات المدونة الخاصة بنا حول عملاء السباكة ، والموجهين الكهربائيين ، وقواد التسقيف ، وقائد HVAC ، وقواد البناء ، وعروض إعادة البناء ، وكبار المسئولين الاقتصاديين في مجال السباكة ، وكهربائي SEO ، وكبار المسئولين الاقتصاديين للأسقف ، وكبار المسئولين الاقتصاديين للمقاول ، وإعادة عرض SEO ، وخدمات HVAC SEO!

مخططات الألوان لعام 2022!

إليك مخططات ألوان العام الماضي "مخططات ألوان 2020" - تمت مشاركتها في ديسمبر من عام 2020!

منذ أن بدأت التدوين في عام 2012 - كان الطلب على المزيد من مخططات ألوان مواقع الويب مرتفعًا بشكل غير معقول. لهذا السبب عندما رأيت AWSM Color Instagram ، كنت مفتونًا. لم أتمكن من العثور على مخططات الألوان المنسقة بأي طريقة سهلة لتوفيرها على الإنترنت في أي مكان. فلماذا لا تشاركها مع جميع الأشخاص الذين يبحثون عن مخططات ألوان موقع الويب 2019-2020 !

أتمنى أن تستمتع بهم بقدر ما استمتعت - ويرجى متابعة AWSM Color على Instagram.

---

أفضل أدوات مخطط الألوان المتوفرة اليوم لعام 2022:

المعايير:

• يحتاج إلى أن يكون من السهل تصدير مخططات الألوان
• مجاني للاستخدام
• في الواقع يأتي مع أنظمة ألوان رائعة.

1. Coolers.co - يأتي مع بعض أنظمة الألوان اللائقة - فقط اضغط على إنشاء عدة مرات لتشغيل المحرك وتشغيله!

2. Paletton - "إضافة مكمل" واسحب حول المحدد على الرسم البياني للألوان للعثور على الألوان بسهولة. جرب بعض الإعدادات الأخرى لتتعرف على هذه الأداة القوية والمفيدة للغاية.

3. Colormind.io - يقال إن Colormind تستخدم "التعلم العميق" لاستيعاب مخططات الألوان من الأفلام والفنون الشعبية - للمساعدة في التوصل إلى مخططات ألوان أفضل. إذا لم يكن هناك شيء آخر ، فهو تدور ممتع على مخططات الألوان لعام 2022! شكرا لقراءتك - احفظ هذا المنشور. سنضيف المزيد من مخططات الألوان لعام 2021 قريبًا ، حيث نبدأ في تحليل اتجاهات مصممي الأزياء الراقية لعام 2021. سنقوم أيضًا بكتابة مقال متعمق حول هذه الاتجاهات في الأسبوعين المقبلين ، لذا احتفظ انتبه.

من المنشور الأصلي: مخططات الألوان 2019:

12 أداة حديثة للوحة الألوان لاستخدامها في 2019-2021

1. Coolors.io

الأفضل لـ: مصممي الجرافيك / مصممي الويب

Coolors.co هي الأداة الأولى والأكثر شمولاً المتاحة لإنشاء لوحة الألوان والأنظمة في هذه القائمة. النظام الأساسي قوي بشكل لا يصدق ويتميز بتطبيق ويب للإنشاء ، بالإضافة إلى تطبيق IOS ، وتحميل الصور إلى الألوان ، والتعديلات المسبقة ، وخيارات التصدير / المشاركة. حتى أنه يأتي مع مكون إضافي لبرامج Adobe CC (Photoshop و Illustrator) ، على الرغم من أن هذه الميزة تأتي بتكلفة 5 دولارات (والتي أعتقد شخصياً أنها ميسورة التكلفة). ومع ذلك ، فإن أحد الأشياء التي أحبها أكثر هو أنك قادر على التسجيل للحصول على حساب مجاني لإدارة وتنظيم لوحات الألوان التي تنشئها. سيتم أيضًا مزامنة هذا الحساب مع تطبيقات iOS + Adobe. يكون هذا مفيدًا بشكل خاص إذا كنت مصمم رسومات أو مصمم ويب تتطلع إلى تتبع الألوان التي تنشئها لمجموعة متنوعة من العملاء. كما أنه مفيد إذا كنت بحاجة إلى وصول سريع أثناء التصميم. مكافأة أخرى هي أن Coolors يأتي مع شهرين من الفصول المجانية في Skillshare.com. أود أن أقول أن هذه مجرد سرقة!

2. Canva.com

الأفضل لـ: مصممي الجرافيك الهواة

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

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

3. Colormind.io

الأفضل لـ: مصممي الجرافيك / مصممي الويب

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

4. Mycolor.space

الأفضل لـ: مصممي الويب / مصممي واجهة المستخدم

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

5. تصميم البذور

الأفضل لـ: المصممين المرئيين / مصممي الجرافيك / مصممي الويب

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

6. استوديو بانتون

الأفضل لـ: مصممي الجرافيك / مصممي الطباعة

لن تكتمل هذه القائمة بدون ذكر Pantone ، خاصة وأنهم في الأساس من كبار الخبراء في مجال الألوان. اتضح أن لديهم تطبيقًا رائعًا لتجميع اللوحات معًا. باستخدام التطبيق ، يمكنك اكتشاف مجموعة متنوعة من تناغمات الألوان والقيم والمراجع التبادلية أثناء إخراجها إلى RGB و CMYK و HEX. الجانب السلبي الوحيد هو أن التطبيق يعمل بنظام iOS فقط ، لذلك يخسر مستخدمو Android. لست متأكدًا أيضًا من أنني أستخدم تطبيقات الهاتف المحمول مثل هذه في عملية التصميم الخاصة بي ، ولكنها قد تعمل بشكل أفضل مع شخص آخر. جربها لترى ما إذا كانت تعمل من أجلك!

7. Adobe Kuler (عجلة الألوان)

الأفضل لـ: مصممي الجرافيك / مصممي الويب / مصممي واجهة المستخدم

لقد عرفت عن Adobe Kuler لفترة طويلة لأنه كان موجودًا كتطبيق لنظام iOS. لا يزال ، أعترف ، أنني لم أقم بتأكيد ذلك حتى الآن. ومع ذلك ، إذا انتقلت إلى الموقع ، فسيتم ربطه الآن بأداة إنشاء لوحة ألوان بسيطة جدًا. لا توجد زخرفة هنا ، ولكن يمكنك إنشاء لوحات عن طريق استيراد صورة أو باستخدام عجلة الألوان. يمكنك بعد ذلك حفظ هذه المواضيع. إذا كان لديك حساب Adobe CC ، فيمكنك حفظه في ملف التعريف الخاص بك ومزامنته مع تطبيقات CC الخاصة بك. أنيق جدا إذا سألتني! المشكلة الوحيدة هنا هي أنه إذا لم تكن مصدر إلهام فائق (أوصي بمراجعة Design Seeds مسبقًا في المنشور) ، فقد يكون من الصعب البدء.

8. لوحة الموقع

الأفضل لـ: مصممي الويب / مصممي واجهة المستخدم / مطوري الواجهة الأمامية

لإعطاء المزيد من الحب للويب / واجهة المستخدم / الواجهة الأمامية في هذه القائمة ، أقدم لك لوحة الموقع. Site Palette هو امتداد لمتصفح Chrome و Safari و Firefox يتيح لك إنشاء لوحات ألوان معقدة. كما أن لديها القدرة على انتزاع / استخراج مخططات الألوان من مواقع الويب الموجودة مسبقًا. لذا ، إذا كنت تحب ما يفعله الرجل الآخر ، فهذا هو ما تريده. إنها أداة رائعة ذات واجهة مستخدم رائعة حيث يمكنك المشاركة في تطبيقات مثل Sketch و Adobe. إذا كنت تريد الغوص بشكل أعمق ، فإنه يأتي مع واجهة برمجة تطبيقات لاستخراج الألوان الدلالية. هذا أعلى قليلاً من درجة راتبي لفهمه ، لكن لا شيء آخر في هذه القائمة يفعل ذلك. على الرغم من وجود إصدار مجاني ، إلا أنه يأتي أيضًا مع إصدار PRO حيث يعتمد السعر على طلبات واجهة برمجة التطبيقات ، إذا كنت بحاجة إلى ذلك.

9. Bootstrap Magic

الأفضل لـ: مصممي الويب / مصممي واجهة المستخدم / مطوري الواجهة الأمامية

صرخ لجميع مصممي الويب وواجهة المستخدم والواجهة الأمامية الذين يستخدمون Bootstrap! الإطار الأكثر استجابة على هذا الكوكب! أحد الأشياء التي لا أحبها شخصيًا في Bootstrap هو أن التلوين القياسي عام جدًا. يعد تخصيص ذلك PTA ضخمًا إذا كنت تعرف ما أقوله وأنت على دراية بمحاولة القيام بذلك. أدخل Bootstrap Magic حيث يصبح تخصيص أنظمة الألوان لـ Bootstrap نسيمًا كليًا. لا يزال الأمر مملاً للذهاب واختيار الألوان لكل شيء ، ولكن على الأقل لديك واجهة مستخدم رائعة للقيام بذلك بدلاً من البحث في الخطوط المصغرة لمتغيرات SASS والمزج. يأتي Bootstrap مع محرر HTML حتى تتمكن من القيام بذلك مباشرة من واجهة المستخدم إذا كنت بحاجة إلى ذلك (غالبًا ما أقوم بضبط أشياء مثل الأزرار وارتفاعات الخطوط). هذا واحد هو تطبيق ويب مجاني ، لذا انطلق!

10. Bootstrap.build

الأفضل لـ: مصممي الويب / مصممي واجهة المستخدم / مطوري الواجهة الأمامية

يشبه Bootstrap.build إلى حد كبير Bootstrap Magic أعلاه ، على الرغم من أنه يبدو أكثر قوة قليلاً. تطبيق الويب هذا مخصص أكثر للمطورين الذين لديهم الكثير من التخصيصات المتغيرة SASS. كما أنه مزود بخيارات تصدير / استيراد مخصصة ، بالإضافة إلى وضع المعاينة. واجهة المستخدم أكثر إرضاء ، في رأيي أيضًا. يأتي هذا مع خيارات احترافية مقابل 5 دولارات شهريًا ، مما يسمح لك بتنظيم سمات Bootstrap في مشاريع مختلفة. يمكنك أيضًا استضافة السمات عبر CDN. هذه ميزات قيّمة جدًا إذا كنت تقوم بالكثير من التصميم والتطوير للعملاء. جربه لترى ما إذا كان يعمل من أجلك! </ p

11. أداة لون المواد

الأفضل لـ: مصممي واجهة المستخدم / مصممي التطبيقات

إذا كنا سنمنح Bootstrap بعض الحب ، فنحن بحاجة إلى منح المواد ومعايير تصميم Google بعض الاهتمام أيضًا. ابتكرت Google المواد كوسيلة لتبسيط تصميمها عبر جميع الأنظمة الأساسية الخاصة بها. حتى أنهم أصدروا هذه المعايير للجمهور لجعل تكامل التطبيق يبدو أكثر سلاسة وأصلية. كجزء من هذا ، يقدمون مجموعة متنوعة من أدوات تطبيقات الويب للمصممين والمطورين للمساعدة في إنشاء واجهات بناءً على هذه المعايير. هذا هو المكان الذي تلعب فيه أداة Google Material Color Tool. إنه وحش معقد جدًا ، ولكن إذا كنت تقوم بتصميم تطبيق Android يلتزم بمعايير التصميم متعدد الأبعاد ، فإن هذه الأداة ضرورية لإضفاء الحيوية على ذلك.

12. لوحة ألوان المواد

الأفضل لـ: مصممي واجهة المستخدم / مصممي التطبيقات / مصممي الويب

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

قالت 62٪ من الشركات التي شملها الاستطلاع إنها تعتقد أنه يجب إعادة تصميم موقع على شبكة الإنترنت كل 2-3 سنوات. المصدر: وكالة هوك

أتمنى أن تكون قد استمتعت بلوحات الألوان الحديثة / مخططات الألوان الرائعة لمواقع الويب وأدوات مخطط الألوان!

شكرًا جزيلاً على القراءة - ويرجى إعادة الارتباط بنا في الجولة الخاصة بك ، أو مشاركتها على شبكات التواصل الاجتماعي الخاصة بك إذا كانت مفيدة لك

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