4 طرق حيوية ألوان تعزيز تصميم واجهة المستخدم
اللون هو واحد من أقوى الأدوات في مجموعة أدوات المصمم. ويمكنه جذب الانتباه وتعيين الحالة المزاجية والتأثير في عواطف المستخدمين وتصوراتهم وأفعالهم. مع الوجود المستمر للتصميم المسطح والمواد ، يحمل اللون أهمية أكبر في تصميم واجهة المستخدم اليوم. تتناسب الألوان الزاهية بشكل جيد لكل من التصاميم الكرتونية المفعمة بالحيوية التي تركز على الترفيه وعلى الأساليب البسيطة المبتكرة التي تركز على حلول الأعمال. يجعل هذا التنوع من الألوان النابضة بالحياة واحدة من أكبر اتجاهات تصميم واجهة المستخدم لعام 2017.
جاذبية اتجاه اللون النابض بالحياة هو أنه يمكن تطبيقه بعدة طرق وأساليب مختلفة للتصميم. في هذه المقالة ، سنتطرق إلى أربعة اتجاهات ملونة ونناقش بعض الأمثلة الملهمة التي تنفذها بفعالية عالية.
1. الرتابة
إحدى الطرق الأكثر شيوعاً لاستخدام الألوان النابضة بالحياة في التصميم الخاص بك هي تقنية تسمى monotone. تشتمل لوحات الألوان الأحادية اللون على لون واحد مع مزيج من الظلال والتلوين. Monotone سهل الإنشاء إلى حد ما: فكر في اللون الذي يعمل بأفضل ما يكون مع رسالتك واعتبر مقدار التباين الذي تريده بين النغمات.
تحسين قابلية القراءة
يساعد Monotone في إنشاء أساس متين للمحتوى الأمامي ، مع الاهتمام بالقراءة. فبإرتباطها مع الطباعة الدرامية ، فإن أنظمة الألوان الرتيبة قادرة على خلق تجربة لا تنسى.
Sydneystockhom يستخدم اللون الغامق لخلق نظرة لا تنسى بطريقة بسيطة للغاية
2. الفرز الثنائي
كما يوحي الاسم ، فإن duotone هي صورة مكونة من لونين. يمكن أن يكون هذا ظلين من نفس اللون أو لونين متناقضين. وقد وجدت هذه التقنية التي كانت مرة واحدة في الطباعة الأساسية حياة جديدة على الإنترنت. بفضل Spotify ، تتزايد شعبية duotone كل يوم تقريبًا.
خلق جو
Duotones يسمح لك بحقن أي صورة مع سمات عاطفية من أي لون. تذكر أن تلك الألوان المختلفة تثير مشاعر مختلفة. مزيج لينة ومتواضع من الألوان قادرة على خلق جو خطير. على سبيل المثال ، في هولم مارسر وشركاه على سبيل المثال ، يحاول كل تفصيل أن يساهم في أجواء العمل ، ولا تمثل صور الخلفية استثناءً.
في حين أن مجموعة من الألوان الزاهية قادرة على خلق شعور بالسعادة.المرئية الرئيسية ل تصميم صفقة جديدة أمر لافت للنظر بفضل اختيار اللون الجريء. إنها تخلق جوًا ودودًا وتحدد مزاجًا إيجابيًا.
زيادة قابلية القراءة
Duotone قادر على إعطاء النص الكثير من التباين. يقوم بتعديل اختلافات اللون في صورة بحيث يمكن وضع النص باستخدام لون واحد في أي مكان تقريبًا في الصورة.
3. التدرجات
لقد عادت التدرجات إلى واجهة المستخدم الرسومية (GUI) ، هذه المرة باستخدام ألوان تكميلية عالية التباين. قد تشمل التدرجات الحديثة ألوان متعددة ، تشع من المركز ، تأتي من زاوية أو تسقط أفقياً.
خلق نظرة حديثة
جعلت التدرجات عودة وتنفس حياة جديدة في الاتجاه لون مشرق. فبإرتباطها بلوحة ألوان مسطحة ، يمكن أن تثير مشاعر الحداثة. مع لون واحد فقط ، Zample يستخدم تأثير التدرج على خلفيته دون الوقوع في نغمات مملة.
باستخدام واحدة من الألوان المشرقة والمشبعة المرتبطة بتصميم المواد ، يمكنك إثارة مشاعر الحداثة.
جعل تخطيط سهلة على العيون
التدرجات يمكن تحسين التواصل البصري. الانتقال من البرتقالي إلى الوردي وSymodd المثال أدناه يعطي عمق وتباين للواجهة ، ويخلق بعض التأثيرات المرئية اللافتة للنظر. الانتقال من الضوء إلى الظلام يتبع أنماط مسح عين الإنسان الطبيعية التي تتحرك من أعلى يسار الصفحة إلى أسفل اليمين.
تتميز صفحة Symodd الرئيسية بخلفية متدرجة بالكامل من اللون البرتقالي إلى اللون الوردي. إنه التدرج اللطيف حيث أن الدورتين مختلفتين عن بعضهما البعض مما يجعل هذا سهل على العيون.
استخدامه بمثابة اللكنة
بينما يُستخدم التدرج غالبًا كخلفية للصفحات ، يمكن أن يعمل في أماكن أصغر أيضًا. ضع في اعتبارك استخدام التدرجات كنغمة في التنقل أو للصور الثانوية أو لأنواع معينة من المحتوى. ما هو لطيف حول مناطق أصغر من التدرج هو أن لديك المزيد من الحرية للعب مع هذه التقنية. وعندما تستخدم في المساحات الأصغر ، يمكن أن يكون من المثير للاهتمام بصريا أن تلعب مع أزواج متعددة الألوان ، تماما مثل بلومبرغ فعلت في المثال أدناه.
يستخدم بلومبرغ التدرج لالمؤشر آخر الأخبار.
4. تراكبات
يعمل التراكب على تصفية صورة من خلال "عدسة" ملونة. كانت الصور التي تحتوي على تراكب الألوان خيارًا شائعًا للتصميم لفترة طويلة لأنه من السهل جدًا إنشاء هذا التأثير: يمكنك ببساطة تغطية صورة أو مقطع فيديو بصندوق ملون شبه شفاف.
التركيز على انتباه المستخدم
يمكن أن تساعد التأثيرات المتراكبة في تركيز المستخدمين على بعض عناصر التصميم. ومع ذلك ، عند استخدام لون واحد كتراكب ، فكر في درجة التشبع وشفافية اللون. توليفات اللون الثقيل (أقل شفافية والمزيد من التشبع) تضع مزيدًا من التركيز على اللون نفسه:
طبقة اللون المستخدمة من قبل حدود يضع المزيد من التركيز على الصورة
استنتاج
من الصعب العثور على تقنية تصميم أكثر متعة للعب من اللون. يمكن أن تكون تأثيرات الألوان مثيرة ورائعة وحتى هادئة. لا تخاف من الخروج من منطقة الراحة الخاصة بك عندما يتعلق الأمر بالعمل مع الألوان. سواء كنت من محبي الألوان الساطعة الجريئة أو تفضل اللون الأسود والأبيض البسيط ، يجب عليك أن تتذكر شيء واحد: لا توجد ألوان خاطئة ، والأهم هو كيفية استخدامك لها.