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

A VPN is an essential component of IT security, whether you’re just starting a business or are already up and running. Most business interactions and transactions happen online and VPN

عندما يصل شخص ما لأول مرة إلى موقع الويب الخاص بك ، يلعب اللون دورًا مهمًا في ما يفكر فيه. بين يستند 62-90٪ من الانطباع الأولي المستهلكين على خيارات الألوان وحده، يقول البحوث .

يمكن أن يكون اختيار الألوان التي تتناسب مع علامتك التجارية – وما تريد أن يفكر فيه المستهلكون بشأن شركتك ومنتجاتك – أداة قوية للعلامة التجارية والتسويق.

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

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

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

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

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

خيارات الألوان حسب الصناعة

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

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

الألوان حسب الصناعة

ألوان العلامة التجارية حسب الصناعة (مصدر الصورة: towergateinsurance.co.uk)

ما هي المشاعر التي تريد أن يربطها العملاء المحتملون بعلامتك التجارية أو منتجك أو خدمتك؟

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

ينقل الأزرق:

الموثوقية الجدارة بالثقة 1

الأزرق هو لون الجدارة بالثقة

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

إنه لا يناشد العفوية أو العاطفة. بدلاً من ذلك ، فإنه يبدأ عملية صنع قرار هادئة ومنطقية.

الأكثر شيوعًا في الصناعات التالية:

الخدمات المصرفية

الخطوط الجوية

مجال الاتصالات

تمويل المستهلك

معدات كهربائية

معدات ثقيلة

تحسين المنزل

الفنادق

الأدوية

ينقل الأحمر:

الاهتمام والعاطفة

اللون الأحمر يوصل الانتباه والعاطفة

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

الأكثر شيوعًا في الصناعات التالية:

مطاعم

المشروبات

بيع المواد الغذائية بالتجزئة

العقارات

ثياب

ينقل الخضراء:

حيوية

ينقل اللون الأخضر إحساسًا بالحيوية

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

الأكثر شيوعًا في الصناعات التالية:

طعام وشراب

المتاجر

العقارات

مواد كيميائية

الأسود: الثقة والتطور

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

الأكثر شيوعًا في الصناعات التالية:

ثياب

مستلزمات

مزودو خدمات الإنترنت والهاتف المحمول

المتاجر

الفنادق

لا تتبع ذوقك وغرائزك بشكل أعمى ، ضع في اعتبارك نظرية الألوان وعلم نفس اللون عند اتخاذ قرارك.

كم عدد أنظمة الألوان التي يجب استخدامها على موقع ويب واحد؟

بالنسبة لنظام ألوان موقع الويب القياسي ، يمكنك تحديد ما بين ثلاثة إلى سبعة ألوان منفصلة في مخطط أو لوحة واحدة.

ولكن كم عدد أنظمة الألوان المختلفة التي يجب أن تستخدمها على موقع ويب واحد؟

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

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

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

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

يعتمد 62-90٪ من الانطباع الأولي للمستهلكين على خيارات الألوان وحدها … مما يعني أن العثور على مخطط الألوان المناسب لموقعك ليس مجرد قرار جمالي – إنه قرار تجاري. 🎨✨

انقر للتغريد

كيفية الحصول على مخططات الألوان الدقيقة على موقع الويب

كولورزيلا

كولورزيلا

لتحديد كل لون مستخدم على موقع ويب ، وصولاً إلى الظل والشفرة السداسية ، يمكنك استخدام امتداد Google Chrome أو ملحق Firefox مثل ColorZilla .

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

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

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

ما نظام ألوان موقع الويب الذي نستخدمه في Kinsta؟

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

مخطط ألوان كينستا

طقم وسائط Kinsta

نحن نستخدم اللون الأرجواني الداكن (# 5333ed) كلوننا الأساسي ، الفيروز (# 2cd4d9) لمحاذاة وإنشاء تدرجات جذابة ومتوازنة ، ورمادي خافت للنص (# 6E7076).

لكن ماذا تفعل الشركات الأخرى؟

هيا نكتشف!

26 من أفضل الأمثلة على مخطط ألوان موقع الويب

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

مخططات ألوان موقع التجارة الإلكترونية الرائعة

مخططات ألوان موقع الويب الشخصي والسفر

مخططات ألوان الصفحة المقصودة

مخططات ألوان موقع التجارة الإلكترونية الرائعة

سنغطي أدناه أمثلة ممتازة للتجارة الإلكترونية لأنظمة الألوان التي تتوافق مع علامتهم التجارية وصناعتهم.

1. منتج العناية بالبشرة: مشرق وممتع

النعيم

النعيم

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

2. ماركة الملابس: واضحة وموجزة

لو بونيه

لو بونيه

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

3. متجر الملابس: البساطة

تراجع

تراجع

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

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

4. أدوات المائدة: الموثوقية والاحتراف

أدوات المائدة الخاصة بي

أدوات المائدة الخاصة بي

My Tableware  هو موقع تجارة إلكترونية ألماني لأدوات المائدة والأطباق القابلة للتخصيص.

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

5. الصمغ: طبيعي ومندفع

عصبي

عصبي

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

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

6. شاهد: الرقي والرفاهية

سفير رئيس الوزراء

سفير رئيس الوزراء

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

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

7. السراويل: خلاقة وسهلة الوصول

اليوم

اليوم

Alday  هي ماركة من السراويل المريحة الأولى المصممة لتناسب بشكل أفضل من الجينز الذي يتم إنتاجه بكميات كبيرة وبنطلون تشينو المباع بنقاط سعر أقل.

موقع الويب مبدع وممتع ، مع مجموعات ألوان نابضة بالحياة تجعله يشعر بالوصول إلى الزائر والعملاء المحتملين.

8. وجبات خفيفة من الفاكهة: ألوان أنيقة ومميزة

ماديز

ماديز

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

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

تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟

انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!

إشترك الآن

9. تناسب مخصص الدنيم: انها على قيد الحياة

يفك

يفك

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

مخططات ألوان موقع الويب الشخصي والسفر

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

10. البساطة الإبداعية

مادلينا دالا

مادلين دالا

مادلين دالا هي مصورة مقيمة في نيويورك ولديها حس قوي بتصميم مواقع الويب ( ومحفظة رائعة ).

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

11. تدرج الرمادي مع سبلاش

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

12. واحد مع الطبيعة

50

آي فلاي 50

iFly 50  هي مجلة على الإنترنت أصدرتها KLM للاحتفال بالذكرى الخمسين لتأسيسها.

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

13. نظيف ومهني

بينيديكتاش

بينيديكتاس جيليس

يُعد موقع Benediktas Gylys بمثابة دروس متقدمة في التصميم النظيف. لا توجد فوضى وهذا ينطبق أيضًا على اختيارات الألوان.

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

14. ألوان واقعية

دلو

دلو

 يستخدم BucketListly الألوان بشكل عملي ، باستخدام اللون الأصفر لإبراز الكلمات الرئيسية و CTAs والبلدان التي تمت زيارتها حتى الآن.

يوضح مقدار القيمة التي يمكنك الحصول عليها من لون واحد في التصميم عند استخدامه بالاقتران مع المساحة البيضاء والمفاهيم الصحيحة.

15. بساطة أنيقة

لارس فرانزن

لارس فرانزين

تستخدم الصورة المميزة لموقع Lars Franzen لونًا داكنًا للخلفية لإبراز لون وتفرد الأشخاص في الصورة.

16. تراكب مستقبلي

نقطة الرئة

نقطة الرئة

يقوم موقع Dot Lung الشخصي بعمل رائع في تعظيم لوحة الألوان البسيطة مع التراكبات ورسومات الخلفية النظيفة. يخلق اللون الأرجواني في الخلفية تجربة متماسكة من صفحة إلى أخرى.

17. النور والظلام

حب الجزيرة

حب ايسلندا

يعد Love for Iceland  مثالًا رائعًا على كيفية قيام الألوان في صورة مميزة بضبط الحالة المزاجية. مع اللون الأزرق الساطع للجليد الصافي ، المضاء بأشعة الشمس ، في أعلى اليسار ، إلى الظلام الشبيه بالكهف في الأسفل ، فإنه يضع مزاجًا مشؤومًا ومغامراً للزائر.

تعبت من مضيف بطيء؟ تم تصميم Kinsta مع مراعاة السرعة والأداء. تحقق من خططنا

مخططات ألوان الصفحة المقصودة

فيما يلي قمنا بتسليط الضوء على صفحات مقصودة مختلفة ذات أنظمة ألوان فريدة أو فعالة.

18. تناقضات حادة

زينلي

زينلي

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

19. لون لتسليط الضوء

تثاقل

تثاقل

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

تأكد من إطلاعك على مقارنة متعمقة بين Microsoft Teams و Slack .

20. الألوان النابضة بالحياة تثير المشاعر

سبوتيفي

سبوتيفي

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

21. تباينات الألوان تخلق النظام في الفوضى

الحكم الذاتي

الحكم الذاتي

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

22. مجموعة ألوان مستقبلية

bugsnag

بوغسناج

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

23. حي مع اللون

ربط المنازل

ربط المنازل

تنبض الصفحة المقصودة لـ Connect Homes بألوان زاهية ولكنها ناعمة. تحقق لوحة الألوان توازنًا مثيرًا ينقل إحساسًا عصريًا.

24. ألوان محافظة ، تصميم مرح

طقطقة

طقطقة

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

25. الحيوية الطبيعية

السفر

السفر

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

26. ألوان الأمل الزاهية

امسح العالم

امسح العالم

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

مولدات نظام ألوان الموقع

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

كولورميند

colormind pallete مولد

كولورميند

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

Coolors.co

Coolors.co

Coolors.co

Coolors.co  هو تطبيق ويب وهاتف محمول يساعدك في إنشاء لوحات من البداية. يحتوي على بدائل الظل لكل خيار لون وأدوات متقدمة أخرى تساعدك على اتخاذ قرارات فعالة بشأن أنظمة الألوان الخاصة بك.

باليتون

مولد البالتون

باليتون

بدلاً من إنشاء مخططات عشوائية ،  يمنحك Paletton تحكمًا كاملاً في لوحتك واللون الذي تريد استخدامه كلون أساسي / أساسي. يمكنك اختيار نوع اللوحة التي تريدها ، سواء ألوان متجاورة ، أو نظام ألوان ثلاثي ، أو غيرها. يمكنك اختيار أي لون من عجلة الألوان.

ColorSpace

مولد مساحة اللون

ColorSpace

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

عمى الألوان: كيفية اختيار لوحة ألوان ملائمة لعمى الألوان لموقعك على الويب

آخر شيء يجب مراعاته عند إنشاء نظام ألوان لموقع الويب هو كيف يرى الأشخاص المختلفون الألوان.

عمى الألوان

أنواع عمى الألوان المختلفة

لا يرى الجميع نطاق الألوان “القياسي”. هناك ثلاثة أنواع رئيسية مختلفة من عمى الألوان : deuteranopia و protanopia و tritanopia.

عمى الألوان الأحمر والأخضر (deuteranopia و protanopia) هو الشكل الأكثر شيوعًا لعمى الألوان. أنه يؤثر على حوالي 1 في 12 من أصل الأوروبية الشمالية. مع وجود هذا العدد الكبير من السكان المتأثرين به ، يجدر التفكير عند تصميم و / اختيار سمة وورد بريس .

يعتبر عمى الألوان الأزرق المصفر أكثر ندرة ويصيب الرجال والنساء على حد سواء.

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

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

لا تتناقض مع اللون الأخضر مع الأصفر أو العكس.

لا تتناقض بين الأصفر والأحمر أو البرتقالي.

لا تتناقض بين اللون الأرجواني وظلال اللون الأزرق المتشابهة.

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

اجعل موقع الويب الخاص بك يبرز من بين الحشود (واكسب المزيد من المبيعات) باستخدام نظام الألوان المناسب 🎨🌈

انقر للتغريد

ملخص

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

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

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

الآن حان وقت اختيار الخطوط ، أليس كذلك؟

وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:

مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.

تكامل Cloudflare Enterprise.

يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.

التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.

توضيح

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

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

شاركنا رايك وتقييمك للموضوع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}