اتجاهات التصميم الأساسية ، أغسطس 2016
اللون والطبقات. هذا الزوج من عناصر التصميم كان القوة الدافعة وراء العديد من اتجاهات العام. على الرغم من أننا لم نر شيئًا يتفوق علينا ، مثل التصميم المسطح قبل بضع سنوات أو أحدث تصميم متعدد الأبعاد ، فإن عناصر من كلا النمطين تدفع المصممين لاستكشاف أشياء جديدة.
يبدو أن كل من خيارات الألوان والطبقات لها جذور في تلك الاتجاهات الأكبر ، ويجري استخدامها في مخططات التصميم حتى بدون جماليات مسطحة تمامًا أو مادية. في ما يلي الاتجاهات الشائعة في هذا الشهر:
1. الكثير من عناصر الطبقات
تعتبر العناصر ذات الطبقات والتأثيرات ثلاثية الأبعاد هي التقنية الضرورية في مساحة الويب ثنائية الأبعاد. بفضل التقنيات الممتعة ، وحتى طرق تحسين الأداء ، التي يتم تقديمها بشكل أساسي من خلال التصميم متعدد الأبعاد ، تظهر عناصر الطبقات في مشاريع من جميع الأنواع.
ما هو لطيف للغاية هو أنه يعطي موقع على شبكة الإنترنت يشعر أكثر واقعية. يمكن للمستخدم تقريبا الوصول إلى والاستيلاء على العناصر الموجودة على الشاشة. (وهذا أمر جيد!) الحيلة هي أن كل طبقة يجب أن تبدو حقيقية وخفيفة ، والطبقات تبدو طبيعية.
فيما يلي طريقتان لبدء اختبار الطبقات في مشاريع التصميم الخاصة بك:
- عناصر "الرفع" خارج الخلفية مع ظل بسيط أو رسم متحرك. أولي يفعل ذلك مع عناصر متعددة على مستويات مختلفة ، لكنها جميعا تسحب معا وتبدو طبيعية.
- السماح للعناصر بالتقاطع. يمكن أن ينتقل النص إلى المساحة التي تشغلها الصورة.
- تُعد ميزات التمرير في المنظر طريقة مثيرة لإيجاد عناصر متعددة الطبقات (مقدمة تتحرك على خلفية) دون أن تكون ساحقة للغاية.
- استخدم الأشكال الهندسية والرسوم المتحركة وتغيير اللون لتقليد العمق في التصميم. يجب أن يشعر المستخدمون بأنهم يمكن أن يقعوا تقريبًا في العناصر المرئية ، مثل التجربة التي تم إنشاؤها بواسطة حذف الوكالة .
- يمكنك إنشاء طبقات بالانتقال إلى خارج اللوحة ، مع عناصر تتجاوز الخلفية أو حافة الشاشة.
- اترك العناصر لتستقر على خلفية مزخرفة لتكوين فصل بين الطبقة العليا (التي يمكن للمستخدمين تخيلها لمسها بالفعل) وطبقة الخلفية.
2. أنظمة الألوان الداكنة
لفترة من الوقت بدا وكأن كل موقع على شبكة الإنترنت كان مثاليًا ، بما في ذلك خلفية بيضاء صارخة. وقد تحول هذا الاتجاه مع ظهور المزيد من أنظمة الألوان الداكنة كمفضلة للتصميم.
ولسبب وجيه. يمكن أن يكون نظام الألوان الداكنة اللامتناهي مستدعي الانتباه وليس قاسياً على عيون بعض المستخدمين كأبيض لامع. على الجانب الآخر ، قد يكون الجماليات المظلمة أكثر إزعاجًا إذا كان النص صغيرًا أو على شاشات أصغر (لذا تأكد من إيلاء اهتمام خاص لكيفية عرض العناصر على أجهزة الجوال).
العناصر التي تبرز حقا في مخططات الألوان الداكنة تشمل استخدام الفيديو الرائع والرسوم المتحركة ، حتى إذا كان من الصعب التعرف عليها ؛ الكتابة البيضاء الجريئة ، الملوثات العضوية الثابتة من الألوان الزاهية لتشجيع العبارات التي تحث المستخدم على اتخاذ إجراء أو المعلومات المهمة والمزاج العام المناسب.
تذكر أيضًا أن الظلام لا يعني دائمًا اللون الأسود. يمكن أن تكون جذور مخططات الظلام في مجموعة متنوعة من الأشكال من اللون الأحمر إلى البلوز إلى اللون الأخضر. في حين أن الخيارات السوداء هي الأكثر شيوعًا ، فمن المهم اختيار أسود غني مصنوع من تركيبات ألوان مختلفة. سوف يترك اللون الأسود المسطح (أو "الأسود" كما يطلق عليه مصممي الطباعة) شيئًا مطلوبًا في تصميم موقع الويب.
عند التعامل مع مخططات الألوان الداكنة ، يجب الحرص على التأكد من وجود تباين مناسب بين العناصر ، وعدم ضياع الألوان والصور داخل الطبيعة المظلمة للتصميم. يمكن أن يكون الأبيض خيارًا جيدًا بالإضافة إلى الألوان الأساسية الأخرى مع الكثير من السطوع أو التشبع. تذكر أن تفكر في تباين الحجم كذلك. فكر في رفع حجم جميع عناصر النص بنسبة 10 إلى 20 بالمائة عند العمل مع إطار مظلم لضمان سهولة القراءة.
3. التدرجات تجعل العودة
إن التدرج - أحد التقنيات التي تجنبها التصميم المسطح - يجعل العودة إلى الحالة الطبيعية. (وحتى أنها تستخدم في أنماط تصميم مسطحة في الغالب.)
التدرجات العمل لأنها تفعل شيئا يعتقد الكثير من الناس تفتقر إلى تصميم مسطح ، وهو المساعدة في إنشاء وتأسيس العمق. ما هو جديد حول التدرجات في هذه المرة هو أنها لا تستخدم لتقليد القوام أو بدون هدف. يركز اتجاه اليوم على تدرجات الألوان الزاهية التي تؤكد على المحتوى. بدءًا من التراكبات المتدرجة على كامل الشاشة إلى الخلفيات ، كل شيء تقريباً يحدث عندما يتعلق الأمر بالتقنية ... طالما أنها جريئة.
يستفيد المصممون من عودة التدرج إلى الحد الأدنى بطرق مختلفة:
- تمزج أزواج Gradient- "flat color" أفكار التصميم للحصول على مظهر جريء ، مثل موقع الويب WPcrew .
- التدرجات ثنائية اللون هي تراكب ممتع للألوان لإضافة اهتمام لصورة قد تكون غير موجودة إلى حد ما أو لإضافة عمق إلى خلفية.
- وبينما يبدو أن العديد من هذه التدرجات ذات مقياس أكبر ، يتم استخدامها لعناصر أصغر أيضًا ، مثل الأزرار أو لفت الانتباه إلى محتوى معين.
لا يزال هناك عدد قليل من لا ينبغي أن تدرس التفكير كذلك. (بما أنك لا تريد هذا التصميم ليبدو وكأنه قفز مباشرة من عام 2012!)
- كن حذرًا من التدرجات الصغيرة. لا يزال غير مستحسن استخدام في الرموز.
- لا تطغى المحتوى. يمكن أن يكون تراكب التدرج على الصورة أمرًا رائعًا (فكر فقط في بعض التأثيرات الرائعة التي تتميز بها Spotify بانتظام) ، ولكن الصورة لا تزال بحاجة إلى تمييز.
- تميل تدرجات اللون الغامق إلى الشعور بالبهجة والضوء. تأكد من تنسجم مع محتواك.
- انتبه لمجموعات الألوان والتباين عندما يتعلق الأمر بالقابلية. يمكن لبعض التدرجات الحصول على الضوء ويمكن أن يمثل النص الأبيض مشكلة. تأكد من اختبار قابلية القراءة مقابل اللون ونقاط الإيقاف المتجاوبة المختلفة وعلى أجهزة متعددة الأحجام. (مع التدرجات ، يمكن أن تظهر مشكلات القراءة في بعض الأحيان في أماكن لا تتوقعها).
استنتاج
لا يوجد شيء أكثر متعة من اللون عندما يتعلق الأمر بالتصميم. الاتجاهات في اللون لطيفة لأنها عناصر يمكنك إضافتها إلى أي نمط من التصميم دون إجراء إصلاح شامل. وينطبق الشيء نفسه على العناصر ذات الطبقات. هذه تقنية يمكن إضافتها إلى تصميم موجود لإضفاء طابع أكثر حداثة عليها.
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي وصلة على تويتر . أحب أن أسمع منك.