أمثلة على لوحة ألوان التصور الرائع للبيانات التي يجب استخدامها

نشرت: 2022-06-29

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

تنقل الألوان المشاعر وتعطي مظهرًا مميزًا للعلامة التجارية. اتضح أن الألوان مهمة لدرجة أن لها تأثيرًا مباشرًا على أنماط الشراء.

تصور البيانات ليس الاستثناء. قد يقضي البعض ساعات في المهام الفنية والتحليل وإعداد النتائج فقط ليصارعوا كيف يظهرون على الرسوم البيانية.

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

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

تحديد لوحات الألوان

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

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

ولكن ما هي بالضبط لوحة الألوان؟ يوضح نموذج HSL هذا المفهوم. وفقًا لهذه النظرية ، فإن للون ثلاث خصائص:

مسحة
التشبع
الانارة

مسحة

يُعرف هذا باسم "اللون" (أزرق ، برتقالي ، أخضر ، أصفر ، إلخ). يتم تنظيم كل من هذه الأشكال فيما يعرف باسم عجلة الألوان من 0 درجة إلى 359 درجة.

التشبع

يشير التشبع إلى شدة اللون. كثافة 0٪ تساوي اللون الرمادي مع زيادة نسبة اللون يزداد سطوع اللون. وبالتالي ، ستبدو الألوان عالية التشبع أكثر إشراقًا.

الانارة

النصوع هو المعلمة التي يتم من خلالها قياس ظلمة اللون. عند إضافة اللون الأسود إلى لون معين ، ينخفض لمعانه.

بعد إنشاء هذه القنوات الثلاث ، يمكنك الآن فهم لوحات ألوان تصور البيانات بشكل أفضل.

اختيار لوحة ألوان التمثيل المرئي للبيانات المثالية لمخططاتك

أولاً ، فيما يلي شرح للمبادئ الثلاثة لألواح الألوان لأغراض تصور البيانات:

التعرف على العلامة التجارية : يجب على القراء التعرف على العلامة التجارية. لهذا ، اختر لوحات الألوان التي تتوافق مع هوية الشركة.

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

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

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

أنواع لوحة الألوان

يمكن تصنيف الألوان المستخدمة لتصور البيانات إلى ثلاث لوحات: ألوان فئوية ، وألوان متسلسلة ، وألوان متباينة.

ألوان قاطعة

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

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

إذا كنت تستخدم أكثر من 10 ألوان ، فسيكون من الصعب فهم المعلومات. وبالمثل ، كلما كانت الألوان الأقرب في درجة اللون والتشبع ، كان التمييز بينهما أصعب.

فيما يلي بعض الأمثلة التي يمكنك استخدامها:

ريترو مترو

[“# ea5545”، “# f46a9b”، “# ef9b20”، “# edbf33”، “# ede15b”، “# bdcf32”، “# 87bc45”، “# 27aeef”، “# b33dc6”]

الحقل الهولندي

[# e60049 ″، “# 0bb4ff”، “# 50e991”، “# e6d800”، “# 9b19f5”، “# ffa300”، “# dc0ab4”، “# b3d4ff”، “# 00bfa0”]

ليالي النهر

["# b30000" ، "# 7c1158" ، "# 4421af" ، "# 1a53ff" ، "# 0d88e6" ، "# 00b7c7" ، "# 5ad45a" ، "# 8be04e" ، "# ebdc78"]

ربيع الباستيل

[“# fd7f6f”، “# 7eb0d5”، “# b2e061”، “# bd7ebe”، “# ffb55a”، “# ffee65”، “# beb9db”، “# fdcce5”، “# 8bd3c7”]

لوحات متسلسلة

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

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

سيساعدك هذا النهج في جذب انتباه القارئ إلى القيم الأكبر.

فيما يلي بعض الأمثلة الممتازة للوحة الألوان المتسلسلة التي يمكنك استخدامها:

أزرق إلى أصفر

[“# 115f9a”، “# 1984c5”، “# 22a7f0”، “# 48b5c4”، “# 76c68f”، “# a6d75b”، “# c9e52f”، “# d0ee11”، “# f4f100”]

رمادي إلى أحمر

[“# d7e1ee”، “# cbd6e4”، “#bfcbdb”، “# b3bfd1”، “# a4a2a8”، “# df8879”، “# c86558”، “# b04238”، “# 991f17”]

من الأسود إلى الوردي

[“# 2e2b28”، “# 3b3734”، “# 474440”، “# 54504c”، “# 6b506b”، “# ab3da9”، “# de25da”، “# eb44e8”، “# ff80ff”]

بلوز

["# 0000b3" ، "# 0010d9" ، "# 0020ff" ، "# 0040ff" ، "# 0060ff" ، "# 0080ff" ، "# 009fff" ، "# 00bfff" ، "# 00ffff"]

تستحق بياناتك الجميلة أن تكون على الإنترنت

يمكن لـ wpDataTables جعلها على هذا النحو. هناك سبب وجيه لكونه المكون الإضافي الأول في WordPress لإنشاء جداول ومخططات سريعة الاستجابة.

ومن السهل فعل شيء مثل هذا:

تقوم بتوفير بيانات الجدول
تكوينه وتخصيصه
انشرها في منشور أو صفحة

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

"نعم ، لكني أحب Excel كثيرًا ولا يوجد شيء مثل ذلك على مواقع الويب". نعم ، هناك. يمكنك استخدام التنسيق الشرطي كما هو الحال في Excel أو Google Sheets.

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

لوحات متشعبة

إذا كان مخطط تصور البيانات الخاص بك يحتوي على قيمة مركزية (دعنا نقول "0") ، فستكون اللوحات المتباعدة مفيدة.

هذا هو مزيج من لوحتين متتاليتين تشتركان في نفس نقطة النهاية . نتيجة لذلك ، سيميز القراء بسهولة القيم المختلفة التي تقع من جوانب مختلفة من نقطة النهاية.

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

فيما يلي بعض الأمثلة على كيفية استخدام الألوان المتباينة:

أزرق إلى أحمر

["# 1984c5" ، "# 22a7f0" ، "# 63bff0" ، "# a7d5ed" ، "# e2e2e2" ، "# e1a692" ، "# de6e56" ، "# e14b31" ، "# c23728"]

البرتقالي إلى البنفسجي

[“# ffb400”، “# d2980d”، “# a57c1b”، “# 786028”، “# 363445”، “# 48446e”، “# 5e569b”، “# 776bcd”، “# 9080ff”]

رغوة الوردي

["# 54bebe" ، "# 76c8c8" ، "# 98d1d1" ، "#badbdb" ، "# dedad2" ، "# e4bcad" ، "# df979e" ، "# d7658b" ، "# c80064"]

سمك السلمون إلى أكوا

["# e27c7c" ، "# a86464" ، "# 6d4b4b" ، "# 503f3f" ، "# 333333" ، "# 3c4e4b" ، "# 466964" ، "# 599e94" ، "# 6cd4c5"]

مولدات لوحة الألوان

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

لحسن الحظ ، هناك رموز لونية لإعادة إنتاج اللون الدقيق بالتدرج الصحيح والتشبع والسطوع.

بالنسبة للمنشورات العلمية ، تحظى رموز ألوان HEX بشعبية كبيرة. تتكون هذه الرموز من 6 أرقام ويمكن استخدامها عبر مواقع الويب وشرائح Google و Excel و Adobe Illustrator و PowerPoint و Prism. قد تستخدم أدوات أو منصات تصميم الرسوم الأخرى رموزًا مثل CMYK أو HSL أو RGB.

إذا كنت تريد العثور على رموز مختلفة ، فستكون الأدوات التالية مفيدة للغاية:

توبتال كولور بلات

استخدمه لتنزيل أكواد HEX لمجموعة متنوعة من لوحات الألوان بما في ذلك اللوحات التناظرية والأحادية اللون والمخصصة.

منتقي الألوان من Google

باستخدام هذه الأداة الرائعة ، يمكنك استخدام شريحة للعثور على الرموز الصحيحة . يمكن أن تكون هذه من أي نوع (HEX أو HSL أو CMYK أو RGB).

منتقي ألوان الصورة

بفضل Image Color Picker ، يمكنك اختيار الألوان من صورة أو عنوان URL تم تحميله. يسمح لك باستخراج أكواد HSL و HEX و RGB.

موارد لوحة ألوان تصور البيانات

هناك الكثير من الموارد المتاحة على الإنترنت. باستخدام البرنامج المناسب ، يمكنك اختيار لوحات الألوان الأكثر ملاءمة وإبراز أعمال تصور البيانات الخاصة بك.

لمساعدتك ، إليك قائمة بلوحات الألوان التي يمكنك استخدامها لمتغير "R" الخاص بك.

ألق نظرة أيضًا على الموارد التالية:

كولورميند

مطاردة اللون

مساحة اللون

مبردات

فيز باليت

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

لوحات ألوان Canva

مساعد لوح الألوان

لوحات الألوان

الأفكار النهائية حول كيفية اختيار لوحة ألوان التصور الصحيح للبيانات

لا ينتهي عمل محلل البيانات عند إنجاز المهام الفنية. عندما يتعلق الأمر بتقديم المعلومات للقراء ، هناك قرارات مهمة يجب اتخاذها.

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

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

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

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

لقد كتبنا أيضًا عن بعض الموضوعات ذات الصلة مثل أنواع المخططات ومخططات WordPress وبديل Highcharts وكيفية إنشاء مخططات WordPress رائعة.