4 مبادئ رئيسية لتصميم مواقع الويب

1- أنظمة الشبكة (Grid Systems)

منذ اختراع هذه المخطوطة في القرن الأول، الشبكة أصبحت تقرر كيف نقرأها. ظهرت آلاف الاختلافات ، التي تنطوي على ترتيبات مختلفة من الصفوف والأعمدة.

فكر في طريقة ترتيب النصوص والصور في الكتب والصحف والمجلات. هذه الأنظمة تم نقلها بشكل أو بآخر مباشر إلى الويب ، وهي تعمل بشكل جيد.

كلمة للمصممين: حاول العديد من المصممين تجنب الشبكة بما يسمى “الإبداع” ؛ العديد من هذه المواقع أصبحت غير مقروءة.

لتسهيل حياتنا ، ظهر عدد كبير من أنظمة الشبكات الجاهزة والتي تكون سريعة الاستجابة ومتوافقة مع لغات البرمجة الرئيسية ويمكن تنزيلها مجانًا بشكل عام.بعض الخيارات المشهورة هي 960.gs و Simple Grid و Golden Grid System ، لكن قائمة الخيارات الجيدة هائلة حقًا ، وبعضها أكثر تعقيدًا من البعض الآخر.

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

4. الصور والألوان

• حافظ على الحد الأدنى من لوحة الألوان

• مثل الخطوط ، ما عليك سوى التمسك بـ 2 أو 3. يجب عليهم بالطبع تكرار العلامة التجارية للمضيف ، أثناء تقديمهم لتسليط الضوء على المناطق المهمة ، كما هو مذكور في قسم “التسلسل الهرمي المرئي”.

• ضع في اعتبارك عمى الألوان

• أحد الاعتبارات الأخرى التي تستحق الاحتفاظ بها في الجزء الخلفي من عقلك هي حقيقة أن ما يقرب من 5 ٪ من السكان (الذكور) يعانون من عمى الألوان ، لذا احترس من أزواج الألوان الخاصة بك.

• حافظ على الحد الأدنى من الحركة.

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

• اختر الصور بعناية

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

• التزم دائمًا بجميع قيود ترخيص الصور المخزنة

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

• حافظ على أحجام الملفات صغيرة

• تأكد من أن أحجام الصور الخاصة بك منخفضة قدر الإمكان (دقة الويب 72 نقطة في البوصة). غالبًا ما تمثل الصور 60٪ أو أكثر من حجم صفحة الويب / وقت التحميل.