فهم التماثل وعدم التناسق في التصميم

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

ما هو التناظر؟

دبوس

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

هناك طرق مختلفة لتحقيق التناظر بأنواع مختلفة. دعونا نناقش القليل منهم:

1. تناظر الانعكاس:

دبوس

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

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

2. تناظر الدوران:

دبوس

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

عندما نتحدث عن تصميم الويب أو تصميم الشعار ، يمكن رؤية أفضل استخدام لـ Rotation Symmetry في تصميم شعار Mitsubishi. يتم تدوير نفس النمط في ثلاث زوايا مختلفة متصلة في المركز ، وهو ما يشبه تصميم الزهرة ، ويستخدم التناسق الدوراني ويخلق إحساسًا بالحركة.

3. التناظر الانتقالي:

دبوس

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

عندما يتعلق الأمر بتصميم الويب ، غالبًا ما يستخدمه المصممون كعنصر واحد في صفحة الويب بدلاً من تصميم موقع الويب بالكامل بهذه الطريقة. إنها أيضًا ممارسة ممتازة لتصميم الشعارات. يستخدم شعار Public Broadcasting Service استخدامًا ممتازًا للتناظر الانتقالي المدمج مع أحادي اللون لإظهار التباين في شعارهم.

4. تناسق اللون:

دبوس

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

تحقق Apple تناسقًا لونيًا ناجحًا باستخدام التركيبة الأكثر شيوعًا والكلاسيكية بين الأسود والأبيض أو أحادية اللون في تصميم موقعها على الويب. يمنح التباين في الألوان مساحة للتنفس للعناصر الفردية بالإضافة إلى تجربة الموقع الشاملة. يشعر المستخدمون بالراحة عند التنقل في الموقع حيث يبدو أن المعلومات منظمة للغاية ومنظمة.

الآن بعد أن عرفنا أنواع الموازين المتماثلة ، يمكننا مناقشة مزايا استخدامها في التصميم.

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

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

عندما تحتوي الصفحة على خيارين أساسيين أو أكثر للاختيار من بينها: يتيح استخدام التوازن غير المتكافئ للزائر التركيز على جميع صفحات موقع الويب بشكل متساوٍ. أفضل مكان يمكن أن يكون فيه هذا مفيدًا هو موقع التسوق الذي يحتوي على منتجات لكل من الرجال والنساء. ومن ثم يمكن أن يعرض أحد أقسام الصفحة قسم الذكور وقسم الإناث الآخر.

الآن بعد أن ناقشنا الأنواع المختلفة من موازين التناظر وكيف قام المصممون المختلفون بدمجها في التصميم ، دعونا نفهم ماهية التصميم غير المتماثل.

ما هو عدم التماثل؟

دبوس

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

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

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

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

هناك طرق مختلفة لتحقيق عدم التناسق من أنواع مختلفة. دعونا نناقش القليل منهم:

1. الترتيب بالشكل والقيمة:

دبوس

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

2. ترتيب باستخدام Texture:

دبوس

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

3. الترتيب حسب اللون: دبوس

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

4. الترتيب حسب اتجاه العين:

دبوس

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

الآن بعد أن عرفنا أنواع الموازين غير المتكافئة ، يمكننا مناقشة مزايا استخدامها في التصميم:

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

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

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

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

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