كيفية بناء تسلسل هرمي طباعي فعال
نشرت: 2022-03-11يعد تنظيم المحتوى بشكل فعال داخل التصميم بحيث يسهل فهمه واستهلاكه أحد أهم وظائف المصمم. ونظرًا لأن الكثير من مصممي المحتوى الذين يعملون معهم يعتمدون على النص ، فإن إنشاء تسلسل هرمي مطبعي فعال هو أحد أهم الأشياء التي يمكن أن يتعلمها المصمم.
أثناء ممارسة وتجريب إنشاء تسلسل هرمي فعال هو أفضل طريقة لإتقان المهارة حقًا ، هناك عدد من الإرشادات التي يجب على المصممين تعلمها أولاً ، قبل الانطلاق بمفردهم. بعد كل شيء ، من المستحيل كسر القواعد بشكل فعال دون معرفة ماهيتها أولاً.
ما هو التسلسل الهرمي المطبعي؟
في بعض الأحيان يقلل المصممون المبتدئون من أهمية استخدام التسلسل الهرمي للطباعة. لكن انظر إلى هذا المثال:
يتم نقل نفس المعلومات على كلا الجانبين ، ولكن على اليسار ، من المستحيل معرفة أن هناك رأسًا ، وعنوانًا فرعيًا ، ونصًا أساسيًا. على اليمين ، من الواضح على الفور أن هناك تسلسل هرمي للمعلومات المقدمة.
يُظهر التسلسل الهرمي المطبعي للقارئ المعلومات التي يجب التركيز عليها — أيها أكثر أهمية وأيها ببساطة تدعم النقاط الرئيسية.
هناك مجموعة متنوعة من الأشياء التي تشكل التسلسل الهرمي المطبعي على الويب. وتشمل هذه:
بحجم. الحجم عمومًا هو أول شيء يلجأ إليه المصممون الجدد عند محاولة إنشاء تسلسل هرمي مطبعي. ولسبب وجيه: يمكن للقراء التعرف عليه على الفور. أكبر = أكثر أهمية ، أصغر = أقل أهمية. لكن الحجم يمكن أن يصبح دعامة عندما يكون هناك العديد من الخيارات الأخرى لإنشاء التسلسل الهرمي.
وزن. يعد جعل الخط أكثر جرأة أو أرق طريقة أخرى يسهل التعرف عليها لإنشاء تسلسل هرمي يمكن التعرف عليه بسهولة حتى من قبل غير المصممين.
اللون. غالبًا ما يتم تجاهل اللون كطريقة لإنشاء تسلسل هرمي ، لكنه خيار رائع. حتى استخدام ظلال أفتح وأغمق من لون معين يمكن أن يخلق تدرجًا هرميًا أكثر وضوحًا. يمكن أن يؤدي إنشاء المزيد من التباين بين الكتابة وخلفيتها أيضًا إلى إضافة التسلسل الهرمي المطبعي.
مقابلة. بالإضافة إلى الألوان المتناقضة ، فإن التباين بين أحجام الكتابة والأوزان والأنماط المختلفة يعد أيضًا مفتاحًا لإنشاء تسلسل هرمي مطبعي. لا يؤدي اختلاف نقطة أو نقطتين فقط في حجم الكتابة إلى إنشاء تباين كافٍ لجعل التسلسل الهرمي واضحًا لمعظم المستخدمين. بدلاً من ذلك ، يجب على المصممين استخدام أحجام وأوزان وأنماط يمكن تمييزها بسهولة لخلق تباين بين أشياء مثل الرؤوس أو النص الأساسي.
قضية. في حين أن الكتابة بالأحرف الكبيرة للنص الأساسي ليست فكرة جيدة بشكل عام من منظور قابلية القراءة ، فإن استخدام الأحرف الكبيرة في العناوين أو العناوين الفرعية يمكن أن يساعد في التمييز بين العناوين المختلفة أو الأنواع الأخرى.
الموقف والمحاذاة. يمكن أن يكون لوضع العناوين والعناوين الفرعية ، جنبًا إلى جنب مع الأنواع الأخرى التي يريد المصمم إبرازها ، تأثيرًا كبيرًا على المكان الذي يقع فيه النوع ضمن التسلسل الهرمي. نوع التوسيط ، على سبيل المثال ، يميل إلى إبرازه. يمكن أن يؤدي ضبط النوع خارج الهوامش العادية للصفحة أيضًا إلى إبراز هذا النوع داخل التسلسل الهرمي للصفحة.
كيفية إنشاء التسلسل الهرمي المطبعي (وتنظيم التصميم الخاص بك بصريًا)
يتمتع المصممون بالعديد من الخيارات عندما يتعلق الأمر بإنشاء تسلسل هرمي مطبعي. لكن مجرد معرفة ما يدخل في إنشاء التسلسل الهرمي وحده لن يساعد بالضرورة المصممين في إنشاء تسلسل هرمي فعال.
أحد الأشياء الأولى التي يجب مراعاتها هو عدد مستويات التسلسل الهرمي التي يجب أن يحتوي عليها التصميم. كقاعدة عامة ، يجب أن يتضمن كل تصميم ثلاثة مستويات من التسلسل الهرمي: العنوان والعنوان الفرعي والنص الأساسي. من هناك ، يعود الأمر إلى المصمم للنظر في مستويات إضافية قد تكون ضرورية. يمكن أن تشمل هذه التسميات التوضيحية والعناوين الفرعية الإضافية والاقتباسات المنبثقة والمعلومات الوصفية (لأشياء مثل المؤلفين أو التواريخ في مقال).
من هناك ، من المهم معرفة كيفية التمييز بين الأجزاء المختلفة للتسلسل الهرمي. يجب أن يكون الأمر بدون قول ، ولكن يجب أن تكون العناوين أكثر بروزًا من العناوين الفرعية ، والتي يجب أن تكون أكثر بروزًا من نص النص. يجب أن تكون التسميات التوضيحية أقل بروزًا بشكل عام من نسخة النص الأساسي ، ويجب أن تكون علامات الاقتباس في مكان ما بين نسخة النص الأساسي والعناوين الفرعية.
اكتب الحجم
توجد مقاييس الطباعة التقليدية لمساعدة المصممين على البدء. لكن هذه ليست سوى نقطة بداية ، ويجب أن يشعر المصممون بحرية تجربة الأوزان والأنماط المختلفة مع الانحراف عن هذه المقاييس التقليدية. يعتمد معظمهم على حجمهم على حجم النص الأساسي ويتوسعون من هناك.
المقياس المطبعي الكلاسيكي من عناصر نمط الطباعة مألوف لمعظم المصممين لأنهم يميلون إلى أن يكونوا الإعدادات الافتراضية التي تقدمها معظم برامج معالجة النصوص عند اختيار أحجام الخطوط. المقياس هو:
6 و 7 و 8 و 9 و 10 و 11 و 12 و 14 و 16 و 18 و 21 و 24 و 30 و 36 و 48 و 60 و 72.
هناك أمثلة إضافية لمقياس طباعي تتبع معادلات رياضية مختلفة لحساب الأحجام المتزايدة.
يميل المصممون إلى تعيين حجم نص أساسي مكون من 12 نقطة بشكل افتراضي ، ولكن زيادة ذلك إلى 14 أو 16 (أو حتى يصل إلى 24) يمكن أن يؤدي إلى زيادة قابلية القراءة اعتمادًا على المحرف المستخدم. على سبيل المثال ، يستخدم موقع الويب الشخصي لـ Jeffrey Zeldman حجم خط 24 بكسل لنسخة النص الأساسي ، بينما يستخدم Vogue.com حجم نص أساسي يبلغ 19 بكسل.
قبل الانتهاء من المقياس الفعلي ، يجب على المصممين التأكد من أن الخطوط المستخدمة في التصميم قد تم الانتهاء منها. يمكن أن تظهر المحارف المختلفة أكبر أو أصغر بشكل ملحوظ حتى عندما تكون بنفس الحجم من الناحية الفنية.
اختيار تنسيق المحارف
غالبًا ما يميز التصميم "الاحترافي" بعيدًا عن المزيد من الجهود غير المحترفة هو الجمع بين الخطوط. الجمع الفعال بين المحارف هو غريزة جزء من القناة الهضمية وجزء علمي ، ولكن هناك بعض الإرشادات التي يمكن للمصممين اتباعها للجمع بين الخطوط من عائلات مختلفة.
أولاً ، يعتبر خلط الرقيق مع بلا الرقيق أسهل بكثير من الجمع بين الرقيقين أو الرقيقين. لكن الأمر ليس بهذه البساطة مجرد الاستيلاء على أي رقيق وأي بلا رقيق ، ورميها معًا في تصميم.
ضع في اعتبارك السياق الذي سيتم فيه استخدام المحارف. على سبيل المثال ، إذا كان من المفترض أن يكون التصميم خفيفًا وممتعًا ، فتأكد من أن الخطوط تناسب هذا المزاج. إذا كان التصميم أكثر جدية ، فيجب أن تعكس الخطوط ذلك. بعبارة أخرى ، يجب أن يتطابق مزاج أي محارف يتم دمجها.
يجب على المصممين استخدام التباين لمصلحتهم أيضًا. غالبًا ما يعمل الجمع بين الخطوط الرفيعة والسميكة بشكل أفضل من الجمع بين محرفين متشابهين جدًا في الوزن.
ابحث عن المحارف التي لها ارتفاعات x متشابهة (المسافة بين الخط الأساسي والخط المتوسط للأحرف الصغيرة في محرف). هذا يساعد على منع التعارض بين المحارف. تتضمن الأشياء الأخرى التي تساعد في منع التعارض أشكالًا مشابهة لتقنين الأحرف وأشكال الأحرف. لا ينبغي دمج المحارف ذات أشكال الحروف المستديرة للغاية مع المزيد من الخطوط المربعة.
في حين أن الإرشادات يمكن أن تكون مفيدة في إنشاء مجموعات الخطوط ، فلا شيء سيحل محل التجريب والممارسة. يجب أن يقضي المصممون وقتًا في تجربة الخطوط وممارسة دمجها قدر المستطاع. يعد العثور على عدد قليل من مجموعات الخطوط الاحتياطية التي يمكن أن تعمل في مجموعة متنوعة من السياقات مفيدًا أيضًا للمشاريع التي لا تسمح فيها الميزانية والموارد المتاحة بالكثير من التجربة والخطأ.
مع وجود هذه الإرشادات في متناول اليد ، يمكن للمصممين اتباع عملية من أربع خطوات يحددها مصدر طباعة الويب نوع ويب أفضل لإنشاء مجموعات فعالة:
- ابحث عن خط الربط لنصك الأساسي
- ابحث عن بعض الخطوط الثانوية للتركيبات الممكنة
- قيم التوليفات
- حذف / اختيار مجموعات الخطوط
اعتبارات إضافية
يمكن أن تؤدي تجربة الأنماط والأوزان المختلفة بعد تحديد الخطوط النهائية إلى إنشاء مستويات إضافية من التسلسل الهرمي دون الحاجة إلى إنشاء عناوين رئيسية كبيرة الحجم. الحفاظ على الخطوط بنفس الحجم تقريبًا ، ولكن جعل العنوان الأكثر أهمية غامقًا ، مع جعل الحرف الأقل أهمية مائلًا يؤدي إلى إنشاء تسلسل هرمي مرئي محدد.
يمكن أن يتم الشيء نفسه مع اللون. سيبرز العنوان الفرعي بلون تمييز أكثر من عنوان فرعي له نفس لون النص الأساسي. يجب على المصممين التلاعب بالألوان في عناوينهم الفرعية لتمييز النص الأكثر أهمية دون الاعتماد فقط على حجم الكتابة.
يمكن أيضًا استخدام المسافات لفصل العناوين المهمة والعناوين الفرعية. إن إنشاء مساحة أكبر حول العناوين بحيث تبرز عن النص الأساسي المصاحب يجعلها أكثر بروزًا. على النقيض من ذلك ، يتم جعل العناوين الفرعية التي يتم تباعدها بنفس مسافات النص الأساسي أقل أهمية.
يمكن استخدام المسافات بين الأحرف لإنشاء تسلسل هرمي. يمكن أن يؤدي تباعد الأحرف إلى جعل سطر معين أكثر بروزًا. هذا فعال بشكل خاص عندما يقترن بكتابة هذه الأحرف بأحرف كبيرة. يجب أن يحرص المصممون على عدم المبالغة في ذلك ، لأنه قد يبدو أيضًا غير محترف إذا تم الإفراط في استخدامه.
خاتمة
يعد التجريب والممارسة أفضل الطرق لإتقان التسلسل الهرمي المطبعي ، لكن تعلم هذه الإرشادات سيساعد المصممين على البدء في القدم الصحيحة. الخطوة الأولى هي معرفة كيفية مساهمة الحجم واللون والتباعد والوزن والعوامل الأخرى في التسلسل الهرمي الفعال.
بمجرد وضع هذه الأساسيات في ذهن المصمم (وممارسته) ، يمكنه بشكل حدسي إنشاء تسلسلات هرمية مرئية تتبع أو تخالف "القواعد" حسب الضرورة من أجل إنشاء تصميمات فريدة مستوحاة ومبهجة للمستخدمين.
• • •
مزيد من القراءة على مدونة Toptal Design:
- التصميم لسهولة القراءة - دليل لطباعة الويب (باستخدام مخطط المعلومات الرسومي)
- فهم الفروق الدقيقة في تصنيف الخطوط
- أسس التصميم - دليل للتسلسل الهرمي المرئي (باستخدام مخطط المعلومات الرسومي)
- أنماط الخطوط لتصميم الويب والطباعة
- عزز تجربة المستخدم الخاصة بك مع التسلسل الهرمي المرئي الواضح