المفهوم الحديث للإدراك البصري متجذر ليس فقط في العلم ولكن أيضًا في علم النفس. وبالتالي ، بغض النظر عن واجهات المستخدم المتغيرة باستمرار ، فإن الطريقة التي نرى بها المعلومات المرئية وندركها ستظل كما هي. هل من الممكن لتصميم التفاعل المعاصر تحسين أسس التكوين والتسلسل الهرمي المرئي؟
ما هو التسلسل الهرمي البصري ، ولماذا هو مهم؟
التسلسل الهرمي البصري هو تخطيط وتوزيع المحتوى من أجل توصيل المعلومات بشكل فعال ونقل المعنى بشكل أوضح . يوجه التسلسل الهرمي المشاهدين إلى أهم المعلومات أولاً ، ثم إلى المحتوى الثانوي.
التسلسل الهرمي البصري هو تخطيط وتوزيع المحتوى من أجل توصيل المعلومات بشكل فعال ونقل المعنى بشكل أوضح . يوجه التسلسل الهرمي المشاهدين إلى أهم المعلومات أولاً ، ثم إلى المحتوى الثانوي.
يتم إنشاؤه من خلال الاستخدام المناسب للحجم واللون والشكل والمسافة والنسبة والاتجاه ، ويتم نقل المعنى والمفهوم والمزاج للتكوين من خلال الاستخدام الإبداعي للعناصر الرسومية التي تحدد التسلسل الهرمي .
يعد التسلسل الهرمي أمرًا بالغ الأهمية لكل أنواع #التصميم ، سواء كانت صفحة تحتاج إلى توجيه عين الزائر أو التنقل في واجهة مستخدم للجوّال. يعتمد فهم المستخدم لكل عنصر في مقابل العناصر الأخرى في التكوين والسياق . وبالتالي إنشاء تسلسل هرمي بصري عبر التصميم .
اللون في التسلسل الهرمي البصري :
قد تبدو العديد من قواعد التسلسل الهرمي البصري بسيطة للغاية وحتى مبتذلة ، لكنها أساس مهم للتصميم الجيد. على سبيل المثال ، اللون هو العنصر الإبداعي الأكثر تأثيرًا في #التصميم .
قد تبدو العديد من قواعد التسلسل الهرمي البصري بسيطة للغاية وحتى مبتذلة ، لكنها أساس مهم للتصميم الجيد. على سبيل المثال ، اللون هو العنصر الإبداعي الأكثر تأثيرًا في #التصميم .
تبرز الألوان الزاهية أكثر من الألوان الصامتة ، وبالتالي يكون لها تأثير بصري أكبر. في الواجهة ، يمكن استخدام اللون لتقديم إحساس بالبنية والإشارة إلى التفاعلات المتاحة. يمكن للون واحد داخل واجهة أحادية اللون أن يميز التحديد ، بل ويقترح ما هو أبعد من الزر الذي يحوم المستخدم فوقه.
اللون أيضًا مرتبط بالمعنى والعاطفة التي يمكن أن تنقل معلومات صريحة إلى العقل الباطن للمشاهد. في مجال العلامات التجارية ، تم إجراء قدر كبير من الأبحاث النفسية على اللون لأنه يخلق استجابة عميقة لدى المستهلكين قبل أن يكون لديهم أي تفاعل هادف مع العلامة التجارية.
على سبيل المثال ، غالبًا ما يُنظر إلى الأزرق على أنه يمكن الاعتماد عليه وآمن ومهدئ ، في حين أن اللون الأحمر مثير للتحفيز ومن المعروف أنه يزيد من معدل ضربات القلب لدى الناس . ومع ذلك ، قد يكون للألوان أهمية مختلفة اعتمادًا على الثقافة.
الحجم في التسلسل الهرمي البصري :
لنتخيل رسمًا توضيحيًا لطائر كبير يجلس بجوار ثلاثة طيور أصغر. بدون أي معلومات إضافية ، ينقل هذا الرسم البسيط على الفور العلاقة بين عناصرها: أحد الوالدين والأطفال .
لنتخيل رسمًا توضيحيًا لطائر كبير يجلس بجوار ثلاثة طيور أصغر. بدون أي معلومات إضافية ، ينقل هذا الرسم البسيط على الفور العلاقة بين عناصرها: أحد الوالدين والأطفال .
في #التصميم الجرافيكي التقليدي ، تتمثل الإستراتيجية النموذجية في جعل العناصر الأكثر أهمية هي الأكبر ، ثم تقليل حجم العناصر بشكل هرمي. ينشئ الحجم تسلسلاً هرميًا بصريًا لأن العناصر الأكبر تجذب الانتباه أولاً ، وبالتالي يبدو أنها الأكثر أهمية.
غالبًا ما تُستخدم أحجام الخطوط المختلفة في النصوص للإشارة إلى اختلافات ملحوظة ، مثل العناوين والأقسام وعلامات الاقتباس. عادةً ما يكون المحتوى الثانوي ، مثل التعليقات التوضيحية للصور ، أصغر حجمًا حتى لا يتنافس مع النص الأساسي للنص.
ضع في اعتبارك بعض الواجهات المرئية الأكثر استخدامًا ، مثل Instagram . لا شيء على الشاشة ينافس الصور ومقاطع الفيديو - فهي تشغل أكثر من 60 بالمائة من معظم الشاشات. الغرض من واجهة المستخدم فوري.
المحاذاة في التسلسل الهرمي البصري :
تنقل المحاذاة إحساسًا بالنظام من خلال ربط العناصر مكانيًا. كما هو الحال مع فصول في رواية ، تخيل مربعًا يقف خارج الخط في تكوين رسومي. عندما يكسر عنصر واحد هيكلًا راسخًا ، فإنه يبرز من التكوين وبالتالي يكتسب معنى خاص بالنسبة إلى البقية.
تنقل المحاذاة إحساسًا بالنظام من خلال ربط العناصر مكانيًا. كما هو الحال مع فصول في رواية ، تخيل مربعًا يقف خارج الخط في تكوين رسومي. عندما يكسر عنصر واحد هيكلًا راسخًا ، فإنه يبرز من التكوين وبالتالي يكتسب معنى خاص بالنسبة إلى البقية.
قد يبدو التركيب الجامد راكدًا وغير مثير للاهتمام بصريًا ما لم يبرز عنصر . المحاذاة الخاطئة ، أو "كسر الشبكة" ، هي فرصة لإعطاء عنصر رسومي وزنًا مرئيًا أكبر. هذا المفهوم أساسي للتسلسل الهرمي البصري في #التصميم.
وفقًا للمبدأ في التصميم التقليدي ، تبدو العناصر الموضوعة في وسط الإطار أكثر أهمية. على سبيل المثال ، يمكن وضع المحتوى الأساسي أو عناصر الواجهة في المنتصف ، بينما غالبًا ما يتم إبقاء التنقل والقوائم والمحتويات الثانوية الأخرى بعيدًا عن الجوانب.
لكن المصممين الرواد يحبون تحدي الوضع الراهن. عندما يطبق التصميم التفاعلي مبادئ التسلسل الهرمي الأساسية ثم يدفع الحدود إلى التراكيب المرئية المبتكرة ، يتم إنشاء تجارب جديدة مثيرة للاهتمام. باستخدام محاذاة مختلفة ، يتم عمل ارتباطات ومعاني جديدة بين العناصر.
الأشكال في التسلسل الهرمي البصري :
عندما يتعلق الأمر بالأشكال ، دعنا نفكر في كيفية توصيل شكل القلب البسيط فورًا باستخدامه المحتمل لـ "الإعجاب" في معظم واجهات مستخدم الشبكات الاجتماعية.
الأشكال الهندسية مثل الألوان تحمل دلالات معينة تعطي العناصر شخصية أو معنى.
عندما يتعلق الأمر بالأشكال ، دعنا نفكر في كيفية توصيل شكل القلب البسيط فورًا باستخدامه المحتمل لـ "الإعجاب" في معظم واجهات مستخدم الشبكات الاجتماعية.
الأشكال الهندسية مثل الألوان تحمل دلالات معينة تعطي العناصر شخصية أو معنى.
في التصميم التفاعلي ، تعتبر الأشكال الهندسية ضرورية للتواصل الفعال لأنها تنقل المعنى بشكل أسرع وعالمي أكثر من النص. بدلاً من النص ، أصبحت الرموز (الرموز) ، التي غالبًا ما تكون أشكالًا هندسية بسيطة ، هي التناظرية لمعظم أنظمة التنقل وواجهات المستخدم.
الهدف من "الإعجاب" بصورة أو تنزيل ملف أو التحقق من رسالة يتم نقله ببساطة وبشكل مباشر باستخدام الرموز (الأشكال الهندسية). يصبح هذا الشكل من أشكال الاتصال المرئي الفعال ذا أهمية متزايدة في السوق العالمية حيث غالبًا ما تخدم المنتجات الرقمية جمهورًا دوليًا واسعًا بلغات متعددة.
الحركة في التسلسل الهرمي البصري :
سيكون للعنصر المتحرك وزن بصري أكبر في مجموعة من العناصر الراكدة ، والحركة في التسلسل الهرمي هي مبدأ يستحيل استخدامه في الطباعة ولكن يمكن بالتأكيد تضمينه في مجموعة أدوات المصمم البصري .
سيكون للعنصر المتحرك وزن بصري أكبر في مجموعة من العناصر الراكدة ، والحركة في التسلسل الهرمي هي مبدأ يستحيل استخدامه في الطباعة ولكن يمكن بالتأكيد تضمينه في مجموعة أدوات المصمم البصري .
ما الذي يمكن للحركة أن توصله بخلاف الترجمة الحرفية لنفسها؟ غالبًا ما تُستخدم الحركة في واجهة المستخدم كدليل على أن عنصرًا يمكن التفاعل معه. هل يمكن دفع استخدام الحركة إلى أبعد من ذلك واستخدامها كوسيلة لتوصيل شيء فريد؟
إذا كان التسلسل الهرمي المرئي لا يتعلق فقط بكفاءة الاتصال ، بل يتعلق أيضًا بالمعنى المضمن ، فكيف يمكن استخدام الحركة كأداة اتصال مرئية أساسية؟
بالنسبة لموقع "أتذكر" ، تبرز الواجهة الرئيسية (المتحركة) على الفور لأنها تدعو إلى التفاعل. على الرغم من أن الحركة والواجهة هي أدوات تنقل وظيفية
فقد استخدم المصممون هذه العناصر كطريقة لإيصال المهمة الأساسية للموقع الإلكتروني: مرض الزهايمر. تمامًا مثل الذكريات الباهتة للمرضى الذين تجمع المنظمة الأموال من أجلهم ، يختفي الموقع ببطء إلى لا شيء دون تفاعل نشط.
مفهوم التسلسل الهرمي البصري :
التسلسل الهرمي هو مفهوم مباشر ، وفهم النظرية في الواقع أسهل من قدرة المصمم العملية على التنفيذ. ومع ذلك ، فإن الإبداع في وسائط جديدة مع الحفاظ على تصميم جيد يمثل تحديًا.
التسلسل الهرمي هو مفهوم مباشر ، وفهم النظرية في الواقع أسهل من قدرة المصمم العملية على التنفيذ. ومع ذلك ، فإن الإبداع في وسائط جديدة مع الحفاظ على تصميم جيد يمثل تحديًا.
تظهر وسائط جديدة طوال الوقت ، والمواقف الصعبة لن تقل، يوجد اليوم أكثر من 200 حجم شاشة مختلف قيد الاستخدام. وهذه فقط ثنائية الأبعاد. بدأً من متصفحات سطح المكتب، ثم جاءت الهواتف النقالة ..
والآن نحن نتحرك في أراضي جديدة مع تقنيات مثل التلفزيون التفاعلي و تقنيات الأجهزة القابلة للارتداء ، والواقع المعزز .
نأمل أن تتماشى مبادئ التسلسل الهرمي والتصميم الجيد مع التقدم السريع للتكنولوجيا بحيث تظل تجربتنا في الوسائط الرقمية مليئة بالمعنى والمتعة.
نأمل أن تتماشى مبادئ التسلسل الهرمي والتصميم الجيد مع التقدم السريع للتكنولوجيا بحيث تظل تجربتنا في الوسائط الرقمية مليئة بالمعنى والمتعة.
المصدر :
toptal.com
toptal.com
جاري تحميل الاقتراحات...