اتجاهات التصميم الأساسية ، مايو 2017
جعل الانطباع الأول جيد هو جزء حيوي من تصميم الموقع. غالبًا ما تكون الصفحة الرئيسية هي أول تجربة للمستخدم مع شركة أو مؤسسة ، ويمكن أن يساعد التصميم اللافت للنظر في إثارة الاهتمام. تركز جميع اتجاهات هذا الشهر على عناصر تصميم الصفحة الرئيسية التي تختلف قليلاً عما اعتاد المستخدمون على رؤيته.
من الاتجاه الجمالي البحت في رؤوس البطل الضحلة وتخطيطات الزاوية القطرية لاتجاه تفاعل المستخدم في هذه الدعوة أو تلك التي تحث المستخدم على اتخاذ إجراء ، هناك الكثير من الطرق المثيرة للاهتمام لجذب انتباه المستخدمين.
في ما يلي الاتجاهات الشائعة في هذا الشهر:
1. رؤوس بطل الضحلة
لفترة طويلة ، كان الاتجاه مع الصور البطل كبيرًا ، ومقاطع فيديو ومقاطع فيديو جريئة تملأ الشاشة ، وغالبًا ما تكون من أعلى الصفحة الرئيسية إلى اليمين حول المكان الذي تبدأ فيه اللفة. المزيد من التصاميم بدأت تتراجع عن اتجاه الصورة المتضخم للصور البطيئة الضحلة.
الكثير من التصميم لا يزال هو نفسه. لا تزال رؤوس البطل تتضمن صورًا أو نصًا رائعًا مع تكوين يتم إجراؤه للنظر فيه. لكن الصور نصفها تقريبًا.
ما هو لطيف حول هذا المفهوم هو أنه يساعد على نقل المعلومات الأخرى على الشاشة. تظهر نسخة الجسم والعبارات التي تحث المستخدم على اتخاذ إجراء والتي لا تظهر في الصورة البطل أعلى في التصميم ، مما يمنح المستخدمين ما يفعلونه أو ينقرون عليه في الحال. يمكن أن يساعد في منع الفوضى في الصورة نفسها ، والتي يمكن أن تكون مهمة إذا كانت الصورة مشغولة أو يصعب الإقران بها مع النص بشكل فعال.
يمكن أن يضيف نمط التصميم هذا المزيد من المسافات البيضاء إلى التصميم العام ، مما يجعله يبدو أكثر سهولة والتنقل. مع وجود أنماط أكثر دنيا لا تزال تحظى بشعبية ، قد يكون هذا المفهوم أحد العوامل التي تحرك قرار التصميم هذا.
الجزء الأصعب من استخدام صورة بطل أكثر ضحلة هو الاقتصاص. إنها واحدة من تلك الأشياء التي ستحتاج إلى التفكير بها في وقت مبكر من عملية التصميم ، إلى الخلف عند التحدث إلى المصور الفوتوغرافي حول الصور. نظرًا لأن الشكل ليس قياسيًا ، قد تحتاج إلى توضيح كيفية التخطيط لاستخدام الصورة للحصول على صورة أو مقطع فيديو يبدو جيدًا مع نسبة العرض إلى الارتفاع هذه.
2. تخطيط الزاوية القطرية
بعض الاتجاهات هي أكثر من اللازم لتجاهلها. تخطيطات الزاوية القطرية هي واحدة من تلك المفاهيم.
تتجسد هذه التصاميم من خلال العناصر التي تتجمع في زاوية واحدة من الشاشة - غالباً في أسفل اليمين - ومروحة على بقية اللوحة. غالبًا ما يتم وضع العناصر بحيث تبدو وكأنها تنفجر في التصميم.
توفر تخطيطات الزاوية القطرية نمطًا مختلفًا لتتبع العين للمستخدمين عن طريق إنشاء نقطة بؤرية في الركن السفلي من التصميم بدلاً من الجزء العلوي الأيسر أو الوسط وإضفاء بعض العمق على فكرة العناصر التي يبدو أنها "تنفجر" عبر الشاشة. (للحصول على ركلة إضافية للتصميم ، فكر في تحريك العناصر لتعزيز تأثير الانفجار هذا مع الحركة أثناء تمرير المستخدم أو تحريكه فوق عناصر محددة.)
لتحقيق أقصى استفادة من هذه العناصر ، تقوم العديد من التصميمات "بإخفاء" المزيد من العناصر أسفل التمرير لإضافة عنصر إضافي للواقع بحيث تبدو أجزاء التصميم التي لا يمكنك رؤيتها ملموسًا وموجودة بالتمرير.
على الرغم من أن هذا النوع من أنماط التصميم لا يعمل مع كل نوع من أنواع المحتوى ، إلا أنه يمكن أن يكون فكرة جيدة للتصميمات التي لا تحتوي على الكثير من الأعمال الفنية الأخرى وتستخدم الكثير من عناصر واجهة المستخدم لجذب الانتباه. يمكن أن تعمل أيضًا لتصميمات نمط المحفظة أو تعمل كطريقة لتنظيم العديد من العناصر المرئية الأصغر في وحدة واحدة.
3. هذا أو ذاك يدعو إلى العمل
يشمل كل تصميم موقع ويب تقريبًا نوعًا من العبارات التي تحث المستخدم على اتخاذ إجراء. سواء كان ذلك نموذجًا لملئه ، أو رابط للنقر أو الاتجاه للحفاظ على التمرير لمزيد من المحتوى ، يُطلب من المستخدم القيام بشيء ما. (وكثيرا ما يتلقون شيئا آخر كمكافأة على هذا الجهد.)
بدأ المزيد من التصاميم في الظهور مع إجراء نسخ متطابق للمكالمات مع الإجراءات ، والتي تتيح للمستخدمين الاختيار من الصفحة الرئيسية عندما يقررون ما يجب فعله بعد ذلك. قد يبدو التصميم عددًا من الطرق ، مثل الطريقة المباشرة التي يمكنك من خلالها الغش أو عدم السؤال عنها كلمات تؤذي للخيار ثنائي اللوحة من Stoli إلى التنقل بين خيارات النقر لـ مرحبا بوينت محرك في .
هذا النمط من التصميم يمنح المستخدمين سيطرة على ما يريدون القيام به ورؤيته ، والذي يمكن أن يكون جذابًا مع المزيج الصحيح من المحتوى والاختيارات. تقوم الأمثلة الثلاثة أدناه بعمل رائع في صياغة ما يمكن للمستخدم فعله وما سيحدث. (هناك أيضًا أخطاء إذا كان المستخدم يتخذ خيارًا خاطئًا ويحتاج إلى الرجوع.)
يتمثل التحدي هنا في أنك تحتاج فقط إلى النوع المناسب من المحتوى حتى يعمل نموذج التصميم هذا. يمكن أن يغرق بعض المستخدمين باختيارات متعددة ويريدون فقط دعوة واحدة للعمل مع خيار واحد - أكمل الإجراء أو لا. هنا ، لدى المستخدمين ضعف عدد الخيارات للنظر فيها. لتحقيق أقصى استفادة من الخيارات ، يجب أن يكون المحتوى جذابًا تمامًا.
استنتاج
على عكس بعض الاتجاهات الأخرى التي اكتشفناها مؤخرًا ، تمثل مؤشرات هذا الشهر عناصر مرئية محضة يمكنك إضافتها إلى تصميم حالي في الجو. (على الرغم من أنك قد تقترب إذا كنت محظوظًا.)
تعتمد مخططات التصميم هذه أكثر قليلاً على تخطيط المحتوى والتصميم ليتطابق مع معرفتك بأن لديك مفهومًا معينًا في ذهنك. يستغرق التخطيط المسبق وفي بعض الحالات يتطلب حتى القليل من السحر HTML أو CSS لسحب كل ذلك معا.
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي وصلة على تويتر . أحب أن أسمع منك.