الرائد: الفضاء مهم بقدر أهمية الكلمات
أحد المكونات الرئيسية لأي تصميم موقع هو نوع. يمكن أن يكون تحديد الخطوط والأحجام والألوان جزءًا كبيرًا من كيفية تخطيط موقعك. بنفس أهمية الأحرف نفسها ، هي التباعد حول تلك الحروف وبالأخص المسافة المستخدمة في كتل النص.
كلما زاد استخدامك للنوع ، كلما أصبح أكثر أهمية. خلف الخط والحجم ، يعتبر أحد العوامل الرئيسية التي يجب مراعاتها عند النظر إلى نوع القراءة.
قد تكون المواصفات الرئيسية التي تستخدمها لشعار أو شاشة البداية مختلفة تمامًا عن المواصفات الرئيسية المستخدمة للنوع في مشاركة المدونة.
كما تؤثر عناصر التصميم الأخرى أيضًا على الكيفية التي يجب أن تستخدمها في القيادة. يمكن أن يساعدك حجم الكتابة ، وعرض الأعمدة ، وحتى لون الخلفية على اتخاذ اختيارات حكيمة.
يتم استخدام كيفية استخدامك للرائدة بشكل ملحوظ للكتل الكبيرة من النص.
ما الذي يقود؟
القيادة - وضوحا الحافة - هو التباعد بين خطوط من نوع. تم قياس القيادية بشكل تقليدي في النقاط (تماماً مثل الخطوط). نشأ المصطلح باستخدام المطابع ذات الحرف القديم ، عندما تم ضبط الكتابة يدويًا. تم وضع شرائح الرصاص بين الخطوط من النوع للحفاظ على كل شيء في محاذاة مثالية.
منذ ظهور النشر الرقمي ، كثيرا ما كان الخلط بين القيادة مع ارتفاع الخط. ارتفاع الخط هو كل المساحة من خط الأساس - المستوى التخيلي الذي تظهر عليه الأحرف مثل "a" و "x" و "n" - إلى التالي. وعلى النقيض من ذلك ، فالمساحة هي من أسفل الحرف في سطر واحد ، إلى أعلى الحرف في السطر التالي: فهو حرفياً ارتفاع الخط ناقص ارتفاع النص.
في الطباعة الرقمية ، وخاصةً الطباعة على الويب ، غالبًا ما يتم استخدام المصطلحين الرائدين وارتفاع الخط بشكل متبادل. في CSS على سبيل المثال ، لا توجد قيمة بادئة ، فنستخدم خط الطول بدلاً من ذلك.
في حين أن الرائد كان في يوم من الأيام قيمة فيزيائية قابلة للقياس ، فإنه يستخدم الآن أكثر شيوعًا كمفهوم: الانطباع المرئي للمسافة بين سطرين.
كيف يمكن أن يؤدي استخدام في كتلة النص يؤثر على قابلية القراءة. هناك خط رفيع بين النوع الذي يكون متقاربًا جدًا معًا وبعيدًا جدًا. إما أن تكون متطرفة صعبة على عيني القارئ. القيادة هي كل شيء عن تغيير كثافة النوع. المفتاح هو فهم الرسالة التي تنويها لنوعك لنقلها ومطابقتها مع القيادة وفقًا لذلك.
لا يوجد حل مثالي
لا توجد صيغة سحرية مثالية لتحديد مقدار ما تحتاج إليه. يتم تضمين مجموعة من العوامل - حجم الكتابة واللون والتأثير المطلوب والأهم قابلية القراءة.
كقاعدة عامة ، عادةً ما تكون نقطة البداية للرائدة هي نفس حجم الخط الذي تستخدمه. بعض البرامج ، خصوصًا متصفحات الويب ، تأخذها إلى أبعد قليلاً وتعيّن الإعداد الافتراضي أعلى قليلاً من حجم النقطة ، وعادةً ما يستخدم الإعداد الافتراضي 120 بالمائة. لذلك فإن الكتل التي تتضمن نصًا من 10 نقاط سيكون لها 12 نقطة.
تعمل هذه الفلسفة بشكل رائع للكتل الكبيرة من النصوص ، مثل نشرات المدونات ، التي تستخدم خطوطًا شائعة دون صعود باهظ أو نسل أو أحرف مركبة على خلفيات باهتة ومحايدة اللون (فكر في النوع الأسود على الأبيض أو البيج). أنت تحافظ على الإحساس بأن كل أسطر النص تسير معًا في حين تضيف في مساحة كافية بحيث تكون سهلة على العينين.
تكون كتل النص أسهل في القراءة عندما تكون المسافة بين السطور أوسع من مسافة الكلمات. ستساعد هذه النسبة العين على التحرك عبر الصفحة ثم إلى الأسفل ، بعد التدفق الطبيعي للمسافة بين الظلام والضوء.
كما سيشعر ارتفاع الخط "الطبيعي" هذا بأنه مناسب للأشياء التي تتطلب الكثير من القراءة. هذا هو المعيار المستخدم من قبل العديد من المواقع والمطبوعات المطبوعة.
يبقيه ضيق
يحدث السطور الضيق أو السلبي عندما تكون أسطر الكتابة أقرب من حجم النقطة من النوع. على سبيل المثال ، إذا كان حجمك بحجم 14 نقطة ، فسيتم اعتبار أي نقاط أقل من 14 نقطة ضيقة ، حتى إذا لم تظهر على مسافات قريبة جدًا على الشاشة.
يمكن للقيادة الضيقة خلق شعور من القيد. ويمكن أيضا أن تستخدم لخلق الفوضى. من ناحية أخرى ، يمكن استخدام قيادة أكثر إحكامًا كطريقة لجمع أجزاء من النوع أو لإنشاء شعور متميز بالتنظيم. لسنوات عديدة في الطباعة وعلى الإنترنت ، استخدمت المؤسسات الإخبارية بعض من المواصفات الرائدة لأصغر نوع الجسم. في الطباعة ، كان هذا للحفاظ على المساحة ؛ على الانترنت هو الحفاظ على الشعور بالمصداقية والنظرة المرتبطة بالمنظمات وشركائها في الطباعة.
فكر في الحالة والحروف التي تقع أعلى وأسفل ارتفاع x عند تحديد مواصفات ارتفاع الخط. عند العمل في جميع الأحرف الكبيرة ، لا يوجد صعود أو هابط ، لذلك قد تجد أنه من الضروري تشديد تباعد الأسطر ، مثل التقنية المستخدمة من قبل Regenerate Music Co. وينطبق نفس الشئ على الخطوط التي تحتوي على صغار واصفارين أقصر.
يمكن للنوع المستخدم في أحجام أكبر ، مثل العناوين أو الشعارات ، أن يستفيد في بعض الأحيان من قيادة أكثر صرامة أيضًا.
ارفع
تؤدي المسافة الزائدة ، أو الإيجابية ، إلى إضافة المسافات بحيث تكون المسافة بين السطور أكبر من حجم النقطة المستخدم للنوع. على سبيل المثال ، إذا كان حجمك بحجم 14 نقطة ، فسيتم اعتبار أي مساحة بمقدار 15 نقطة أو أكثر فضفاضة. مع بعض الخطوط ، قد لا تبدو المسافات غير واضحة على الشاشة حتى لو تم تصنيفها بهذه الطريقة.
يمكن للقيادة الفضفاضة أن تجعل الصفحة فاتحة ومتجدد الهواء. إنها خدعة تم اختبارها بالوقت للمصممين لإضافة مجرد قيادة عندما يشعر نوع مكتنزة أو ثقيلة جدا على الصفحة. قد يكون من الصعب قراءة ومتابعة ذلك القيد المفرط جدًا إذا تم استخدام نص كبير ؛ فمن أفضل محفوظة لبضع كلمات.
يتجه معظم المصممين نحو استخدام أكثر مرونة في النوع الرئيسي للجسم على المدونات وللكتل الأخرى من النص. قد تكون القراءة سهلة ومقروءة ، ولكنها ليست فضفاضة جدًا. يمكن أن يجعل النص الأصغر يبدو أكبر إلى حد ما منه ويساعد في تحقيق التوازن بين سطور النص الطويلة للغاية. لاحظ استخدام السبق في مدوّنة A List Apart ، يستخدم الخط الأكبر للجسم أحد المواصفات بينما يكون النوع الأصغر في الشريط الجانبي الأيمن أكثر مرونة ، مما يجعل النوع الأصغر أسهل للمتابعة وموازنته مع العناصر الأخرى على الصفحة .
العديد من المصممين يختارون أيضا الخدعة التي تقود عند استخدام خطوط sans serif. يمكن أن يكون خيارًا جيدًا بشكل خاص عند التعامل مع الخطوط المزدهرة أو الأحرف المركبة. المساحة الإضافية تسمح لحجرة الحروف بالتنفس بدون تداخل.
تعتبر القيادة البادئة أيضًا اعتبارًا مهمًا إذا كنت تخطط لاستخدام الكثير من الخطوط الغامقة أو الملونة أو الخطوط ذات الأوزان الثقيلة. تستخدم مدونة Bloggess مزيجًا من اللون والخطوط العريضة والأحرف الكبيرة في جميع أنحاء الموقع ، مما يجعلها إيجابية تقود أداة ضرورية للقراءة. في هذه الحالة ، تساعد عملية الرفض السائبة أيضًا على جذب العين إلى الأجزاء المهمة من النص ، والتي تكون بالألوان والجريئة.
ألوان الخلفية والقيادة
يكون اللون والتباين مهمين بشكل خاص عند اختيار ارتفاع الخط.
على الخلفيات المظلمة ، قد ترغب في استخدام أكثر قليلا مما كنت على خلفية أخف للمساعدة في التخفيف من الشعور بالكتلة. يمكن للألوان الداكنة أن تضيف وزناً إلى التصميم الخاص بك كما يمكن أن يؤدي إلى ضيق ، ولكن اختيار استخدام واحد أو آخر يمكنك إنشاء المزيد من التوازن.
وينطبق الشيء نفسه عند استخدام نوع من اللون. الألوان ، بخلاف الرمادي والأسود الداكن ، يمكن أن تضيف كميات مختلفة من الوزن إلى التصميم الخاص بك. اعتمادا على لون الخلفية ، يمكن أن يكون بعض النص حتى مظهر النزيف على الخلفية - وهذا يحدث لبعض الناس وخاصة عند قراءة حروف حمراء على خلفية بيضاء. يمكن أن تساعد إضافة القيادة في جعل هذه الأنواع من النصوص أكثر قابلية للقراءة.
تغيير العرض والرائدة
التصميم المستجيب يجعل فهم القيادة (والكتابة بشكل عام) أكثر أهمية.
مع دقة وشكل الشاشة المتباينة ، يجب أن يتم ضبط المواصفات وفقًا لذلك لضمان بقاء الموقع قابلاً للقراءة. عندما يتقلص النص (أو ينمو) على الشاشة ، يجب على القائد ضبطه وفقًا لذلك.
تذكر أن تضع في اعتبارك نسب ارتفاع الخط عند إجراء هذه التعديلات. نظرًا لأن الكتابة ستكون أصغر لأجهزة الجوّال والأجهزة الصغيرة الأخرى. فكر في زيادة ارتفاع الخط بنسبة 20 بالمائة على ما استخدمته للتصميم الكامل. يجب أن تساعد زيادة المسافة على القراءة عند إقرانها بنوع أصغر.
لذلك عندما تحدد المواصفات الرئيسية لموقعك ، ستحتاج إلى عدة مجموعات من العتبات: واحدة لتصميم موقع الويب الأساسي ، واحدة للأجهزة متوسطة الحجم مثل iPad والأجهزة اللوحية الأخرى ، وواحدة للهواتف المحمولة. قد تحتوي كل منها على مجموعة مختلفة من النسب المستخدمة للنص لارتفاع الخط.
استنتاج
الآن بعد أن كنت مسلحا بمجموعة متنوعة من النصائح والأدوات الرائدة ، من أين تبدأ؟
لا توجد قائمة مرجعية. أفضل رهان هو إلقاء نظرة على النوع ومعرفة كيف يشعر (استخدم اختبار العين جيد الطراز القديم). دعه يجلس لفترة من الوقت ويعود إليه مرة أخرى لاحقًا. هل ما زلت تشعر بنفس الطريقة حول النص؟ هل الشعور الذي تتطابق مع الشعور الذي تضعه في اعتبارك هو تصميم موقعك؟
لاحظ أن هذا يكون أكثر فاعلية عندما تحتوي كتلة النص على نسخة فعلية بدلاً من نص العنصر النائب. إذا كنت ترغب في الحصول على عرض واقعي ، فغالبًا ما تحتوي خيارات العناصر النائبة على أعداد غريبة من الأحرف التي لا يتم استخدامها كل ذلك في كثير من الأحيان في نسخة حقيقية.
العب به. عرض تصميم النص لشخص آخر للحصول على آراء إضافية. اسألهم عن شعورهم حيال ذلك.
تأكد أيضًا من إقران كتلة النص الخاصة بك مع باقي العناصر في التصميم. قد لا تكون هذه هي الخطوة الأولى ولكن في بعض الأحيان يمكن وضع كل ذلك معا خلق آثار غير مقصودة. تأكد من اجتياز اختبار العين مرة أخرى.