تصميم المواقع الإلكترونية الجزء الاول

تصميم المواقع ليس صعباً لكن تجهيز التصميم لنشر في الويب ليس سهلاً

من السهل تصميم موقع جميل وعملي، باتباع بعض المبادئ التي تساعد في تصميم اكثر فعال و جاذبية و فائدة

مبادئ تصميم المواقع الإلكترونية

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

لتصميم موقع الكتروني يجب معرفه تخطيط الموقع وهذا التخطيط هو الاساس لجميع المواقع تقريبا :

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

header

يحتوى على الشعار والروابط الاساسية ويكون في جميع صفحات الموقع

body

ويمكن تقسيمه الى اقسام (section) كل قسم يحتوى على محتوى مخصص و يتغير تبعا لنوع الصفحة

body

footer

يحتوى على روابط ثانوية والحقوق واي شي اخر ويكون في جميع صفحات الموقع

خطوات تصميم المواقع الإلكترونية

  1. تحديد نوع الخط

    قديما كان تحديد نوع الخط فقط للخطوط الافتراضية مثل Arial او Tahoma .. الخ
    الان باستطاعتنا استخدام اي نوع من الخطوط وتحويلها الى خطوط ويب

  2. تحديد الوان الموقع

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

  3. تحديد نوع تخطيط body

    يوجد ثلاث انواع من التخطيط

    • بدون قائمة
      بدون قائمة
    • قائمة يمين
      قائمة يمين
    • قائمة يسار
      قائمة يسار
  4. تحديد مقاس التصميم

    تخلف مقاسات عرض الشاشات بين 640 الى 3840
    مقاس التصميم الافتراضي الذي استخدم هو عرض 1000 ودقة 72

بعد تحديد هذه الامور نقوم ببناء الواجهه الرئيسية للموقع بناء على المعلومات المتوفره لدينا وما نريد التركيز عليه و منها يتم عمل باقي الصفحات وهذه الامور سوف نتطرق لها في الموضوع القادم

… يتبع

 

 610 total views,  1 views today

1 thought on “تصميم المواقع الإلكترونية الجزء الاول

  1. احببت ما رأيت وانا جداً مهتمة بمواقع الويب .. اتمنا الاستفاده قدر الإمكان من حضرتكم .. احسنت ✌?

Comments are closed.