التصميمات المتجاوبة responsive-designs ، على قدر ما تمتلكه من امكانيات جديدة تفتح لنا ابوابا كثيرة للعرض على مختلف الاجهزة ، الا ان لها مشكلة تكاد تصل بنا الى حافة هاوية …
كيف تتعامل مع الصور في التصميمات المتجاوبة …. مشكلة لا يقدر حجمها الى مصممي الويب الذين يعانون دوما من ايجاد حل لها خاصة اذا ما كانوا يتعاملون مع مشروعات كبيرة ويستهدفوا بها شريحة كبيرة من المستخدمين.
فهناك العديد من النصائح والارشادات قد تجدها على صفحات الانترنت يلهث ورائها مصممي الويب بحثا عن حل مثالي لهذه المشكلة ، وكلما ظنوا انهم تقدموا خطوة نحو النجاح فوجئوا بتأخرهم خطوتين ….
ولكن علينا ان نبحث معا هذه المشكلة بعناية ووضوح اكثر ، ما هي المشكلة من الاساس ، وكيف نتغلب عليها وما هي انسب الحلول المطروحة لها
1- كيف تحدد المشكلة …؟
في العالم الواقعي يتم اخراج الصور بشكل يتناسب مع حجم شاشة الجهاز. كما اضيف مؤخرا خيار شاشات الريتينا لتخرج ايضا الصور بكثافة وجودة عالية.2- سرعة مختلفة ..
يجب على المصمم ان يختار بعناية الصور التي يستخدمها وخاصة حينما يتعامل مع شاشات الريتينا وجوالات 3G ، فهل فكرت يوما عزيزي المصمم في ان حجم كل صورة من هذه ترتبط بعلاقة وثيقة مع سرعة الانترنت المتاحة ..؟3- عملية اقتصاص الصورة ..
يجب ان يتوفر لديك نظاما يساعد في حل مشكلة قص الصورة والحفاظ على جودتها بشكل يتناسب مع كل الاحجام المختلفة للشاشات.ما هو انسب نموذج لسير العمل مع الصور المتجاوبة ..؟
- اولا علينا ان نحلل المطالب الخاصة بكل مشروع ونسأل انفسنا هذه الاسئلة التالية :
- هل علي ان اقدم نسخة من العمل تتناسب مع شاشات الريتينا اذا لم يكن في الأساس الفئة التي استهدفها تستخدمها ؟
- هل الممكن الجيد ان اغير في علامة كل صورة اتعامل معها في المشروع بإستخدام عدد كبير من المصادر؟
- هل من الممكن ان استخدم حلول أخرى ؟
