4 طرق لتصميم مثالي تقسيم الشاشة الرئيسية
شاشة واحدة مقسمة إلى قسمين.
لطالما كانت تقنية الشاشة المقسومة معروفة في صناعة الأفلام ، مع أمثلة مبكرة يعود تاريخها إلى أيام الأفلام الصامتة في أوائل القرن العشرين ، ولا يزال الجهاز شائعًا في الأفلام والتلفاز اليوم.
يتم استخدام مخطط تقسيم الشاشة عند تقسيم عناصر ملء الشاشة إلى جزأين رأسيين أو أكثر. مشهد من فيلم "سكوت بيلجريم مقابل العالم"
ومع ذلك ، هذه تقنية جديدة نسبيًا لصناعة تصميم الويب. أصبحت الشاشات المقسمة شائعة في منتصف عام 2016 ، وأصبح لدينا الآن المزيد والمزيد من مواقع الويب التي تستخدم نمط التصميم هذا. هناك عدة أسباب تجعل نمط التصميم هذا شائعًا جدًا:
- لديها جودة جمالية لطيفة. عند تنفيذها بشكل صحيح ، يمكن أن تقدم للمستخدمين تجربة مشاهدة رائعة.
- إنه اختيار جيد لأطر الاستجابة. يمكن تعديل تصميم الشاشة المقسمة لمجموعة متنوعة من الشاشات ، حتى الصغيرة منها. عندما يتعلق الأمر بالشاشات الصغيرة ، مثل شاشات الجوال ، يمكن تكديس اللوحات.
- يساعد على توجيه الملاحة. باستخدام تقنيات التصميم البسيطة ، يمكنك جذب انتباه المستخدم إلى جزء محدد من الشاشة أو تشجيعه على النقر.
عند تقسيم الشاشة يعمل أفضل
تكون الشاشة المقسمة جيدة بشكل خاص عندما يكون لديك شيئان للترويج لهما. على سبيل المثال ، عندما يعرض الموقع شكلين مختلفين تمامًا. يتيح هذا الأسلوب للمصممين إعطاء الأهمية لكلا الأمرين والسماح للمستخدم بالاختيار بسرعة فيما بينها.
شاشة واحدة ، رسالتين في دلائل Dropbox
عندما يجب عليك تجنب تقسيم الشاشة
لا تتوسع تصميمات الشاشة المقسمة بشكلٍ جيد مع نمو المحتوى ، لذلك لا يوصى بتطبيقها على التخطيطات ذات المحتوى الكبير. من المهم إبقاء الشاشات بسيطة لأن الشاشات المقسَّمة المعقدة تجعل واجهة المستخدم تبدو أكثر من اللازم مع المعلومات. هذا هو السبب في أن تصميم الشاشة المقسمة سيكون مناسبًا تمامًا لتصميمات مواقع الويب البسيطة.
كيفية تحديد ما إذا كانت الشاشة المقسمة جيدة بالنسبة لك
إذا كنت تفكر في تقنية تقسيم الشاشة لموقعك على الويب ، أنصحك بأن تسأل نفسك بعض الأسئلة:
- هل هو مناسب للمحتوى الخاص بك؟
- هل سيكون هناك مساحة سلبية كافية لجعل التنسيق يعمل؟
- هل سيقدر مستخدموك التصميم أم أنه سيؤدي إلى إرباكهم؟
- هل سيكون من الممكن تقسيم انتباه مستخدميك إلى النصف؟
أهم شيء يجب أن تضعه في اعتبارك أن المحتوى هو ملك وأن الشاشة المقسمة يجب أن تكون طريقة بسيطة لتسليم رسالتك إلى الناس.
تقنيات التصميم لشاشات انقسام
1. زوج لون نابض بالحياة والطباعة الدرامية
بفضل التصميم المسطح والمواد ، تعتبر الألوان النابضة بالحياة والطباعة الدرامية من أهم الاتجاهات الآن. ألوان نابضة بالحياة هي تحفيز بصري والطباعة دراماتيكي يعزز محتوى النص. ببساطة الجمع بين الاثنين وسوف تقوم بإنشاء تصميم مثير للاهتمام بصريا. لقد قام بايسمان بهذا ببراعة. أعطوا أهمية متساوية لكلا العنصرين بينما ، في نفس الوقت ، السماح للمستخدم للاختيار بينها بسرعة.
يمكن للألوان الزاهية والأزواج الطباعة مثيرة للاهتمام إضافة الفائدة
2. ارسم انتباه المستخدم إلى زر CTA
أكثر من مجرد اتجاه رسومي بسيط ، فإن تقسيم الشاشة إلى جزأين متميزين يوفر طريقة أصلية لتوجيه المستخدم من خلال موقعك. إنه خيار رائع عندما تريد إنشاء نقطة محورية أكبر للحث على اتخاذ إجراء. في المثال أدناه ، يمكنك أن ترى كيف يخلق الفضاء السلبي فجوة عمودية لإعطاء وزن متساوي لخيارين مختلفين.
تسمح الفجوة العمودية بالتركيز على اثنين من عبارات CTA المختلفة دون تفضيل أي منهما
3. إنشاء تدفق مرئي بين "شاشات"
عندما تمثل شاشة الانقسام كائنًا واحدًا ، من المهم إنشاء اتصال بين حاويات المحتوى. إحدى الطرق الممكنة للقيام بذلك هي استخدام لون. ما عليك سوى تكرار لون مميز لإنشاء تدفق بصري بين شاشتين. يعمل هذا بشكل جيد مع لون العلامة التجارية أو اللون مع الكثير من التباين. باستخدام الألوان ، من الممكن توصيل اتصال أقوى بين مقطعي محتوى.
هناك طريقة أخرى ممكنة لإنشاء اتصال قوي هي وضع عنصر واحد مثل نسخة النص عبر الشاشات:
نص متداخل يربط بين شاشتين
أخيرًا وليس آخرًا ، يمكنك استخدام تراكب ملون لهذا الغرض:
خذ بعين الاعتبار الجزء الأيسر من الشاشة
4. استخدام الرسوم المتحركة لتشجيع المستخدمين على التصرف
الرسوم المتحركة الجميلة والتأثيرات التفاعلية تشجع المستخدمين على النقر. انظر إلى التصميم المستخدم في " تشيخوف على قيد الحياة الموقع أدناه. يتطلب منك التصميم النقر للعثور على شخصيتك.
استنتاج
يستغرق الأمر ما يقرب من ثلاث ثوانٍ حتى يتخذ الزائر قرارًا بشأن موقعك على الويب. وبالتالي ، يجب أن تكون تصميماتك دائمًا ملائمة للزائر إذا كنت ترغب في تقليل معدلات الارتداد. يمكن لتقنية تقسيم الشاشة مساعدتك في ذلك. تعتبر تصميمات الشاشة المقسمة طريقة ممتعة وعملية ومتجاوبة لإنشاء تصميم جذاب.