المدونة

كثافة البكسل في اللافتات الرقمية: لماذا تهم الدقة ومقاس الشاشة معًا؟

بقلم info@yjcen.com
رسمان لشاشتين تجاريتين بمقاسين مختلفين يعرضان شبكة البكسلات المبسطة نفسها.

تصف كثافة البكسل مدى تقارب البكسلات على الشاشة، ويُعبَّر عنها عادةً بعدد البكسلات في البوصة (PPI). وفي اللافتات الرقمية، تساعد على فهم سبب اختلاف مظهر الدقة نفسها على شاشات ذات مقاسات فعلية مختلفة.

لا تكفي زيادة عدد البكسلات في البوصة وحدها لضمان سهولة القراءة. فلا بد أن يتمكن الزائر من رؤية الرسالة من الموضع المقصود. ويجب أن يراعي القرار مقاس الشاشة والحجم الفعلي للحروف والتباين والانعكاسات وتخطيط المحتوى.

الدقة وكثافة البكسل تصفان جانبين مختلفين

تحدد الدقة عدد البكسلات أفقيًا ورأسيًا في الصورة أو لوحة العرض. أما كثافة البكسل فتربط هذا العدد بطول فعلي. وإذا تساوت شاشتان في الدقة ونسبة العرض إلى الارتفاع، فإن الشاشة الأكبر توزّع البكسلات على مساحة أكبر.

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

كيفية حساب PPI

في لوحة ذات بكسلات مربعة، اقسم عدد البكسلات على امتداد القطر على طول القطر بالبوصة. ويُحسب عدد البكسلات القطري من الدقتين الأفقية والرأسية وفق الصيغة الآتية:

كثافة البكسل (PPI) = الجذر التربيعي لمجموع مربعي عدد البكسلات الأفقي وعدد البكسلات الرأسي، مقسومًا على طول قطر الشاشة بالبوصة.

للتوضيح، تبلغ كثافة لوحة مقاسها 55 بوصة وبدقة ⁦1920 × 1080⁩ بكسل نحو 40.1 بكسل/بوصة. وعند القطر نفسه، تعطي دقة ⁦3840 × 2160⁩ نحو 80.1 بكسل/بوصة. وهذه أمثلة حسابية، وليست مواصفات لطراز معين من YJCEN.

تؤدي مضاعفة الدقتين الأفقية والرأسية إلى زيادة العدد الإجمالي للبكسلات أربعة أضعاف، مع مضاعفة كثافة البكسل عند المقاس الفعلي نفسه. ميّز بين هاتين الكميتين عند مقارنة الوصف التسويقي بمواصفات اللوحة.

لماذا لا تجعل الدقة الأعلى النص أسهل قراءةً تلقائيًا؟

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

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

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

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

اجعل موضع المشاهدة جزءًا من المواصفات

حدد الموضع الذي يحتاج عنده الأشخاص إلى قراءة الشاشة لأول مرة، وأقرب موضع يمكنهم الوقوف فيه أمامها. راعِ الاقتراب من الجوانب وارتفاع التركيب وأي زجاج بين المشاهد والشاشة. فلا توجد قيمة واحدة لكثافة البكسل تضمن سهولة القراءة في جميع هذه الظروف.

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

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

اختبار عملي للمحتوى قبل الطلب

  1. حدد مقاس الشاشة الفعلي ودقتها الأصلية المدعومة اللذين تفكر في اختيارهما.
  2. جهّز محتوى ممثلًا للاستخدام الفعلي، يتضمن أصغر نص مهم.
  3. شغّله عبر مشغّل الوسائط أو التطبيق المقصود، باستخدام وضع الإخراج المخطط له.
  4. ثبّت العينة أو ضعها في ترتيب يحاكي ظروف المشاهدة المقترحة.
  5. افحصها من مواضع قريبة وبعيدة وجانبية تحت إضاءة ممثلة لظروف الاستخدام.
  6. اضبط حجم النص الفعلي والتخطيط ، ثم كرر الفحص.

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

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

حدد مواصفات اللوحة وترتيب المحتوى معًا

يتضمن الطلب المفيد قطر الشاشة ودقتها الأصلية واتجاهها ومواضع المشاهدة التقريبية وأمثلة للمحتوى المقصود. وأدرج مشغّل الوسائط أو التطبيق المزمع استخدامه عندما يؤثر في التحجيم أو أوضاع الإخراج المدعومة.

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

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

تتبّع الرسالة عبر مسار العرض كاملًا

توجد أبعاد متعددة يجب مراعاتها: أبعاد التصميم الأصلي، ومساحة العمل في التطبيق، وإخراج مشغّل الوسائط، والشاشة الفعلية. دوّنها بصورة منفصلة. فوصف الملف بأنه «4K» لا يثبت أن جميع مراحل المسار تعرضه بأبعاد البكسل الأصلية.

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

استخدم صفحة مرجعية تتضمن حواف ونصوصًا وأشكالًا يسهل تمييزها. قارن ما قصده مصمم المحتوى بما يعرضه النظام كاملًا. فتحوّل الدائرة إلى شكل بيضاوي أو اقتطاع نص مشكلة في التخطيط ينبغي بحثها قبل الاستنتاج بشأن كثافة بكسلات اللوحة.

قارن كثافة البكسل مع مراعاة المقاس الفعلي

لنأخذ مثالين حسابيين بالدقة نفسها، ⁦1920 × 1080⁩ بكسل. يعطي قطر 55 بوصة نحو 40.1 بكسل/بوصة، بينما يعطي قطر 75 بوصة نحو 29.4 بكسل/بوصة. تكون كثافة الشاشة الأكبر أقل، لكن التصميم نفسه عند عرضه بملء الشاشة يظهر بحجم فعلي أكبر أيضًا.

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

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

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

استخدم الأبعاد الفعلية للمحتوى المهم

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

مثلًا، يبلغ عرض عنصر مكوّن من 100 بكسل على شاشة بكثافة 40 بكسل/بوصة مقدار 2.5 بوصة. وعلى شاشة بكثافة 80 بكسل/بوصة، يصبح عرضه 1.25 بوصة. توضح هذه الأرقام المدوّرة طريقة الحساب، ولا تحدد مقاسًا موصى به للنص أو الأزرار.

ليس مقاس الخط الاسمي بالبكسل بالضرورة هو ارتفاع حروفه المرئية. استخدم المحتوى المعروض فعليًا عند فحص النص. فأشكال الحروف وسُمك خطوطها والتباعد بينها وتباينها مع الخلفية تؤثر في سهولة تمييز الرسالة.

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

ميّز بين المسافة البينية للبكسل وكثافة PPI ودقة الطباعة DPI

المسافة البينية للبكسل هي المسافة بين مركزي بكسلين متجاورين، وغالبًا ما تُذكر بالمليمتر. ومع البكسلات المربعة والوحدات المتسقة، تساوي هذه المسافة بالمليمتر 25.4 مقسومًا على كثافة البكسل PPI. فهي تصف التباعد، بينما تصف PPI عدد البكسلات في وحدة طول.

يُستخدم مصطلح DPI عادةً في الطباعة، وقد يشير إلى عدد نقاط الطابعة في البوصة. ولا تغيّر قيمة DPI المسجلة في ملف للطباعة شبكة البكسلات الفعلية لشاشة LCD. وفي اللافتات الرقمية، افحص أبعاد الصورة الفعلية وطريقة تحجيمها في التطبيق والدقة الأصلية للشاشة.

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

صمّم وفق المهمة التي يحتاج المشاهد إلى إنجازها

العثور على الاتجاه المطلوب

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

قراءة قائمة الطعام

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

استخدام كشك يعمل باللمس

اختبر القراءة والاختيار معًا. يجب أن تتكامل منطقة اللمس والنص المرئي والمسافات بين عناصر التحكم المتجاورة. تحقّق من الواجهة باستخدام التطبيق والاتجاه المقصودين؛ فارتفاع كثافة البكسل لا يثبت سهولة الاستخدام.

أنشئ سجل قبول يتيح تكرار الاختبار

احفظ إصدار المحتوى وإخراج مشغّل الوسائط ووضع العرض واتجاهه وإعدادات التحجيم ذات الصلة. وأضف مقاس الشاشة ومواضع المشاهدين وظروف الإضاءة. تتيح هذه التفاصيل إعادة المقارنة بعد تغيير المحتوى أو الأجهزة.

سجّل مهمة محددة، مثل تحديد وجهة أو قراءة سعر مهم. صِف أي صعوبة بدلًا من الاكتفاء بعبارة «تبدو الصورة حادة». فوضوح الحواف مفيد، لكن المشروع يحتاج إلى أن يتعرف الأشخاص على المعلومات الصحيحة.

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

أسئلة شائعة عن كثافة البكسل في اللافتات الرقمية

هل كثافة البكسل الأعلى أفضل دائمًا للجمهور البعيد؟

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

هل تضمن دقة 4K سهولة قراءة قائمة الطعام؟

لا. فالملف ومسار التشغيل والتخطيط والحجم الفعلي للنص عوامل مهمة جميعًا. وقد تعرض اللوحة العالية الدقة تصميمًا غير مناسب بالدقة نفسها التي تعرض بها تصميمًا مناسبًا. افحص النتيجة النهائية بدلًا من الاعتماد على تسمية الدقة.

هل يجب على كل شاشة في الشبكة استخدام نفس ملف المحتوى؟

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

دور كثافة البكسل في قرار الشراء

استخدم كثافة البكسل لفهم العلاقة بين الدقة والمقاس. ثم اختبر الشاشة الكاملة باستخدام الرسالة وترتيب المشاهدة الملائمين للمشروع. وتجنب اختيار شاشة أصغر لمجرد أن قيمة كثافة البكسل فيها أعلى.

توفر YJCEN لافتات رقمية قائمة بذاتها وغيرها من أشكال الشاشات التجارية. أرسل موقع التركيب المقترح ومقاس الشاشة ومثالًا للمحتوى لمناقشة التكوين المناسب. وتحقّق من الدقة الفعلية للطراز المختار بدلًا من افتراض دقة واحدة لجميع الطرازات.

افحص تغييرات المحتوى قبل إرسالها إلى جميع الشاشات

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

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

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

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

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

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

المرجع التقني

EIZO: كثافة البكسل والدقة وتحجيم العرض. تطبّق فحوص التخطيط للافتات الواردة أعلاه هذه الفروق على قرارات المحتوى التجاري والتركيب.

مقالات ذات صلة

اكتشف المزيد من المحتوى المميز