اتجاهات التصميم الأساسية ، فبراير 2017
تواجد مرئي مثير للاهتمام فوق التمرير هو الانطباع الأول الذي يحصل عليه المستخدم من موقع ويب. يمكن أن يعتمد استمرار نقر المستخدم على عدد من الأشياء ، بما في ذلك الصور وقابلية القراءة والاهتمامات العامة في المحتوى.
في هذا الشهر ، نتطلع إلى ثلاثة اتجاهات تعطي انطباعًا أوليًا مميزًا ، وهي تراكب الألوان الداكنة على الصور والوحشية وأنماط الحروف المجوفة. في ما يلي الاتجاهات الشائعة في هذا الشهر:
1) تراكب الظلام على الصور
لا يهم إذا كانت صورة البطل لا تزال أو تتحرك ، يمكن أن يساعد تراكب الألوان الداكنة على الألوان حتى بطريقة تجعل من السهل إضافة نص وعناصر أخرى إلى طبقة أعلى الصورة. في حين أن هذا قد يبدو وكأنه اختصار في البداية ، هناك الكثير من القيمة في هذه التقنية.
السبب الأساسي لاختيار تراكب الألوان هو تحسين إمكانية القراءة. تحتوي معظم الصور على تباينات الألوان الفاتحة والداكنة ، مما يجعلها تحديًا لإضافة حروف قابلة للقراءة على كل جهاز. حتى إذا كان هناك موضع مثالي للشاشات العريضة على سطح المكتب ، فقد يتم عرض نفس الصورة ونص المجموعة على شاشة الجوال.
هذا هو المكان الذي يساعد طبقة اللون. الغسل شبه شفاف على الصورة أو الفيديو يجب أن يزيد التباين. بعد ذلك ، يكون للطباعة البيضاء أو ذات الألوان الفاتحة مكان وستظل قابلة للقراءة.
تراكبات الألوان الداكنة مثيرة للاهتمام بصريًا لأسباب أخرى أيضًا. لا تتعثر في الفخ أن الظلام يعني أسود أو رمادي. يمكن أن يكون التراكب المظلم أي لون ، مثل اللون الأخضر المستخدم بواسطة Internetum ، أدناه. يمكن أن يساعد اختيار الألوان الممتع أو غير المعتاد على جذب المستخدمين إلى التصميم.
يمكن أن يؤدي التراكب المظلم إلى شيء آخر: يمكن أن يساعد في تمويه صورة أو مقطع فيديو لا تريد أن تكون في مقدمة التصميم. قد يرجع السبب في ذلك إلى أن الصورة قديمة بعض الشيء ، أو ناعمة قليلاً من حيث التركيب أو مجرد واحدة تسقط قليلاً. يمكن أن يؤدي تراكب الألوان إلى تغيير الحالة المزاجية للصورة ، وجعلها أقل بروزًا إلى حد ما ، ويساعد التصميم على التركيز بشكل أكبر على المحتوى الآخر ، مثل النصوص ، أو الأزرار التي تحث المستخدم على اتخاذ إجراء ، أو العناصر الرسومية الأخرى.
يمكن أن تكون التراكبات مظلمة حقاً ، مثل Digital Werk أو يمكن أن توفر سوادًا خفيًا بطريقة Lytton Living. أنت تعلم أن لديك التوازن الصحيح عندما يمكنك رؤية الصورة ، وجميع عناصر الطبقات سهلة القراءة.
2. الوحشية
البشعة. قاسية. حاد. مشغول.
هذه ليست سوى عدد قليل من الكلمات التي استخدمها البعض لوصف اتجاه تصميم الموقع الهمجي. لكن فقط لأن المصمم الذي يجرّب التجارب مع الوحشية لا يعني أن التصميم فوضى عارمة. انها عكس ذلك تماما.
يوظف هذا النمط أسلوبًا مختلفًا وحساسية تتضمن أشياء تراه وأشياء لا يمكنك فعلها. بن McNicholl وصفها بهذه الطريقة في وظيفة انفاتو : "" الهمجية "تأتي من الكلمة الفرنسية" raw "، لذا ضع ذلك في الاعتبار عند كتابة شفرتك.
"لا يجب أن يكون موقع الويب عرضًا رعبًا للصور غير المرتبة وألوان الخطوط المتضاربة ؛ الطريقة التي تمت كتابة الشفرة فيها هي أيضًا رمزية للنمط. CSS مضمن ، وكود غير محمّل ، وجداول HTML ، والقائمة تطول. "
هناك أمثلة كافية من الوحشية التي هناك ككل معرض الموقع المكرسة لهذه التصاميم. في المقدمة ، يشير الموقع الإلكتروني إلى الوحشية بهذه الطريقة: "في صلابته وعدم اهتمامه بالراحة أو السهولة ، يمكن اعتبار الوحشية رد فعل من جيل شاب إلى خفة وتصميم الإنترنت اليوم. "
ما هو مثير للاهتمام بشكل خاص حول الوحشية هو أن التصميم يبدو مختلفًا تمامًا عن جميع الأنماط المسطحة والبسيطة التي كانت منتشرة جدًا. إذا صادفت أحد هذه التصميمات ، فلا يسعك إلا التوقف والنظر والاستكشاف. سواء كنت تظن أنها جميلة أو قبيحة أو شيء ما بينهما ، هذا هو الهدف النهائي لأي تصميم موقع.
3. حروف جوفاء
بدأت الحروف ذات الملامح المثيرة للاهتمام في الظهور في كل مكان. المثير للاهتمام في هذا الاتجاه هو أن له شكلين مختلفين بشكل واضح:
- كتابة جوفاء على صورة أو خلفية ملونة ، مثل C & C Coffee.
- تملأ الأحرف مع صورة على خلفية بسيطة ، مثل The London Loom ، مع نسخة بديلة حيث يمكنك رؤية الصورة مع خلفية شفافية دقيقة ، مثل My Mother Before Me.
في حين أن هذا الاتجاه له الكثير من التأثير المرئي وهو كثير من المرح ، إلا أنه قد يكون من الصعب تنفيذه إلى حد ما.
عندما يتعلق الأمر بالحروف المجوفة فوق صورة ، فلا يوجد دائمًا العديد من خيارات المحارف للاختيار من بينها ويمكن أن يتعثر المصممون باستخدام نفس الخطوط القليلة. هذا ليس الوضع المثالي لمشاريع الويب على الإطلاق. هناك المزيد من المرونة للمشروعات غير المتصلة بالويب حيث لا داعي للقلق بشأن تكامل الخط والتقديم.
عندما يتعلق الأمر بالحروف المملوءة ، فإن الخدعة لجعلها تعمل هي أن الصور داخل الحروف يجب أن تكون ملحوظة. إذا كان المستخدمون لا يستطيعون معرفة ما هي الصورة ، فإن التصميم لن يكون فعالاً. للمساعدة ، يختار معظم المصممين الأحرف الكبيرة السميكة هنا ، لذا هناك مجال أكبر لعرض الصور. غالباً ما تكون الصور أكثر تجريدية ، أو منسوجات أو مناظر طبيعية لأن الدماغ البشري يميل إلى ملء الفراغات الموجودة في الصورة وما زال يعمل بها. من الصعب جدًا استخدام الصور التي تحتوي على وجوه أو أشياء تحتاج إلى رؤيتها بطريقة معينة ؛ نظرًا لأنه يجب وضعها في وضع مثالي داخل الأحرف.
على الرغم من كونه تحديًا إلى حد ما ، إلا أن كلا من أنماط الحروف يمكن أن يكون مرئيًا ومثيرًا للاهتمام.
استنتاج
على عكس بعض الاتجاهات الأخرى حيث يمكنك تنفيذ تغييرات صغيرة ، تقدم هذه الخيارات الثلاثة المزيد من التحول العام للأسلوب. هل يمكنك رؤية نفسك باستخدام أي منها في المشاريع المستقبلية؟
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي على تويتر. أحب أن أسمع منك.