استخدام الصور الفوتوغرافية كخلفية موقع

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

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

المميزات إجمالا، هي:

  • عمق أكبر للتصميم، يزيد هذا كلما كانت الصورة جميلة ومعبرة ومبتكرة.
  • بمجرد الاستقرار على الصورة المستخدمة، سيمكنك الانتهاء من التصميم في وقت أقل.
  • إذا كانت هذه الصورة بعدستك، فها أنت تنتج أدواتك وتستخدمها بنفسك :)
أهم التحديات، ولا أقول سلبيات: 
  • سرعة الإنترنت البطيئة أحيانا، ولكنها أمر يتلاشي مع الوقت الآن.
  • السعر المرتفع للصور على مواقع بيع الصور عموما، وانخفاض مستوى جودة الصور في مواقع الصور المجانية بالمقابل.
وأخيراً، إليكم عدد من المواقع الحديثة التي تعتمد على خلفية فوتوغرافية. لاحظ كيفية استخدام الصورة وعلاقتها بالمحتوى، أفكار متنوعة وإبداع بلا حدود:
الصورة ثابتة في الخلفية ويتوزع حولها المحتوى: England Squash& Racketball
تظهر الصورة فقط من خلال الجوانب، وخلفية المحتوى بيضاء: Global Innovation
صورة أبيض وأسود، والمحتوى كله مجرد أزرار كبيرة ملونة Work at Play

تعليقات

على فكرة يا زينب ، جوجل

على فكرة يا زينب ، جوجل هايبتدي قريب يعدل في تقييم (ranking) للمواقع حسب سرعتها في التحميل وده سبب اضافي اننا لازم نتأكد ان مواقعنا بتستخدم جرافيكس اقل .
http://searchengineland.com/site-speed-googles-next-ranking-factor-29793

عمر، أهلا بيك شكرا على

عمر، أهلا بيك

شكرا على المعلومة.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.