كيفية استخدام التوازن: التماثل وعدم التماثل في التصميم

1. مقدمة:

يعرف مصممو الجرافيك الناجحون أن إتقان المفهوم البصري للتوازن هو مفتاح التواصل الفعال. عندما تحقق تصميماتك التوازن؛ وهو ما يمكن أن يحدث مع كل من التصميمات المتماثلة وغير المتماثلة؛ فإنها ستحقق قدرًا أكبر من التناغم، وسيستخدم جمهورك طاقة أقل في استهلاك المعلومات.

إن فهم التماثل وعدم التماثل ليس بالأمر الصعب، ولكن فهمه بشكل صحيح قد يكون أمرًا صعبًا في البداية. ولهذا السبب سنستعرض بعض الأمثلة للتأكد من أن كل شيء واضح تمامًا.

2. ما هو التوازن البصري؟ وما هو التماثل؟:

يرتبط التماثل والتوازن. لكنهم ليسوا نفس الشيء تمامًا. ألق نظرة على تعريفاتهم:

التماثل هو الجودة البصرية لتكرار أجزاء من الصورة عبر محور، على طول المسار أو حول المركز. ومن ناحية أخرى، يشير عدم التماثل إلى أي شيء غير متماثل.

أما التوازن فهو المبدأ البصري لجعل التصميم يبدو متساويًا في جميع أنحاء التكوين.

يقيس التوازن الوزن البصري للتركيبة الخاصة بك، مما يؤثر على مدى جذب كل عنصر لانتباه جمهورك.

هناك أربع طرق أساسية لتحقيق التوازن:

·   التوازن المتماثل:

يحدث التوازن المتماثل (Symmetrical balance) عندما يكون للتركيب الخاص بك نفس الوزن البصري على كل جانب من المحور. تخيل صورًا مرآة مثالية تنظر إلى بعضها البعض حول محور مركزي.

هذا النوع من التوازن يثير الرقة والبساطة. إنه أمر ممتع أن ننظر إليه، ولكن يمكن التنبؤ به أيضًا.

·   التوازن غير المتماثل:

التركيبة (composition) ذات الوزن غير المتساوي على كلا الجانبين لها توازن غير متماثل. أكثر إثارة للاهتمام بصريًا من نظيرتها المتماثلة، تحتوي هذه التقنية البصرية على نقطة بؤرية كبيرة على جانب واحد مع عدة نقاط بؤرية أقل أهمية على الجانب الآخر.

·   التوازن الشعاعي:

عندما تشع العناصر المرئية من نقطة مركزية مشتركة، يسمى هذا التوازن الشعاعي (radial balance). تخيل أشعة الشمس المنبعثة من الشمس.

·   توازن الفسيفساء:

فكر في توازن الفسيفساء (Mosaic balance) باعتباره فوضى منظمة قد تبدو مثل الضوضاء، ولكنها في الواقع تخلق التوازن بفضل عدم وجود نقطة محورية مميزة.

يشترك كل عنصر في التركيز المشترك، ولا يوجد عنصر واحد يهيمن على التكوين.

3. أنواع مختلفة من التماثل وعدم التماثل:

التوازن هو مفتاح التصميم الرائع، لكن التماثل هو إحدى الأدوات التي يمكنك استخدامها للوصول إلى هذا الهدف. وإليك نظرة سريعة على أنواع التماثل الأربعة.

·   التماثل الانعكاسي:

تخيل أنك تأخذ تفاحة وتقطعها إلى نصفين. كلا الجانبين عبارة عن صور معكوسة عبر خط مركزي، وهذا هو التناظر الانعكاسي.

يُعرف أيضًا باسم التناظر الثنائي (bilateral symmetry)، وستجد هذه التقنية تُستخدم عموديًا أو أفقيًا أو قطريًا (diagonally).

يمكن أن يكون التناظر الانعكاسي تناظرًا متطابقا (identical)، مما يعني أن كلا جانبي الصورة متطابقان. ومع ذلك، فإن العديد من الحالات؛ وجه الإنسان، على سبيل المثال؛ سوف تتميز باختلافات دقيقة على كل جانب.

·   التماثل الانتقالي:

فكر في نفس الشكل الذي يكرر نفسه مرارًا وتكرارًا.

هذا هو التناظر الانتقالي، عندما تتكرر العناصر المرئية عبر موقع ما في الفضاء. يمكن أن يحدث هذا التكرار بأي طول وفي أي اتجاه.

·   التناظر الدوراني:

تخيل عجلات السيارة المتحركة وطواحين الهواء الدوارة، وستحصل على التماثل الدوراني (Rotational symmetry).

تُعرف هذه التقنية أيضًا باسم التناظر الشعاعي، وتتميز بجميع العناصر المرئية التي تدور حول المركز في أي زاوية. يعد هذا النوع من التناظر مثاليًا لالتقاط الإحساس بالحركة أو الحركة الديناميكية أو السرعة.

·   انزلاق التماثل الانعكاسي:

لقد رأينا جميعًا خطى على الرمال أو الثلج. فكر في كيف تنتج كل خطوة انعكاسًا للقدم المقابلة، ولكن بسبب الحركة، لا تصطف كل بصمة مع الأخرى.

التماثل الانعكاسي الانزلاقي (Glide reflectional symmetry) هو تلاعب بالتماثل الانعكاسي، ولكنه يتضمن تحولًا في موضع كل صورة معكوسة. مثل التناظر الدوراني، فإنه ينقل أيضًا إحساسًا بالمضي قدمًا.

·   عدم التماثل:

إذا كانت التركيبة لا تتناسب مع الفئات المذكورة أعلاه، فمن المحتمل أنها غير متماثلة. كمصمم، فإن عدم التماثل يمثل تحديًا لك ويساعدك. عادةً ما تكون التصميمات المتوازنة والمتماثلة أكثر جاذبية لأن أعيننا تجدها بشكل طبيعي أكثر إثارة للاهتمام وجاذبية.

عليك أن تعمل بجهد أكبر لتحقيق التوازن مع العناصر المرئية غير المتماثلة، ولكن سيكون لديك أيضًا الحرية في تجربة الأنماط والأشكال غير المتوقعة، بطريقة لا يمكنك تحقيقها مع التماثل.

4. أمثلة على التوازن في التصميم الجرافيكي:

أفضل طريقة للتعرف على التوازن هي النظر إلى بعض الأمثلة الواقعية للتماثل وعدم التماثل أثناء العمل.

·  الشعارات:

شعار Airbnb:

يعد شعار Airbnb مثالاً على التماثل الانعكاسي بصفة متطابقة تماما.

إذا قمت برسم خط عمودي في المنتصف، فسيكون كلا النصفين متماثلين تمامًا. لإنشاء تناظر انعكاسي مثل هذا، استخدم أشكالًا بسيطة واختار شعارًا بسيطًا لا يحتوي على العديد من الأجزاء المعقدة.

شعار Google:

تعد علامة Google النصية مثالاً على التوازن غير المتماثل.

الأحرف الثلاثة الأولى أوسع بشكل ملحوظ من الأحرف الثلاثة الأخيرة، مما يخلق إحساسًا بثقل بصري أكبر في النصف الأول من العلامة النصية (wordmark).

·  تصميم مواقع الويب:

شعار Apple:

تقدم لنا صفحة ويب Mac الخاصة بشركة Apple مثالاً مذهلاً للتماثل الانعكاسي الرائع.

لا يقتصر الأمر على أن شاشات MacBook متساوية الطول على جانبي المحور الرأسي المركزي فحسب، بل إن خطوط الطباعة في العنوان الرئيسي والعنوان الفرعي أعلاه متساوية أيضًا على جانبي المحور.

The Atlantic:

يتميز موقع المجلة الإخبارية هذا بأعمدة ذات أطوال مختلفة ووزن مرئي أكبر للصور على جانبه الأيسر للحصول على مظهر عام يكافح من أجل تحقيق التوازن.

يمكن تحقيق توازن بصري أكبر من خلال جعل الأعمدة بنفس الطول وتوزيع الصور بالتساوي على جانبي المحور الرأسي المركزي.

·  بطاقة الأعمال:

InClean:

بفضل تصميمها البسيط، تحقق بطاقة العمل InClean التناسق والتوازن المثاليين.

نسخة مركزية بشكل مثالي مع وفرة من المساحة البيضاء تحافظ على توازن هذه التركيبة البسيطة وعصريتها.

Hallo:

تتميز بطاقة العمل هذه بأنها بسيطة للغاية حيث لا تحتوي إلا على كلمة "Hallo" مطبوعة على جانب واحد منها - وهي تركيبة ذات عدم تناسق واضح وعدم توازن متعمد.

قد يجد البعض أن حجم نوع الخط كبير للغاية. قد يرى الآخرون أن هذا هو الهدف من التصميم. فتركيبة مثل هذه تقع على خط رفيع بين المتوازن وغير المتوازن.

5. فهم التوازن ضروري لتصميم منتجات أفضل:

إن معرفة كيفية استخدام التماثل وعدم التماثل بشكل صحيح هو المفتاح لتوصيل قصتك من خلال التصميم الجرافيكي. من خلال تسخير مبدأ التوازن الجيد، يمكنك تحويل التصاميم العادية إلى شيء مذهل ولا ينسى.

-----------------------------------------------------------------------------------------------

المقال مترجم

النص الأصلي: Balance 101: how to use symmetry and asymmetry in design