7 قواعد بسيطة لطبع المحمول
ربما تكون قد سمعت أن الطباعة الجيدة غير مرئية ، ولكن من الدقة أن نقول أن الكتابة الجيدة تجعل فعل القراءة بلا جهد.
عندما تسافر العين على طول خط النص ، فإنها تفعل ذلك في قفزات ، تسمى الأكياس. أنت لا تقرأ الحروف ، أو حتى الكلمات ، تقرأ لقطات لأجزاء من الكلمات ويملأ دماغك في ما يتوقع أن يجد. إذا كان الدماغ يتفاجأ ، فإنه يرسل العيون مرة أخرى للتحقق مما إذا كان افتراضه صحيحًا. تعمل الطباعة الجيدة على تقليل العمل الذي يجب أن تقوم به عينيك من خلال إنشاء تدفق سلس على طول الخط.
تشتمل الأجهزة المحمولة على تحديات متأصلة لأي مطبعي: المساحة محدودة ، والضوء المحيط غالبًا ما يكون ضعيفًا. ولكن من خلال إجراء تعديلات بسيطة على التقنيات التي نستخدمها بالفعل على الويب ، يمكننا تحسين إمكانية القراءة على الأجهزة المحمولة.
1. امنح نفسك مساحة
خلافا للاعتقاد الشائع ، فإن الطباعة لا تتعلق بترتيب خطوط متعرجة صغيرة على الشاشة. الطباعة إلى حد كبير حول المساحة داخل وحولها.
تدين الطباعة أقل بكثير إلى الأحرف نفسها ، من المساحة التي تأطيرها
لفهم هذا ، فإنه يساعد على فهم من أين أتت الخطوط: الفتحة الموجودة في منتصف 'o' (و 'b' ، 'c' ، 'p' ، إلخ) تسمى “counter.” عندما تكون الخطوط تم حفرها من المعدن لاستخدامها في المطابع الأصلية ، تم إنشاء تلك العدادات من قبل لكمة معدنية تم نحتها ومن ثم دفعها إلى لوحة. كان مصممو النوع الأول يعملون في الواقع مع الأشكال التي لا تتم طباعتها. تدين الطباعة أقل بكثير إلى الأحرف نفسها ، من المساحة التي تأطيرها.
عندما نتحدث عن التسلسل الهرمي ، فإننا نعني عادة
من خلال ل
، وربما على
. ولكن هناك تسلسل هرمي إضافي يؤثر على تدفق خط ، أو فقرة ، وهذا التسلسل الهرمي الفضائي: المسافة بين الحروف أقل من المسافة بين الكلمات ، المسافة بين الكلمات أقل من المسافة بين الخطوط ، وبينها.
للحصول على القراءة المثلى على الهاتف المحمول ، يجب إيلاء اهتمام خاص للتسلسل الهرمي الفسيولوجي ، حيث يكون تجميع الأحرف على نمط الجشطالت على شكل كلمات وخطوط وفقرات أمرًا أساسيًا في الضوء الطبيعي.
2. الحصول على التدبير
التدبير هو طول سطر النص. أو ، بشكل أكثر دقة ، الطول المثالي لخط النص ، لأنه نادرًا أن كل سطر يناسب تمامًا.
المقياس المثالي المقبول بشكل عام للقراءة المريحة هو حوالي 65 حرفًا. يعتمد طول المقياس المادي على تصميم محرف الطباعة والتتبع (انظر أدناه) والنص الدقيق الذي تستخدمه. أول 65 حرفًا من هذه المقالة ، تم تعيينها في PT Serif بعرض 26،875 سم ، في Open Sans ، 28.4375em ، في Ubuntu ، 27.3125em؛ إذا أضفت خطوطًا مائلة أو أحرفًا صغيرة أو أكثر من عشرة أجزاء أخرى من التفاصيل المطبعية ، فستتفاوت أكثر.
من النادر أن يمتد 65 حرفًا إلى حافة متصفح سطح المكتب ، ولكن في معظم أجهزة الجوّال ، يمتد 65 حرفًا (إذا كانت كبيرة بما يكفي ليكون واضحًا) خارج حدود المتصفح. وبالتالي ، بالنسبة للأجهزة المحمولة ، تضطر إلى تقليص قياسك.
لا يوجد معيار مقبول عمومًا للقياس على شاشة الجوال ، إلا أن الأعمدة الضيقة للنص في الصحف أو المجلات تتطلع إلى 39 حرفًا. وبما أن هذا الإجراء المثالي قد تم اختباره على مدى قرون ، فإنه يخدمنا جيدًا في مجال الطباعة على الهاتف المحمول.
3. قم بفك ، ثم شد القيادة
الريادة هي المسافة بين السطور ، وعندما يتم ضبطها بإحكام أكثر ، تجعل القفزة الصاعدة من نهاية خط واحد إلى بداية المرحلة التالية صعبة المتابعة. عندما يتم ضبطها بشكل فضفاض جدًا ، ستبدأ الفجوات بين الكلمات في الصعود ، مما يؤدي إلى ما يشار إليه عادة باسم الأنهار ، ويقطع التدفق السلس للخط.
l – r: الرائد المثالي ، ضيق جدًا ، فضفاض جدًا.
المعيار المعتاد للقيادة هو حوالي 1.4em ، ولكن في تجربتي التي تكون ضيقة للغاية بالنسبة للشاشات: واحدة من الخصائص الرئيسية للخط الذي يعمل بشكل جيد على الشاشة هي العدادات الكبيرة ، والعدادات الكبيرة تتطلب القليل الإضافي مما يؤدي إلى الحفاظ على التسلسل الهرمي الفضائي .
عكس هذه القاعدة ، يتطلب إجراء أقصر قيادة أقل. لذلك ، في حين أنك على الأرجح ستضع قيادتك قليلاً لأشكال سطح المكتب ، تذكر أن تشدها لشاشات الجوال.
4. العثور على البقعة الحلوة
جميع الخطوط لديها نقطة واحدة على الأقل الحلو. مزيج من الحجم الذي يتم فيه نسخ أفضل ما على الشاشة ، والنقطة التي تشوه فيها الصيغ المطبقة في المستعرض تصميم المحرف بأقل قدر ممكن.
عادة ما تكون النقطة الحلوة هي النقطة التي يتماشى فيها معظم السكتات الدماغية مع خطوط البكسل الشبكية - بكسل ، إذا كنت تتذكر تلك الخطوط ، ولم تعمل إلا عندما تكون بحجمها في مكانها الحلو.
يؤدي تعيين الخط إلى موضعه الحلو إلى مزيد من التباين. يكون التباين مهمًا بشكل خاص عند التصميم للجوّال نظرًا لاحتمال تشتيت الوهج خارج معمل الجهاز المضاء بمهارة.
ستجد أن التعديلات الطفيفة على القيادة ستدفع الخطوط وتخرجها من وحدات البكسل بأكملها. في رأيي ، ينقلب التباين المؤدي إلى شاشات الجوال ، لذلك إذا كان عليك التنازل مما يؤدي إلى إبقاء الخطوط على وحدات بكسل كاملة ، فافعل ذلك.
الأسلوب القياسي للمصممين هو وضع الكتابة خارج الشبكة باستخدام خط الأساس ، ولكن بالنسبة للهاتف المحمول ، نحتاج إلى استخدام x-height بدلاً من ذلك (الارتفاع x هو حرفياً ارتفاع الحرف الصغير "x"). نحن نعرف من دراسات القِرَاءة أن الدماغ يتعرف على أعلى الكلمات ، وليس في القاع ، ومن أجل تحقيق تدفق أكبر للحاجز ، فنحن نحتاج إلى التأكد من أن أعلى شخصياتنا أكثر توافقاً مع البكسلات.
5. لا تفقد قطعة قماشك
قطعة قماش ، هي حافة كتلة النص. تتم محاذاة معظم ما تقرأه يسارًا (على الأقل للغات المستندة إلى اللاتينية) مما يؤدي إلى حافة اليمين الممزقة .
عندما تقفز عينيك من أحد طرفي خط إلى آخر ، يكون الدماغ أكثر قدرة على الحكم على الزاوية ومسافة القفزة التالية ، إذا كانت جميع القفزات متناسقة - فكر في الأمر على أنه يركض عبر الحجارة ، إنه كثير أسرع إذا كانت متباعدة باستمرار. لهذا السبب ، يجب أن تكون الحافة اليسرى للنص مسطّحة ، مع بداية كل سطر في نفس المكان (العكس هو الصحيح للغات التي تقرأ من اليمين إلى اليسار).
ونتيجة لذلك ، يجب عدم توسيط محاذاة أكثر من سطرين أو ثلاثة أسطر من النص.
في كثير من الأحيان ، يتم تبرير النص ، مما يعني أن الكلمات على السطر متساوية بالتساوي بحيث لا يوجد خرقة على كلا الجانبين. (أظن أن النص المُبرَّر أمرٌ عصري لأن التصميم المستجيب قد علّم المصممين للتفكير في الكتل). ينتج عن النص المُبرّر فراغ أبيض غير متناسق ، وفي أسوأ الحالات يؤدي إلى بضع كلمات على السطر ، وهو أمر محزن بشكل خطير. تتفاقم المشكلة بالنص المبرر بقصر أقصر ، لذلك يمكن أن يكون النص المبرر غير قابل للقراءة على الجوّال.
l – r: محاذاة إلى اليمين ، محاذاة إلى الوسط ، مبررة.
إذا كانت النظافة أمرًا مهمًا بالنسبة لك ، فضع الواصلة على النص لتليين قطعة القماش ، ولكن لا تبرر النص على الجوّال مطلقًا.
للنص الأيمن المتخمر فائدة إضافية على الجوّال: غالبًا ما تتم قراءة النص في حالات تشتيت الانتباه ويبتعد القراء عن النص - للتحقق من اسم محطة أو الرد على مكالمة. تخلق قطعة القماش شكلاً عشوائيًا أسفل العمود الأيمن الذي يساعد العين على إعادة تحديد موضعه الأخير ، مع الحد الأدنى من إعادة القراءة.
6. تقليل التباين
في حين أننا نريد تشجيع التباين بين النص والخلفية ، فنحن نرغب في تقليله بين المستويات المختلفة للنوع.
على الجوّال ، يكون النص أقل بشكل ملحوظ وبالتالي يصبح التباين مبالغًا فيه
السبب في ذلك هو أن أدمغتنا تحكم على الأهمية بناء على السياق. قد تكون العناوين الخاصة بك اثنين أو حتى ثلاثة أضعاف حجم النص الأساسي على سطح المكتب ، وهذا يعمل بسبب وجود المزيد من النص على الشاشة. على الجوّال ، يكون النص أقل بشكل ملحوظ وبالتالي يصبح التباين مبالغًا فيه.
يستخدم معظم المصممين تسلسل فيبوناتشي من نوع ما إلى حجم النص. بالنسبة إلى الجوّال ، يمكنك إحكام ربط النسب لتخفيض التباين في أحجام الكتابة. على سبيل المثال ، إذا كنت تستخدم النسبة الذهبية لزيادة الحجم الذي تضربه بمقدار 1.618. بالنسبة إلى الجوّال ، خذ النسبة الصغيرة وتضاعف بنسبة 1.382 بدلاً من ذلك.
تتسامح شاشات سطح المكتب مع مستويات الطباعة الأكثر تطرفًا من شاشات الجوال.
7. ضبط التتبع إلى الحجم
عندما نضبط أحجام الخطوط للجوّال ، يجب أن نكون على دراية بالتغييرات اللازمة في التتبع.
(دعني أستهل هذا بقولك أنه لا ينبغي ضبط تقنين الأحرف. تقنين الأحرف هو التباعد بين زوجين من الحروف بحيث تكون المسافة بينهما متناسقة بصريًا مع المسافة بين الأحرف الأخرى. تم إضافة كيرنينغ إلى الخط عند بناءه ربما استغرق الأمر أشهرًا ، فإذا اخترت خطًا مدمجًا بشكل احترافي ، فهذا يعني أنه تم تنفيذه بشكل صحيح ، وإذا كنت تعتقد أنه لم يتم تنفيذه بشكل صحيح ، فابحث عن خط مختلف.)
التتبع ليس تقنينا. التعقب هو تباعد الحروف المطبق على كل الحروف في الخط. لا يجب عليك عادةً تعديل التتبع أيضًا.
وتتمثل الاستثناءات لهذه القاعدة في النص الكبير ، مثل العناوين والنص الصغير ، مثل الحواشي السفلية. يتطلب النص الأكبر تتبعًا أقل ، ويتطلب النص الأصغر مزيدًا من التتبع. الأول يرجع إلى التجمع ، وهذا الأخير هو لصالح المقابل. إذا كنت قد قمت بإجراء تغييرات على العناوين ، أو إذا كنت تستخدم محرفًا معروضًا عادةً ما يكون تتبعه أكثر إحكامًا ، فقد تحتاج إلى فك التعقب قليلاً أثناء قياسه.
ملخص
إن الطباعة هي حرفة يصنعها المصممون مدى الحياة ، لأن كل نص وكل محرف وكل تقنية يجلب تحديات جديدة. لا توجد قواعد صارمة وسريعة ستعمل دائمًا في كل موقف.
عندما تتطلع إلى القراءة ، هناك ثلاثة مبادئ يجب أن تضعها في اعتبارك: تدفق سلس على طول الخطوط ، وتسلسل هرمي واضح ، وتباين ملائم. هذا ينطبق بشكل خاص على شبكة المحمول.
لا توجد قاعدة لا يمكن نقضها على أدلة من عينيك ، ولكن الإرشادات هنا ستكون بمثابة نقطة انطلاق مثالية للنص المنصوص عليه بشكل جميل على الأجهزة المحمولة.