في هذا الفصل سوف نقدم لكم مجموعة من المعلومات العالمية المتميزة ومجموعه من النصائح العامة المتخصصة في مجال تصميم المواقع على وجه التحديد ، وسوف نتطرق كذلك إلى مجموعه من الخبرات المتنوعه في هذا المجال.
عمى الألوان Color Blindness 1-7 :
***************************
يعاني بعض الناس مما يمسى بعمى الالوان وهي حالة مرضية وراثية مجملاً ، يعاني منها الرجال على وجه التحديد ، فهؤلاء المصابين بهذا المرض يعانون عدم القدرة على التمييز بين بعض الألوان أو كلها التي يمكن أن يميزها الآخرون.
وبما أنه مرض وراثي في غالب الأحيان ، ولكن ممكن أن يحصل بسبب خلل في العين أو العصب البصري أو الدماغ أو بسبب التعرض لبعض المواد الكيمياوية.
قام العالم الكيميائي الإنجليزي جون دالتون (
John Dalton) بنشر موضوع عن عمى الالوان بعدما اكتشف بأنه يعاني منه، وبسبب أعمال دالتون في هذا المجال فتسمى هذه الحالة بالدالتٌزم (
Daltonism) ومع أن هذا الاسم يطلق الآن على حالة واحدة فقط وهي :
::: Deuteranopia:::
وهي تعني عدم الحساسية للون الاخضر ، وللأسف هذا المرض ليس له علاج ناجح . وفيها ينعدم تمييز اللونين الأحمر والأخضر. أما في الشكل الوخيم لهذا الاضطراب فترى جميع الألوان سوداء وبيضاء.
وعليه يجب أن يراعي عدم استخدام هذه الألوان (
الأحمر والأخضر) على الأقل في الأمور ذات الأهمية مثل إشارات المرور ، فهي غير واضحه لهؤلاء المصابين ، أما من ناحية تصميم المواقع الإلكترونية ، فيجب عدم الإكثار من هذين اللونين على وجه التحديد وخاصة إذا كان الموقع يحتوي على نماذج تعبئة خيارات تعتمد على أحد اللونين السابقين.
وفيما يلي ، جدول يبين اللون الذي يراه المصاب للألوان التالية :
******************************************
مثلاً ، عند تصميم زر متغير الشكل عند المرور بالفأرة عليه ، يجب أن لا تحتوي الطبقة الخاصة باللون المتغير لأحد الالوان السابقة ، وفي حاله وجود هذين اللونين ، فيجب تغيير شكل الخط المتغير وطبيعة الخلفية أو إضافة خط أسفل النص للتمييز.
أنواع التنسيقات لملفات الصورImages File Format 2-7 :
*****************************************
من العروف أنه يوجد الكثير من صيغ ملفات الصور ذات خصائص واستخدامات مختلفه حسب الحاجة الفنية المحدده ، ولعل من أشهر هذه الصيغ والإمتدادات التي تهمنا في مجال تصميم المواقع هي :
(
PNG – JPEG – GIF - BMP).
من خلال خبرتي كمصصم محترف فإنه غالباً ما تواجهنا مشكلة واحدة فقط في عالم الرسومات على الحاسب الآلي ، وهي
حجم الملف مقارنة مع جودة الصورة ، فيجب الحرص على أن تظهر الصورة بأبها وأحلى هيئة وفي نفس الوقت لا نريد لها أن تكون كبيرة الحجم لأن ذلك يبطئ من عملية التصفح وبالتالي يصاب المتصفح بالضجر والإمتعاض من البطئ الحاصل لظهور الصور.
وهذا الأمر ينطبق تماماً على كل الرسومات، سواءً كانت أعمالاً فنية أو رسومات خاصة بالمواقع كالأزرار والصور التوضيحية وخلافها.
لذلك تم ابتكار تنسيقات لحفظ الملفات الرسومية لضغط الصور بأكبر قد ممكن وفي نفس الوقت المحافظة على جودة مقبولة للصورة ومن خلال الفصل الحالي سوف نتطرق إلى أهم ثلاثة تنسيقات تستخدم في الإنترنت وفي تصميم المواقع بشكل واسع.
GIF: وهي اختصار لمصطلح
Graphics Interchange Format وهي من ابتكار شركة
CompuServe Incوتقوم باستخدام هذا التنسيق على شبكتها ، وهو التنسيق الأكثر استخداما على الإنترنت منذ فترة طويله ، وأثبت هذا التنسيق كفاءته في ضغط الصور بشكل كبير مما يؤدي إلى تصغير حجم الملف.
وهذا التنسيق يستخدم طريقة LZW وهي اختصاراً لمصطلح
Lempel and Ziv Welch وهي طريقة آمنة لضغط الرسوم ، حيث أنها تقوم بضغط الملف بدون فقدان أي تفاصيل موجودة في الرسمة ، وطريقتها أنها تقوم بضغط مجموعة من البكسلات (Pixels) المتجاورة المتشابه في اللون في بكسل واحد مضروباً بعدد البكسلات.
ويفيد هذا التنسيق للصور والرسومات ذات المساحات الواسعة من لون واحد ، كالعلامات التجارية ، النصوص ، الصور الكرتونية ، لأنه لا يستطيع الاحتفاظ إلا بـ 256 لون أو أقل ، وله مستوى واحد فقط للشفافية ، حيث تستطيع أن تحدد لوناً واحداً فقط ليكون اللون الشفاف الذي لن يظهر للمتصفح.
وتستطيع أن تقوم بعمل صور متحركة بهذا التنسيق ، لذلك يستخدم هذا التنسيق في الإعلانات على مواقع الإنترنت على وجه التحديد.
JPEG : وهو اختصار لمصطلح
Joint Photographic Experts Group وهو نفس اسم الشركة المبتكرة لهذا النمط ، وله اختصارات أخرى مثل (JPG - JPE) وهو التنسيق الذي تم ابتكاره لحفظ الصور الفوتوغرافية تحديداً، والتي تحتوي على ظلال معقدة وتدرجات لونية كبيرة ، ولا يصلح استخدام تنسيق GIF لها.
وتعتمد طريقة ضغط تنسيق JPG للصور عن طريق تقسم الصورة إلى مساحات ، تحتوي كل مساحة على لون واحد ، وهو تنسيق يفقد الصورة بعض التفصيلات الدقيقة ، لذلك تظهر التدرجات اللونية في الصور الفوتوغرافية خشنة وبارزة نوعاً ما.
من مميزات هذا التنسيق أنه يستطيع التعامل مع ألوان أكثر من تنسيق GIF الذي يتعامل فقط مع 256 لون ، وتنسيق JPG يستطيع التعامل مع 16.7 مليون لون (24 Bit).
ويستخدم هذا التنسيق كما أسلفنا للصور الفوتوغرافية ، أو للصور ذات التدرجات اللونية المعقدة والمتشابكة.
PNG: وهو اختصار لمصطلح
Portable Network Graphic وهو من ابتكار شركة
Codelab Inc وتستخدم تنسيق ثالث يحل ما بين التنسيقين السابقين ، حيث تستطيع في تنسيق PNG أن تحفظ الصورة مع 256 لون مفهرس للصور البسيطة (
العلامات التجارية، أو الصور الكرتونية).
وتستطيع كذلك أن تحفظ الصورة مع 16,7 لون للصور الفوتوغرافية، وتستطيع أن تحفظ الصورة بتدرجات رمادية فقط (
65536 تدرج رمادي) علاوة على ذلك يمكن أن يكون هناك 256 مستوى من الشفافية خلافاً لتنسيق GIF الذي يحتوي مستوى واحد فقط من الشفافية.
إحدى الميزات الهامة لملفات PNG هي أنها تتضمن معلومات غاما (
Gamma) وتشير غاما إلى سطوع الصور أما تصحيح غاما المبيت في ملفات PNG فيعني أن الصورة ستصحح نفسها بطريقة ما وفقاً لجهاز العرض التي ستعرض عليه كما وستظهر بنفسها مستوى السطوع الذي صممت عليه في البداية.
فمثلاً، أجهزة عرض الماكنتوش (
Macintosh) أكثر سطوعاً من أجهزة عرض الحاسب الآلي الشخصية ، لذلك فإن الصور المنشأة في حواسيب الماكنتوش تميل لأن تظهر غامقة في الحواسيب الشخصية ، والصور المنشأة في الحواسيب الشخصية تظهر فاتحة في أجهزة الماكنتوش وتنسيق PNG يحل المشكلة بشكل تلقائي بينهما.
وهذا التنسيق يصلح لجميع أنواع الرسوم دون استثناء ، وهو مدعوم من جميع المتصفحات الحديثة لذلك من الافضل أن يستخدم على نطاق أوسع بسبب مرونته وفاعليته الأكبر من بقية التنسيقات السابقة . وطريقة ضغطه للصور أكبر من تنسيق GIF وكذلك لا تقوم بخسارة التفاصيل كتنسيق JPG مثلاً.
ملاحظة : ينصح بشدة باستخدام تنسيق PNG في تصميم المواقع الحديثة وكذلك الصور المتحركة بدلاً من GIF .
