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

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


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

لماذا تعتبر أنظمة الألوان مهمة

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

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

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

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

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

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

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

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

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

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

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

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

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

  • تلوين– معاينة الألوان في قالب موقع الويب.
  • باليتون– شاهد كيف سيبدو مخطط الألوان الخاص بك في مختلف التخطيطات.
  • مبردات– إنشاء مخططات ألوان من الصور التي تختارها.

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

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

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

نظرًا لأن 34٪ من مواقع الويب تستخدم WordPress ، فقد حددت بعناية 8 أنواع من أنظمة الألوان التي يمكنك استخدامها كمصدر إلهام لموقع WordPress الخاص بك:

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

زيارة متفائل المناخ

يمكن أن تكون الألوان الزاهية والحيوية خيارًا مثاليًا لمواقع الويب التي ترغب في تعيين نغمة حيوية وحيوية.

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

2. تم كتم صوته

زيارة موسول

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

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

3. الضوء

قم بزيارة Bosumhus

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

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

4. الظلام

زيارة Critical TechWorks

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

في هذا المثال ، تستخدم Critical TechWorks الألوان الداكنة لتكمل هويتها كشركة تقنية من الجيل التالي.

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

5. باستيل

قم بزيارة مونت روكوس

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

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

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

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

قم بزيارة Brightscout

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

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

7. اللهجة

قم بزيارة فراكتون

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

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

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

زيارة مزارع ألبان تورنر

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

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

تغليف

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

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map