انشاء مواقع الكترونية بتقنية جافا سكريبت
  • اتصل مجانا
  • اتصل فايبر بشركة تو ام
  • اتصل بشركة تو ام
  • اتصل واتس اب بشركة تو ام
  • 00201004020192

قاعدة المعرفة تصميم مواقع

انشاء مواقع الكترونية بتقنية جافا سكريبت

عند رؤيتك لتصاميم عديدة تحتاج إلى فهم غرض الحركات أو التأثيرات الموجودة في هذه التصاميم والتي تعكس عدة مبادئ قد تكون بطريقة مباشرة أو غير مباشرة.
سأتحدث عن مبادئ التصميم التي عادة ما نراها موجودة في أغلب التصاميم بأنواعها المختلفة حتى أن الأفكار المبتكرة المستخدمة في إخراج تصميم يهدف إلى توصيل رسالة معينة إلى المشاهد تحتوي على هذه المبادئ.
تفيدك هذه المبادئ في الحصول على فكرة تحقق بها هدف التصميم وتبرز عناصر التصميم بالشكل المطلوب بناءاً على هدف أو أهداف التصميم المحددة، مثل إظهار الفكرة بشكل قوي ووضعها في ذهن المشاهد دائماً أو إظهار فكرة تبين العديد من الأشياء المراد تقديمها للمشاهد.
للتوضيح أكثر دعونا نضع هذه المبادئ إضافةً على أمثلة عليها لفهمها أكثر وفهم أهدفها.
التوازن Balance التوازن يحدث عند مقارنة الشخص لكائن معين بناءاً على العناصر الموجودة في هذا الكائن، المقارنة تكون بطريقة غير مباشرة وغالباً تكون مقارنة فيزيائية أي أنها تأتي من رؤية الشخص للاشكال على أرض الواقع بإختلاف حجم هذه الأشياء وتناسقها وطريقة توزيعها ضمن حيز معين.
التوازن ينقسم إلى قسمين متناظر Symmetrical و غير متناظر Asymmetrical، التوازن المتناظر يتميز بتماثل عنصرين على المستوى الأفقي أو العمودي متمركزتان في نفس النقطة على كل محور بإختلاف العنصرين من حيث الشكل أو اللون، أشكال التوازن المتناظر هي غالباً تناظر أفقي horizontal symmetry ، تكون فيه العناصر متطابقة في الحجم والقياس والأبعاد.
تناظر ثنائي bilateral symmetry ، يحدث عندما يكون إنشاء العناصر الموازنة على محاور عدة.
تناظر نصف قطري radial symmetry ، يحدث عندما تكون العناصر متباعدة بالتساوي حول نقطة مركزية.
أما بالنسبة للتوازن الغير متناظر، تكون العناصر فيها متنوعة ومختلفة في الأحجام أو الأشكال أو درجات اللون على سبيل المثال أو الاماكن التي توضع فيها هذه العناصر، ولكن شرطها الوحيد هو ترتيب وتناسب العناصر مع المساحة المحددة بطول وعرض معين.
أمثلة على التوازن أضعها في هذه الصورة:
الوحدة Unity مفهوم الوحدة يقوم بشرح العلاقة بين العناصر أو الأجزاء الفردية والتركيب الكلي للتصميم، يمكن لعناصر التصميم أن تبقى فردية ولكن جميعها لها خاصية واحدة على الأقل مشتركة تجمعهم معاً، وإذا شكلت العناصر مجموعة متكاملة تكوّن مفهوم الوحدة.
القرب Proximity القرب يعني الوضوح، يمكن أيضاً لعدة عناصر أن تجتمع معاً وتكون وحدة ولكن في نفس الوقت قد تجد إختلاف بين أحجامها وعناصر تتمركز في نقطة معينة وتصبح جذابه وتشكل مفهوم القرب بالنسبة لك.
في الويب يمكن أن نرى ذلك ومثال على القرب في الويب هي طريقة عرض الأوسمة بطريقة سحابة الأوسمة Tags cloud.
التكرار Repetition يمكن لعدد من الأشياء المتشابهة أو الأشياء التي تجمعهم صفات مشتركة وفق طريقة معينة مثل أشكال texture أو مجموعة الألوان أو حتى أي كائنات متشابهة، تهدف في ذلك إلى عمل نموذج متكامل بواسطة مبدأ التكرار.
التشديد Emphasis التشديد أو التأكيد كما توضح الكلمتين فيقصد بها لفت النظر إلى شيء معين، ويوضح هذا المبدأ سيطرة عنصر معين على ظهوره في التصميم مقارنة بباقي العناصر التي معه، أو تهيئة عنصر أو مجموعة عناصر تخدم ظهور عنصر آخر مستهدف بحيث يلفت إنتباه المشاهد مباشرةً، ويضع نظره على ذلك العنصر من أول نظرة.
العوامل التي تساعد على وجود التأكيد أو التشديد على عنصر معين هي إختلاف خصائص العناصر الأخرى التي حوله وتشابهها بحيث يكون هو المختلف بينهم.
التناسب Proportion التناسب هو مقارنة تحصل بناءاً على أبعاد معينة أو توزيع معين للأشكال، في نفس الوقت علاقة بين عنصر وعناصر أخرى تفصلهم شيء متختلف وهو قياس العنصر مقارنةً بقياس باقي العناصر، ويمكن أن يدخل عملية التأكيد على هذا العنصر ضمن التناسب (Emphasis).
حتى تفهم هذه المبادئ لفهم هذه المبادئ أكثر وإستخدامها، أكثر من الإطلاع على التصاميم والصور التي تدرج تحت كل مبدأ من هذه المبادئ، أبسط طريقة إستخدام محرك البحث ورؤية نتائج الصور الخاصة بالمبدأ الذي ستكتبه على حقل البحث، فقط تأمل النتائج ويمكن أن تجمع عدة مصادر منها لتكوّن مصادر إلهام لكيفية عكس هذه المبادئ عند عملك على تصميم معين.
مباديء تصميم واجهة الإستخدام أشير هنا إلى مبادئ تصميم واجهة الاستخدام التي تهدف إلى تحسين جودة واجهة الاستخدام وعادةً تكون هذه المبادئ هي الأهداف التي يسعى المصمم من خلالها رسم واجهة المنتج/الموقع (وهو موضوعنا الرئيسي)، من هذه المبادئ ما يستخدم في تصميم واجهة إستخدام التطبيقات التي تركز على المهام مقابل الصفحات المركزة على المحتوى.
مبدأ الهيكلة: التصميم يجب أن ينظم واجهة الإستخدام بشكل هادف، بطرق مفيدة يجب أن يستند إلى الوضوح. من الأكثر أهمية إلى الأقل أهمية.
مبدأ البساطة: التصميم يجب أن يكون بسيط، لا يعني أن يكون عادي جداً ولكن أن تكون المهام فيه سهلة والتواصل ما بين المستخدم والموقع يكون بشكل واضح وبسيط من ناحية لغة المستخدم التي يتعامل فيها مع الموقع. وتزويده بالطرق المختصرة والتي لها علاقة بالمهام والإجراءات الطويلة بحيث يصل إليها بشكل سريع. (مثال إختصارات لوحة التحكم Shortcuts) مبدأ الوضوح: التصميم يجب أن يجعل جميع الإختيارات والمواد المطلوبة للمهمة المعطاه للمستخدم واضحة بدون صرف إنتباه المستخدم بالمعلومات الزائدة أو الغريبة. كذلك وضوح المهام التي يعمل بها المستخدم عن المهام التي لا يعمل بها حالياً.
التصاميم الجيدة لا تغرق المستخدم بالبدائل او بالتشويش عليه عن طريق تزويده بالمزيد من المعلومات الغير مطلوبة منه.
مبدأ التجاوب: التصميم يجب أن يبقي المستخدمين مطلعين على الأحداث الجارية للمهام التي يقومون بها في الموقع والتفسيرات التي تنتج عن هذه الأحداث، كرسائل الأخطاء التي لها علاقة بالمهمة او جزئية المهمة التي لم تمرر بشكل سليم، يجب أن تكون اللغة المستخدمة واضحة وبسيطة ومألوفة لدى المستخدم.
مبدأ التحمل: التصميم يجب أن يكون مرن ومتساهل بعدة زوايا، بإخفاض نسبة الأخطاء، متقبل للاستعمال السيئ/الخاطئ من قبل المستخدم. كأخطاء أو التوقفات التي يمكن أن تظهر مقابل إعادة مهمة مطلوبة للمستخدم أو عدم إكمالها بحيث يمنع التطبيق إظهار أخطاء أو عمليات غير مفهومة إلى المستخدم في مقابل إظهار رسائل الخطأ والتنبيهات المتعلقة بالأشياء التي يقوم بها المستخدم في الموقع أو التطبيق.
(تحدث كثيراً في النماذج البريدية، توافق التطبيق/الموقع مع متصفح الويب، .. وغيره)

مشاركة

تعليق على المقال

المقالات الأكثر مشاهدة

تصميم مناسب لموقعي الالكتروني

كيفية تصميم موقع متميز

تصميم وتطوير مواقع الانترنت

تصميم واجهة متميزة لموقعي

جعل موقعي أسرع على الانترنت

افضل شركة لتصميم مواقع الانترنت

أُسُس ومعلومات عن تصميم المواقع الإلكترونية

وضع خطة تصميم موقعي قبل البدء فى تصميم الموقع

تصميم موقع تفاعلى بتقنية الـ Flash

الاخطاء التى تدمر موقعى وكيفية حماية موقعى الالكتروني

تصميم مواقع الانترنت html وبلغة asp

تصميم محترف وكيفية تحويلة html

تصميم موقع الكتروني بتقنيةcss

الانترنت وتصميم موقع الكتروني بستخدام html

انشاء مواقع الكترونية بتقنية جافا سكريبت

Css3 تصميم مواقع الانترنت المتميزة

تصميم الجرافيكي بالفلاش وhtml5

اسس تصميم المواقع والـhtml

تصميم المواقع وعلاقته بالالوان وبالطبيعة

تصميم مواقع بافضل المقاسات

اختيار الالوان المناسبة لموقعي الالكتروني

انشاء مواقع بأحدث التقنيات والالوان المناسبة

افضل شركة لتصميم مواقع الانترنت

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

للتواصل واتس اب الأن... اضغط هنا

الحالة : متواجدون الأن

شكرا لك سيقوم مسؤل خدمه العملاء بالتواصل معكم عبر الواتس اب خلال دقائق

من فضلك اكتب رقم الهاتف بمفتاح الدولة
ليتم التواصل معك واتس اب الأن.