كيفية معايرة اللون للويب
متى يكون اللون البرتقالي أشبه باللون الأحمر؟ مصممي الويب ، وحتى من الصعب إرضاءه ، في بعض الأحيان تجاهل تحول اللون عبر الشاشات.
كيف يمكن لمصممي الويب إدارة الألوان عندما تكون شاشات مستخدميها بأي حجم أو لون أو يمكن مشاهدتها تحت أي ظروف إضاءة؟
بخلاف إصلاح أخطاء HTML ، التي تؤثر على المتصفحات أثناء تحميل الصفحة ، يصبح الحصول على لون دقيق جزءًا من عملية عمل المصمم.
يمكن الحفاظ على الألوان عبر المشاريع بمجرد فهم المشاكل. تابع القراءة لمعرفة التحديات والحلول للحصول على لون متسق على الويب.
يمكنك تحديد الفرق بين الصور أدناه؟
إحدى الصور أكثر زرقًا قليلاً من الأخرى. هذا "تغيير اللون" أو الصبغة العامة لدرجات معينة ، قد لا يلاحظها المراقب العادي. بعد كل شيء ، تغيير طفيف في اللون لا يجعل هذا أقل من زهرة أو ينتقص من تفاصيل قطرة الندى. إنه تغيير تراكمي.
مع مرور الوقت ، تلتقط صور JPEG ذات الجودة القصوى ورموز PNG ذات 256 لونًا النطاق الترددي الثمين. يزيد التعقيد في HTML من عبء عمل المتصفح مع كل تحميل للصفحة. بخلاف هذه المشاكل ، التي تضاف إلى الزوّار أثناء تصفح الموقع ، فإن إدارة الألوان هي مشكلة في عملية التصميم . تصبح الصور التي يتم إنشاؤها على جهاز مراقبة غير متوازن غير متسقة مع مرور الوقت.
يمكن أن يحدث تغيير اللون باسم آخر: عدم الانتباه.
متى يمكننا القول أن لون الرسم يطابق الصفحة بما فيه الكفاية؟ في أي نقطة يكون لون الصورة غير دقيق؟ ما التفاصيل التي لا تهم المشروع ككل؟ قد يكون لدى كل شخص إجابات مختلفة ، ولكن لا يمكن لأي شخص يأخذ الصور الرقمية على محمل الجد تجاهل معايرة الألوان.
واجهت صناعة الطباعة صعوبات في الحصول على لون دقيق لعقود من الزمن. إن ضمان ظهور الألوان نفسها بالضبط في جميع مراحل الإنتاج - بما في ذلك الشاشات المختلفة وطابعات المكاتب والمكابس عالية الجودة - أنتج صناعته الخاصة لأجهزة المعايرة وحلول البرامج وحتى معايير ISO.
لا يقلق مجتمع تصميم الويب عمومًا من عمليات الفحص الصحفية. ولكن ربما ينبغي.
كان الويب قد لون القضايا منذ كان له لون
في التسعينيات ، كان الحصول على لون دقيق على الويب يعني استخدام لوحة تضم 216 لونًا "آمنًا للويب". هذه الاشكال والظلال كانت (في الغالب) مضمونة على عدم التدرج عند عرضها على الشاشات التي لا تستطيع معالجة أكثر من 8 بت لون.
أعلاه هو التدرج مع وبدون التردد. اليوم ، يمكن للغالبية العظمى من أجهزة الكمبيوتر تظهر لون 24 بت أو أفضل (وفقا ل هذه الإحصاءات عرض المتصفح وتتبع Google Analytics لمواقع الويب ، بما في ذلك Webdesigner Depot). أي أن كل بكسل يمكن أن يظهر واحدًا من ملايين الألوان ، مما يجعل المعايرة معقدة وأكثر حرجًا.
تعتمد شبكة الإنترنت طويلاً على الرموز السداسية ، مثل # F35C23 ، لتحديد الألوان. يمكن لهذه السلاسل المكونة من ستة أحرف عرض مجموعة متنوعة من الأشكال والقيم بدقة كبيرة. ستتطابق الصورة التي تحتوي على # F35C23 وخلفية CSS في # F35C23 تمامًا.
المشكلة تكمن في أن الرمز يحدد مجموعة من الأحمر والأخضر والأزرق ولكن لا يؤدي دائمًا إلى لون متناسق. حساب شاشات العرض للفرق.
الأبيض أبيض ، إلا عندما لا يكون
تؤثر العديد من العوامل على دقة الألوان عند إنشاء وتحرير الصور الرقمية. كما هو الحال مع الطباعة ، يعتمد اللون على الويب على البيئة التي يتم فيها إنشاء الصورة. بخلاف الطباعة ، يمكن أن تتغير الصور المستندة إلى الويب في كل مرة يتم عرضها لأن شاشات المستخدمين تختلف ، ولا يمكن لأي تحقق من الضغط أن يمسك المشكلات التي تنشأ.
على الرغم من أن العديد من متصفحات الويب الحديثة يمكن عرضها
ولكن لا يتم بناء جميع الشاشات على حالها ، ولذلك قد يكون لون برتقالي معين غير متناسق عبر الشاشات المختلفة. فيما يلي بعض أسباب تغير اللون:
- تغيرات طفيفة بين الشركات المصنعة والنماذج تمثل عدم دقة طفيفة في الظل وهوى.
- العديد من الشاشات (خاصة شاشات CRT ) تغير لونها على مر السنين وحتى أثناء الاحماء على مدار اليوم.
- حتى وقت قريب ، استخدم كل من Mac OS X و Windows "gammas" مختلفين ، مما يعني أن الصور على أجهزة Mac كانت أكثر سطوعًا من تلك الموجودة على الكمبيوتر الشخصي. يستخدم نظام التشغيل Mac OS X 10.6 (Snow Leopard) جاما الأكثر شيوعًا وهي 2.2 ، وهو نفس Windows والعديد من أجهزة التلفزيون وكاميرات الفيديو.
- يتصفح الناس الويب من العديد من المواقع المختلفة وفي العديد من ظروف الإضاءة المختلفة. يؤثر تأثير الأضواء العلوية وكمية الضوء الطبيعي ولونه على مظهر اللون على الشاشة.
أعلاه ، تظهر معايرة مختلفة أن اللون "الأبيض" غالباً ما يكون لونًا مفترضًا:
- الصورة الأصلية ، تم التقاطها تحت ضوء الفلورسنت باستخدام كاميرا تصوير نقطي.
- تقريب اللون التقريبي على جهاز Mac قبل Snow Leopard.
- تقريب لون تقريبي على شاشة CRT قديمة.
- على مقربة من اللون الحقيقي ، كما يظهر على الكمبيوتر المحمول الذي تمت معالجة الصورة عليه.
قد تعرض شاشة حمراء قليلاً لونًا أزرقًا تمامًا مثل الأرجواني ، أو تظهر بلون أخضر مع مسحة صفراء. ستؤدي أجهزة ضبط الإضاءة الساطعة جدًا إلى غسل الظلال والإبرازات ؛ المراقبين مجموعة مظلمة جدا سوف الظلال الموحلة وزيادة فرصة تحول لون في الضوء. بالنسبة للمصممين الذين يهتمون بهذه التفاصيل ، فإن مراقبة الجودة هي بالتأكيد تحدي.
PNG Color Shift
ببساطة ، تغير قيمة gamma نصوع الصورة المعروضة. مصممة لصور رقمية ، تنسيق صورة PNG يتيح للمصممين إضافة تصحيح غاما لكل صورة. ولكن دون معرفة سطوع جهاز الإخراج (أي دون معرفة نوع الشاشة التي ستظهر بها الصورة) ، يواجه المصممون صعوبة في إضافة تصحيح دقيق لغاما.
لقد أصبحت هذه الخاصية من أكثر مشكلات PNG شهرة. على الويب ، ستطابق إحدى الصور في بعض الأحيان الألوان السداسية المحددة في CSS ، وأحيانًا أخرى لن تظهر — على الرغم من أنها تم إنشاؤها باستخدام اللون الصحيح.
برامج مثل PNGCrush (ويندوز) و PNGenie (يمكن Mac) إزالة المعلومات الزائدة من ملفات PNG ، بما في ذلك إعداد جاما ، مما يجعل اللون أكثر موثوقية.
حالات أخرى
يمكن أن يتطلب منع تغيير اللون تغييرات في طريقة عمل المصممين. ستظهر المعايرة الضعيفة للألوان بمرور الوقت. إنها واحدة من تفاصيل التصميم التي لا نتحدث عنها ولا يجب أن نلاحظها.
حلول صناعية
وقد اتخذت العديد من الحلول الكثير من التخمين من إدارة اللون ومنع تحول اللون.
ال اتحاد الألوان الدولي (
ملفات تعريف ICC هي ملفات تحتوي على معلومات حول كيفية عرض الأجهزة المختلفة للألوان. يتم شحن الطابعات ومعظم أجهزة الكمبيوتر بملفات تعريف ICC المدمجة ، نظرًا لأن الشركات المصنعة لها تعرف بدقة كيفية عملها. إلا أن ملفات تخصيص ICC المخصصة يمكن أن تتكيف مع جهاز معين لظروف معينة - على سبيل المثال ، عندما يتم استخدام جهاز العرض تحت أضواء الفلورسنت ، على عكس النافذة الكبيرة.
بالإضافة إلى مطابقة الألوان عبر الشاشات (وفي الطباعة) ، يدعم Adobe Flash Player 10 ملفات تعريف ICC ، مما يتيح إدارة اللون بين Flash والطابعات (على افتراض أن طابعة المستخدم النهائي تستخدم ملف تعريف ICC).
في عام 1996 ، عرّف Hewlett-Packard و Microsoft المعيار الأحمر والأخضر والأزرق (
هذه الحلول التقنية هي استجابات على مستوى الصناعة من المنظمات المهنية. ولكن يمكن للمصممين أيضًا اتخاذ خطوات للحفاظ على اتساق أعمالهم مع مرور الوقت.
نصائح لإعداد غرفة للعمل اللون
ما هو نوع الضوء الذي تستخدمه الآن؟ إذا كنت تقرأ هذا في مساحة العمل الأساسية ، وإذا كان اللون الدقيق مهمًا بالنسبة لك ، يمكنك عندئذٍ اتخاذ خطوات لتحسين مساحة العمل الخاصة بك الآن.
- عشر ثوان في نصف ساعة
خذ استراحة سريعة وحدق ببطاقة رمادية 18٪ . يعتبر النظر إلى نفس البطاقة تحت ظروف الإضاءة نفسها طريقة جيدة لإعادة ضبط عينيك. (ملاحظة: يوصي الأصوليون ببطاقات رمادية بنسبة 12٪. فهم جيدون أيضًا ، طالما أنك تستخدم نفس البطاقة في كل مرة. والنقطة هي النظر إلى شيء ثابت ومحايد). - عشر دقائق
حرك شاشتك بعيدًا عن الضوء المباشر. لا تدع مصدر الضوء يصل مباشرة إلى الشاشة. - خمس عشرة دقيقة
قم بإزالة ملحقات المكتب الملونة (التقويمات ، والعلامات ، والصور ، والمجلدات - أي شيء غير رمادي) من نطاق الرؤية الخاص بك. إذا كانت شاشتك عاكسة ، فلا تحتفظ بمواد ملونة خلفك مباشرة. - عشر دقائق في اليوم
دع عينيك تتكيفان مع البيئة قبل بدء العمل. امنح عينيك الوقت الكافي للتكيف مع مساحة العمل ، خاصة إذا كنت قد دخلت للتو من ضوء الشمس أو الإضاءة الليلية الخارجية. إذا لزم الأمر ، استخدم مؤقت. - عشر دقائق في الأسبوع
تنظيف الشاشة الخاصة بك. إستخدم قطعة قماش خالية من الوبر لإزالة الغبار وبصمات الأصابع بلطف ، أو الرجوع إلى دليل المالك الخاص بك للحصول على تعليمات التنظيف. افعل الشيء نفسه مع نظارتك ، إذا كنت ترتديها. - يوم أو ما شابه
تغطية النوافذ القريبة مع شاشات أو ستائر سميكة. الفوائد الأساسية للضوء الطبيعي هي الدقة - من الصعب الحصول على أكثر طبيعية من أشعة الشمس - والتوافر. لكن الضوء الطبيعي يختلف. يتغير على مدار اليوم ، مع الطقس ومع الفصول. - عطلة نهاية الاسبوع
تحيط مساحة العمل الخاصة بك مع الرمادي المحايدة. طلاء الجدران ، واستبدال الأثاث المظلم مع شيء لطيف. من الناحية المثالية ، يجب أن يعكس سطح المكتب الخاص بك فقط حوالي 60٪ من الضوء الذي يصيبه. GTI Munsell Neutral رمادي الطلاء تحظى بشعبية بين المصورين لخلق خلفيات محايدة. - عطلة نهاية الأسبوع أو وقت الشحن
إذا لم تكن قادرًا على ضبط إضاءة مكتبك ، شراء أو تجميع غطاء جهاز العرض لمنع الوهج وتغيير الظروف.
نصائح لمعايرة الشاشة الخاصة بك
الغرض من المعايرة هو التخلص من نوبات اللون وتحسين نطاق نغمي الشاشة. يجب أن تكون الظلال غنية ولكن لا تزال تعرض التفاصيل. يجب أن تكون ألمع النقاط ليست دافئة ولا باردة. على المدى الطويل ، يجعل هذا لونًا دقيقًا ومتسقًا.
فيما يلي الخطوات العامة:
- قم بتدفئة الشاشة لمدة 30 دقيقة على الأقل.
- حدد gamma (5000-9500 ° K، gamma 1.8-2.2).
- العثور على أفضل النقاط البيضاء والسوداء.
- توازن اللون الأحمر والأخضر والأزرق لمنع الألوان.
- كرر هذه العملية شهريا.
ستوجهك العديد من البرامج خلال هذه العملية. Adobe Gamma هو حل سريع شائع لمعايرة شاشات CRT. بالإضافة إلى كونه سهل الاستخدام ، فإنه مجاني عند شراء Photoshop أو Photoshop Elements. الحلول الأخرى هي QuickGamma (ويندوز) و Datacolor Spyder معايرة الأجهزة.
اللون أنا من الصعب إرضاءه
إن اللون الدقيق المتسق هو أحد تلك التفاصيل البسيطة التي يختار معظم الناس - بما في ذلك مصممي الويب - تجاهلها في مواجهة أخطاء التحليل ، ومعايير الويب ، ومعلومات العميل الخاطئة وضغط الميل النهائي الجيد.
ولكنه أيضًا أحد تلك العناصر التي تجعل تجربة عامة أفضل. وبمجرد أن يبدأ المصممون في ملاحظة الانحرافات في الظلال والظلال الموحلة ، فإن عدم الرغبة في القيام بعمل أفضل سوف يصبح أمرًا غير عادي.
مكتوبة حصريًا لموقع Webdesigner Depot by Ben Gremillion. بن هو حر مصمم على شبكة الإنترنت الذي يحل مشاكل التواصل مع تصميم أفضل.