مخططات ألوان موقع الويب التي يمكنك استخدامها لموقع WordPress الخاص بك

تم التحديث: 2022-01-10 / مقال بقلم: ضيف WHSR

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

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

لماذا أنظمة الألوان مهمة

قبل الدخول إلى القائمة ، دعنا نناقش سبب أهمية اختيار الألوان المناسبة لموقعك على الويب.

أولاً ، يجعل نظام الألوان المميز علامتك التجارية لا تُنسى.

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

يمكن أن يروق نظام الألوان الجيد أيضًا جمهورك المستهدف.

وفقًا لمسح أجراه Scott Design ، يبدو أن اللونين الأزرق والأخضر هما اللونان المفضلان.
وفقًا لمسح أجراه Scott Design ، يبدو أن اللونين الأزرق والأخضر هما اللونان المفضلان.

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

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

أخيرًا ، يمكن أن تؤدي الألوان إلى زيادة تفاعل المستخدم.

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

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

كيفية اختيار نظام الألوان المناسب لموقعك على الويب

أسهل طريقة لتحديد نظام ألوان جيد هي استخدام مولدات الألوان. فيما يلي بعض الأدوات التي يمكنك استخدامها:

  • كولورسبير- معاينة الألوان في قالب الموقع.
  • Paletton- انظر كيف سيبدو نظام الألوان الخاص بك في تخطيطات مختلفة.
  • مبردات- توليد مخططات الألوان من الصور التي تختارها.

ومع ذلك ، إذا كنت تريد إنشاء مخطط ألوان من البداية ، فإليك ما يمكنك فعله:

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

8 مذهلة مخططات ألوان الموقع

بإضافة إلى أكثر من 38٪ من مواقع الويب تستخدم WordPress، لقد اخترت بعناية 8 أنواع من أنظمة الألوان التي يمكنك استخدامها كمصدر إلهام لك WordPress موقع:

1. نابضة بالحياة

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

2. كتم الصوت

إذا كنت تريد أن يبدو موقع الويب الخاص بك أنيقًا ، ففكر في استخدام نغمات صامتة. قد لا تكون لافتة للنظر ، لكن تركيبة الألوان المناسبة قد تبدو أنيقة.

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

3. ضوء

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

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

4. داكن

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

يوضح الموقع أيضًا كيف يمكنك استخدام الألوان الداكنة بينما تكون آسرًا أيضًا. على الرغم من أن معظم الألوان عميقة ، إلا أن الموقع يستخدم أيضًا اللون الأزرق النيون للإبرازات.

5. باستيل

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

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

يعد موقع Mont-Roucous الإلكتروني مثالاً ممتازًا لاستخدام ألوان الباستيل. نظرًا لأن منتجاتهم مخصصة للأطفال ، فإنهم يستخدمون اللون الوردي والأزرق الناعم لعلامتهم التجارية.

6. أحادي اللون

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

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

7. اللكنة

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

8. الألوان المتناقضة

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

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

في المخص:

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

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

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

اقرأ أيضا:


نبذة عن الكاتب: سايمون دوايت كيلر

Simon Dwight Keller هو رائد أعمال في مجال التسويق الرقمي حريص على زيادة عدد الزيارات إلى موقع الويب الخاص بك بمحتوى إبداعي وجذاب. بعد ثلاث سنوات من العمل الجاد كمستقل ، قرر أن ينتقل بخدماته إلى المستوى التالي ، وشارك في تأسيس شركة تسويق رقمي PRable. في النهاية شعر سايمون أنه من أجل تحقيق المزيد ، كان عليه أن يبدأ شركته الخاصة - SDK Marketing. مع فريقه الصغير وإن كان محترفًا ، فهو مستعد لمواجهة تحديات جديدة ، وزيادة حركة المرور الخاصة بك وتحقيق المزيد من الإيرادات. إلى جانب شغفه الشديد بـ خدمات تحسين محركات البحث، فهو مهتم بهوكي الجليد والسفر. تواصل مع سيمون على لينكدين:.

حول WHSR ضيف

كتب هذا المقال مساهٍ ضيف. وجهات نظر المؤلف أدناه هي خاصة به ، وقد لا تعكس آراء WHSR.