أمثلة ملهمة لأنظمة الألوان ثنائية الدرجة في تصميم الويب

نشرت: 2021-03-13

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

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

مزيج رائع من لونين أساسيين

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

مزيج رائع من لونين أساسيين

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

ألوان مزدوجة وظلال واحدة

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

ألوان مزدوجة وظلال واحدة

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

تصميم مواقع الويب والعلامات التجارية المزدوجة اللون

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

ظهرت العلامة التجارية ثنائية اللون في تصميم الويب الدنماركي هذا

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

الأسود والأحمر والأحمر والأسود - والأخضر

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

الأسود والأحمر والأحمر والأسود - والأخضر

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

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

لماذا يجب عليك استخدامه

الاستفادة القصوى من ألوان Duo

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

تحقيق أقصى استفادة من ألوان الثنائي لهذا الفريق الرياضي

التأثير المريح لخلفية ثنائية اللون

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

التأثير المريح لخلفية ثنائية اللون

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

تأثير قوي للسطوع فوق كتم الصوت

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

تأثير قوي للسطوع فوق كتم الصوت

من الرقيق والمحافظ إلى البرية والرائعة

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

طرق متعددة لاظهار المنتج

استنتاج

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

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