30 جميلة ثلاثة ألوان المواقع لإلهامك

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

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

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

ميكانيكا الصور

تصميم بسيط بسيط يستخدم لونًا كافيًا لجذب العين إلى المحتوى المهم على الموقع.

nclud

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

ذا لوفت

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

الدهون مان الجماعية

تمامًا مثل مظهرها ونغماتها التجارية ، فإن تصميم موقع الويب هذا أيضًا "قصير ولطيف". طريقة للذهاب مع الحفاظ على نظرة ذات العلامات التجارية!

شرارة الإبداعية

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

Pepperminted

اسم لطيف وتصميم لطيف في الغالب 3 ألوان ، هذا واحد بسيط ولكنه إبداعي في نفس الوقت.

سيرجي ستانتشيف

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

Digimurai

تنسق ألوان النص باللون البرتقالي والأزرق مع الخلفية المصوّرة والتميمة الصغيرة اللطيفة.

Causecast

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

Astheria

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

ديف ايري

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

إدواردو دي لا روك

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

ثمانية الوجه

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

حمة

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

ستيفان كويسون

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

جون اليوسفي

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

مارتن هيب

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

المواقع الدنيا

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

نظرية الحركة

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

بعيدا إلى الوراء

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

الحبوب والغرام

يقوم موقع الويب هذا بعمل رائع في إنشاء جاذبية "الرجل" بألوان رجولية من اللون الرمادي الداكن ولون الحبوب (بما يتماشى مع العنوان) والأبيض.

أكوام الخط رهيبة

يساعد اللون البرتقالي إلى جانب الأسود والرمادي (وقليلًا من النص الأبيض) في تفتيت هذا الموقع ذي النص الكثيف وجعله ممتعًا.

يونا

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

خماسي الاضلاع

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

التصميم الجرافيكي على الراديو

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

Pixelbot

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

موقع إلهام

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

ستيفان بيرسون

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

فاوست

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

منشأة الصناعية

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

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