مبدأ ” التوازن Balance ” في تصميم المواقع

1:15 م |

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

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

مفهوم التوازن في التصميم

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

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

الانسان بطبيعته كائن ثنائي واحساسنا بالتوازن فطري ، لو القينا نظرة مقربة علي اجسادنا لاكتشفنا ذلك

الإنسان بطبيعته مخلوق ثنائي : اعضاء الجانب الايمن لجسم الانسان = أعضاء الجانب الأيسر

آلية حساب الوزن البصري لكل عنصر

التوازن البصري يعدل بين العناصر كل منها حسب مساهمته في التصميم او واجهة الموقع

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

لو افتضرنا ان هناك مقياس للتوازن Measure of balance من ٥ درجات واعطينا لكل شكل من الاشكال التالية درجة علي مقياس التوازن ، كالتالي :-

كل الاشكال اخدت درجة واحدة علي مقياس التوزان عدا النجمة اخذت درجتين

الآن لنحسب الوزن البصري للعناصر علي الجانبين الايسر والأيمن للتصميم التالي :-

علي الرغم من ان الاشكال علي جانبي التصميم ليست متماثلة ، الا ان التصميم متوازن ، السبب يكمن في ان كل عنصر له وزن بصري مختلف عن الآخر

النتيجة ان التصميم متوازن ، كيف ؟ … علي الرغم من ان الاشكال ليست متماثلة علي جانبي التصميم …

فالجانب الأيمن به ثلاث عناصر الدائرة + المربع + المثلث
الجانب الأيسر به عنصرين فقط و هما النجمة + المثلث

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

كيف يتم تحديد قيمة الوزن البصري للعناصر ؟

معايير الوزن البصري للعناصر علي الميزان البصري Measure of balance

السؤال الذي يجب ان تسألة … لماذا اخذت النجمة درجتين علي الميزان البصري علي خلاف المثلث والدائرة والمربع ؟ … هذا يقودنا الي تحديد المعايير وراء رفع او خفض قيمة اي عنصر علي الميزان البصري ، الوزن البصري لكل عنصر يحدد بعدد من المعايير :-

الحجم Size : بديهياً العناصر الاكبر حجماً لها وزن بصري اعلي من العناصر الأقل حجماً.
اللون Colors ، والصخب اللوني Color Noise : هذا المعيار ليس له اسباب واضحة الا انه مؤثر جدا في الوزن البصري لأي عنصر فهو يعتمد بالأساس علي الحس الفني للمصمم، فاللون الاحمر يبدوا اثقل علي الميزان البصري من اللون الاصفر.
مكان العنصر Element Position : القرب والبعد عن المحور الوهمي الذي تخلقة العين ، يؤثر علي وزن العنصر بصرياً.
التعقيد الداخلي للعنصر (العناصر المتداخلة ، مثال : الدوائر المتداخلة) Complexity : تجميع اكثر من عنصر داخل حيز عنصر واحد يزيد من وزنه بصرياً عن بقية العناصر الموجودة في نفس الحيز.

انواع التوازن البصري

التوازن البصري كما هو معروف في علوم الهندسة و التصميم الداخلي Interior Design له ثلاث انواع :-

أولاً : التوازن المتماثل

البطاقة التعريفية بالتوازن المتماثل

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

تصميم موقع اكساء هوست تم تصميمه وفقا لمبدأ التوازن المتماثل

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

البطاقة التعريفية للتواز الغير متماثل

التوازن الغير متماثل هو ابداع الويب !! علي عكس التوازن المتماثل فإن هذا النوع يعتمد بشكل كبير علي الوزن البصري لكل عنصر من عناصر التصميم وفقا لمعايير ( اللون ، الحجم ، التعقيد …. الخ ) وبالتالي فإن هذا النوع يتيح المجال امام ابداع المصمم في واجهة المستخدم ليوزع العناصر كما يريد مع مراعاة وزنها البصري بحيث لا ينتج تصميماً شاذاً. يجب ان تضع نقطة ارتكاز للتصميم وتبدأ في توزيع العناصر كما يمليها عليك خيالك ثم تتوقف لتشاهد هل التوزيع متوازن ام لا ؟ يحتاج هذا النوع من التوازن الي موهبة حتي تستطيع ان تنتجة بشكل سليم .

اي انسان يستطيع ان يكتشف ما اذا كان التصميم متوازن ام لا ولكن ليس كل انسان قادر علي صناعة تصميم متوازن.

ثالثاً : التوازن المشع

التوازن المشع توزع فية الهناصر علي محيط دائري وكأن هناك نقطة ارتكاز للتصميم تلتف حولها العناصر

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

الخلاصة

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

هل تعتقد ان تصميم واجهة مدونة معمل ألوان متوازنة بصريا ؟ والي اي الأنواع تنتمي ؟

اذا اعجبتك هذه التدوينة فلا تنسى ان تشاركها وتساعدنا على نشر المدونة ، كما يسعدنا ان تنضم الى قائمة المشاركين في سما بلوجر من خلال (نشرات rss)

التسميات: اختراعات, تكنولوجيا وانترنت

أخبار العالم - أخبار الفن - أخبار الرياضة - أخبار الحوادث - اخبار متنوعة ...اخبارعلو الفلك...اخبار

الترجمة

البحث العلمي يغير حياتنا

المتواجدون الان

الوقت الحالي

ارشيف سما بلوجر