مبدأ التوازن فى تصميم واجهات الإستخدام للمواقع Websites Balance

منتدي سله المحذوفات

 
 
  1  
nonesaid
مبدأ التوازن فى تصميم واجهات الإستخدام للمواقع Websites Balance


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

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

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

التوازن البصرى يعدل بين العناصر، كل منها حسب مساهمته في التصميم او واجهة الموقع
كيف يحسب الدماغ الوزن البصرى للعناصر ؟ … الاجابة: اعيننا تصنع محور عمودى وهمى يفصل التصميم لنصفين متساويين عندما نشاهد اى صورة او مشهد و تبدأ فوراً في حساب الوزن البصرى لكل عنصر على جانبى المحور الوهمى، ثم تحسب النتيجة … فاذا كان مجموع الوزن البصرى لعناصر الجانب الأيمن = مجموع الوزن البصرى لعناصر الجانب الأيسر، اذا الصورة متوازنة والا فإن هذة الصورة بها مشكلة.
لو افتضرنا ان هناك مقياس للتوازن Measure of balance من ٥ درجات واعطينا لكل شكل من الاشكال التالية درجة على مقياس التوازن، كالتالى:-
مبدأ التوازن فى تصميم واجهات الإستخدام للمواقع Websites Balance
الآن لنحسب الوزن البصرى للعناصر على الجانبين الايسر والأيمن للتصميم التالى:-
مبدأ التوازن فى تصميم واجهات الإستخدام للمواقع Websites Balance
النتيجة ان التصميم متوازن، كيف ؟ … على الرغم من ان الاشكال ليست متماثلة على جانبى التصميم …
  • فالجانب الأيمن به ثلاث عناصر الدائرة + المربع + المثلث
  • الجانب الأيسر به عنصرين فقط و هما النجمة + المثلث
ولكن بسبب ان النجمة لها درجتين على الميزان البصرى، اصبحت العناصر على الجانبيبن للتصميم متوازنة بصرياً.
كيف يتم تحديد قيمة الوزن البصرى للعناصر ؟

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

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

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

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

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

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


 

الكلمات الدلالية (Tags)
للمواقع, مبدأ, balance, التوازن, الإستخدام, تصميم, websites, واجهات

أدوات الموضوع
انواع عرض الموضوع


المواضيع المتشابهه للموضوع: مبدأ التوازن فى تصميم واجهات الإستخدام للمواقع Websites Balance
الموضوع منتدي سله المحذوفات
صور تصميم عام 2012 جديدة , احدث تصميم عام 2012 صور منوعة - صور طبيعية - خلفيات منوعة
صور تصميم للملك عبدالله 2011 - صور تصميم جديده للملك صور منوعة - صور طبيعية - خلفيات منوعة
تصميم ديكورات - تصميم ديكور فلل - تصميم ديكور شقة منتدي سله المحذوفات
تصميم داخلى – تصميم منازل – تصميم فيلل - شركة ماس - مدينة نصر منتدي سله المحذوفات

الساعة الآن 12:34 PM
Powered by vBulletin® Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
SEO by vBSEO
جميع المشاركات والمواضيع في المنتدى لا تعبر عن رأي إدارته بل تمثل وجهة نظر كاتبها فقط
Google