اتجاهات التصميم الأساسية ، يوليو 2016
هناك الكثير من التداخل في موضوعات التصميم الكبرى لشهر يوليو. في العديد من الأمثلة أدناه ، سترى أنه يتم استخدام العديد من الاتجاهات في العديد من الأمثلة. ذلك لأن العديد من الاتجاهات هي تقنيات بسيطة يمكن إضافتها إلى أي نوع من التصميم تقريبًا.
هذا هو عرض للاتجاهات الصغيرة. ما هو لطيف بشكل خاص في هذه الاتجاهات الصغيرة هو أنه يمكنك استخدام (أو إزالتها) دون الحاجة إلى القيام بإعادة تصميم واسعة النطاق. يمكن أن تكون بمثابة تعديلات صغيرة لمساعدتك على تنشيط صفحة لفترة قصيرة باستخدام عنصر على الاتجاه.
في ما يلي الاتجاهات الشائعة في هذا الشهر:
1. تراكب الألوان على الصور
تراكبات الألوان هي طريقة مرئية مثيرة للاهتمام لرسم العين عندما يكون الفن أقل من ممتاز. يمكن أن يكون طريقة جيدة لإضافة اللون والمكائد إلى صورة عادية أو صور المخزون أو إضافة لون عندما تفتقر الصورة إلى شرارة معينة.
يختلف استخدام تراكبات الألوان اختلافًا كبيرًا. في حين أن الألوان الزاهية هي واحدة من أكثر الخيارات شيوعًا ، يمكن أن يؤدي تراكب الطبقة المكتئبة أو البني الداكن إلى تغيير الحالة المزاجية للمشروع أو إضافة مجرد شعور عتيق ، مثل Lyrix الموقع أدناه.
عندما يتعلق الأمر بتراكب الألوان ، فإن الألوان الصلبة هي الخيار الأكثر شيوعًا. الألوان الزاهية شائعة وتستخدم العديد من نفس الأشكال الشائعة في اتجاهات التصميم الأخرى مثل التصميم المسطح والمادية. (هنا هي تلك الطبقات من الاتجاهات المذكورة في المقدمة.)
وأخيرًا ، عند التفكير في تراكب الألوان ، فكر في تأثير التدرج أو الفرز الثنائي أو متعدد الألوان. يمكن أن تعمل هذه التقنية بشكل جيد مع صورة يمكن التعرف عليها بسهولة أو مع صور مسطحة من تلقاء نفسها ، مثل الصورة لـ نيويورك برايد ، أدناه. السبب في رسم تصميم الموقع هو تراكب الألوان الزاهية ، وليس الصورة نفسها.
(لاحظ مع موقع ويب NYC Pride ، على وجه الخصوص ، أن هناك اتجاهاً آخر يجعل العودة - التدرج. المزيد من التدرجات بدأت تظهر في مشاريع التصميم وسننظر في هذا الاتجاه بمزيد من التفصيل في الشهر المقبل.)
2. الشعارات زاوية صغيرة
لفترة من الوقت كانت الشعارات واحدة من أكثر العناصر السائدة في تصميم الموقع. كان المصممون يستخدمون إصدارًا كبيرًا من الأسماء التجارية والشعارات لخلق جماليات مثيرة للاهتمام.
الآن هم يأخذون إلى النهج المعاكس.
يتم استخدام الشعارات أصغر من أي وقت مضى. ولكن هذا ليس الشائع الوحيد عندما يتعلق الأمر بالطريقة التي يتم بها استخدام الشعارات الصغيرة. وتظهر أيضًا في نفس الموقع في كل مثال تقريبًا لهذا الاتجاه - أعلى الزاوية اليسرى.
التنسيب ليس مفاجئًا. أعلى اليسار هو موقع موضع الشعار الشائع في تصميم موقع الويب ، وقد كان لبعض الوقت بسبب فكرة أن المستخدمين سيقرؤون الموقع من أعلى اليسار إلى اليمين بنمط على شكل حرف F.
ما يثير الدهشة هو مدى صغر حجم الشعارات في الواقع في ما يتعلق ببقية التصميم. في بعض الحالات ، تم تصميم هذه الشعارات لتتناسب بشكل متناغم مع رمز القائمة الهامبرغر. لذلك فهي صغيرة بشكل استثنائي.
ال أشخاص شجعان الشعار ، على سبيل المثال أدناه ، أكبر بقليل من رمز القائمة ، وقد تم تصميمه ليبدو كأيقونة تقريبًا ، مع نص أبيض جديد داخل صندوق أسود. ما هو لطيف حول هذه التقنية هو أنه يعطي ما تبقى من الصور والنص على قماش الكثير من الغرفة لعرضه. يستخدم Brave People الكثير من مقتطفات الفيديو وصناديق المعلومات متعددة الطبقات لجذب المستخدمين من خلال تصميم موقع الويب. يساعد وجود شعار صغير العينين على البقاء في المكان المناسب والانتقال عبر المحتوى بسهولة.
المعاطف يستخدم مفهوم مماثل ، موازنة الشعار الصغير على جانب الشاشة ورمز القائمة من جهة أخرى. ينطوي التصميم أيضًا على مفهوم الشعار في الأيقونات في جميع أنحاء الموقع بحيث يكون لدى المستخدم دائمًا تذكير مرئي بمواقع الويب التي يتواجد بها.
3. "اجعلك تبدو" صور أو فيديو
"جعلك تبدو!"
هذا ما يصرخ العديد من الصور ومقاطع الفيديو على مواقع الويب عند وصولك إليها. الصور التي تعد غريبة أو غير عادية أو لا تتطلب سوى القليل من التفكير أصبحت طريقة شائعة لجذب المستخدمين وإبقائهم على موقع الويب لفترة زمنية أطول.
تريد أن تفهم ما يحدث في الصورة أو ما إذا كان هذا الكلب أو الذئب ( Instynct ، أدناه) ، ما معنى عنصر خارج المكان ( البوق ، أدناه) أو ما سيحدث بعد ذلك كما هو الحال في اللوحة الفيديو ل ناتشومي ميلر (أدناه).
إذن ، ما الذي يجعل الصورة تبدو جيدة؟ يجب أن تكون مختلفة ومثيرة للاهتمام. يجب أن تكون ذات جودة عالية وتحتوي على صورة مرئية لا تراها كل يوم. يجب أن يجعلك المرء يتساءل عن شيء ما ، أو طرح سؤال أو الرغبة في معرفة المزيد.
ستلتقط الصورة أو الفيديو انتباهك وتحمله لفترة أطول قليلاً من صورة لجبن السيزر على موقع ماكدونالدز. إنه عنصر المفاجأة أو النزوة أو التساؤل الذي يجعله شيئا يمكن للمستخدمين الابتعاد عنه. عندما تعود إليها ، أو تشاهد حلقة الفيديو بأكملها أو لا تستطيع الحصول على الصورة من رأسك ، فأنت تعرف أنها ستجعل الآخرين يبدون كذلك. (اذهب كبيرًا وجريئًا ، أو اذهب للمنزل!)
استنتاج
من الممتع رؤية اتجاه متعدد يتقارب مع تمثيل العديد من مواقع الويب هذه. قد تكون الشعارات الصغيرة أحد العناصر الأكثر هيمنة الآن. إنه أحد تلك الأشياء التي قد لا تلاحظها حتى تبدأ البحث عنها ، ثم تلاحظ استخدام هذا المفهوم في كل مكان.
بالإضافة إلى ذلك ، فهو يمنح التصميم حقًا بعض العناصر لعناصر أخرى عن طريق إخراج الشعار من الطريق ، وهذا هو السبب في أن الأعمال تعمل جنبًا إلى جنب مع الاتجاهات الأخرى بشكل جيد جدًا.
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي على تويتر. أحب أن أسمع منك.