Typography Principles PDF

‫تصميم العناصر التيبوغرافية‬ ‫نوع الخط‪ ،‬المسافة بين السطور‪ ،‬المسافة بين الكلمات ‪ ،‬المحاذاة‬ ‫تصميم الصحف و المجالت‬ ‫‪GRPH 327‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاه...

‫تصميم العناصر التيبوغرافية‬ ‫نوع الخط‪ ،‬المسافة بين السطور‪ ،‬المسافة بين الكلمات ‪ ،‬المحاذاة‬ ‫تصميم الصحف و المجالت‬ ‫‪GRPH 327‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫مفهوم العناصر التيبوغرافية‬ ‫ التيبوغرافيا هي " علم وفن الهيئات المطبوعة و يقصد بها الوحدات الطباعية التي تتكون‬ ‫من العناصر الطباعية المختلفة‪ ،‬كالحوف بمختلف أشكالها و أنواعها و استخداماتها (‬ ‫حروف المتون وحروف العناوين و أنواعها ) و بمختلف طرق إنتاجها ( خطوط يدوية‪ ،‬و‬ ‫خطوط آلية) إضافة إلي الصور الظلية و الخطية وعنا صر الفصل (الجداول‪ ،‬و الفواصل‬ ‫و اإلطارات)‪.........‬الخ‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ما هو فن التايبوجرافي‬ ‫ التايبوجرافي هو فن ترتيب وتنسيق الكتابات داخل التصميم‪ ،‬من تصغير وتكبير أحجام‬ ‫الحروف أو تغيير المسافات بين الحروف و السطور أو اختيار عدة خطوط للكتابة أو‬ ‫التغيير بشكل تلك الخطوط وهكذا‪ ،‬وتكون الغاية منه توصيل رسالة محددة في التصميم‬ ‫سواء كان مكتوبا ً أو مرسوما ً باليد أو بالكمبيوتر باستخدام برامج التصميم المناسبة‪.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫أنواع التايبوجرافي‬ ‫ ماهو الفرق بين مصطلحي ال ”‪ "font‬وال ”‪ "Typeface‬؟‬ ‫ ال ‪ typeface‬يصف نمطا ً معينا ً من الحروف مثل ‪Tajawal, Almarai‬أما ال ‪Font‬‬ ‫فهو يشير إلى مظاهر مختلفة من الخط مثل ‪Bold, Regular, light‬كذلك فإن ال ‪Font‬‬ ‫يعتبر جزء من ال ‪ typeface‬ولكي نفهم ذلك بشكل أوضح‪ ،‬يمكننا القول أن ال‬ ‫‪ typeface‬يشتمل على مجموعة من ال ‪ Font‬كل منها لها وزن ونمط وحجم معينين‬ ‫ومستويات مختلفة من الكثافة وميالن األحرف‪.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫ أما أنواع التايبوجرافي فيتم تصنيفها حسب مظهر أشكال الحروف في مجموعات متجانسة‬ ‫وهي ‪:‬‬ ‫‪Serif‬‬ ‫إن كلمة ‪ serif‬تعني زيادة‪ ،‬ففي هذا النوع تكون نهايات الحروف بها جزء زائد‪ ،‬كما تسمى أيضا ً بـ‬ ‫‪ roman‬وتتميز بالوضوح وتوفر سهولة القراءة من خالل حركة العين على طول خط الكتابة‪ ،‬كما يمكن‬ ‫استخدام هذا النوع لمعظم األغراض تقريبا ً‪.‬‬ ‫ومن أشهر الخطوط التي تنتمي لنوع ‪serif‬هي ‪Times new roman, Georgia, Garamond‬‬ ‫ومن أبرز الشركات التي استخدمت هذا النوع في تصميم اللوجو الخاص بها هي شركات ‪Yale, Gap,‬‬ ‫‪The New York Time‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ ‪Slab Serif‬‬ ‫ظهر هذا النوع في أوائل القرن التاسع عشر‪ ،‬ويطلق عليه أيضا ً اسم ‪Square Serif‬ويُشبه‬ ‫النوع السابق لكن بدالً من الزوائد التقليدية يكون مكانها زوائد على شكل كتلة قصيرة مربعة‬ ‫الشكل والتى عادةً ما تكون بنفس سماكة شكل الحرف‪ ،‬وأيضا ً هذا النوع أقل وضوحا ً عن‬ ‫‪serif‬أو ‪ ،sans serif‬وهى تتميز بنهايات قوية ومربعة الشكل وتكون فعالة جداً فى جذب‬ ‫إنتباه القارئ‪ ،‬لذلك فهي تستخدم بشكل دائم في عناوين اإلعالنات والعناوين الفرعية‬ ‫واألحرف التي تكون فى بداية الفقرات‪.‬‬ ‫ومن أبرز الشركات المستخدمة لهذا النوع هي ( ‪Museo slab, Rockwell, American‬‬ ‫‪typewriter).‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ ‪Sans-Serif‬‬ ‫ إن هذا النوع عكس النوعين السابقين تماماً‪ ،‬فكلمة ‪ sans‬تعني باللغة الفرنسية "بدون"‪،‬‬ ‫ففي هذا النوع ال تحتوى نهايات الحروف على زوائد أبداً‪ ،‬وقد ظهر هذا النوع ألول مرة‬ ‫فى عام ‪ ،1816‬لكنه لم يالقي القبول والشهرة إال بعد مئة عام تقريبا ً‪.‬يمتاز هذا النوع‬ ‫بالصفاء وبوضوح التصميم وسهولة قرائته وهو يعتبر من أفضل األنواع المستخدمة في‬ ‫تصاميم الشاشة‪ ،‬ومن أبرز الشركات ال ُمستخدمة لهذا النوع هي ( ‪Linkedin, Chanel,‬‬ ‫)‪Microsoft, Nike, Evian‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫‪Display‬‬ ‫ال يوجد لهذا النمط قاعد عامة يمكننا وصفه بها ألنه متنوع جداً‪ ،‬لكن يمكننا القول بأنه غير‬ ‫مخصص لكتابة النصوص والمواضيع‪ ،‬لكنه رائع في كتابة العناوين الرئيسية أو تصميم‬ ‫الشعارات‪.‬يمكنك تشكيل الحروف بهذا النمط لتضيف تأثير أو لتوصل للمشاهد إحساس‬ ‫معين‪ ،‬و كمثال على ذلك يمكننا رؤية الشعار الخاص بشركة ‪ Disney‬الذي استطاعوا‬ ‫فيه من خالل استخدامهم لهذا النمط إيصال إحساس المرح والمتعة والتشويق‪.‬ومن أمثلة‬ ‫الخطوط التي تنتمي لنمط ال ‪ Display‬هي ‪Broadway, Cooper Black,‬‬ ‫‪ ،Curlz,Bombing, Gigi, Jokerman‬أما من أبرز الشركات التي استخدمت هذا‬ ‫النوع في تصميم اللوجو الخاص بها هي شركات ‪Disney, Fanta, Lego,‬‬ ‫‪Tropicana‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ ‪Script‬‬ ‫هو نوع من أنواع ال ‪ Display‬وقد تم تصميم هذا النوع لكى يقوم بمحاكاة كتابة اليد‬ ‫وأساليب الكتابة التي تتراوح بين المرسومة والمكتوبة‪ ،‬أول من صمم هذا النوع ‪Parisian‬‬ ‫‪Printer‬وذلك في عام ‪ 1643‬م‪ ،‬ويوجد اليوم مجموعة كبيرة ومتنوعة من هذا النوع والتي‬ ‫كثير منها يمثل كتابة اليد وأيضا ً األدوات المستخدمة فى الكتابة مثل الفرشاة أو قلم الكتابة‬ ‫اليدوي‪ ،‬ويستخدم في الدعوات والمعايدات وأحيانا فى اإلعالنات حتى‪.‬ومن أبرز الشركات‬ ‫التي استخدمت هذا النوع في تصميم اللوجو الخاص بها هي شركات ( ‪Coca-Cola,‬‬ ‫)‪Cadbury, Instagram, Cadillac‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ ‪Blackletter‬‬ ‫هو نوع من أنواع ال ‪ ،Display‬ويشير تصنيف ‪ Blackletter‬الى اللغة اإلنجليزية‬ ‫القديمة‪ ،‬ويطلق عليه أيضا ً ‪ ،Old English‬وهو أسلوب كتابة أو نمط نصي استخدمه الكتّاب‬ ‫خالل العصور الوسطى في جميع أنحاء العالم المسيحي الالتيني‪ ،‬وكان يُستخدم في ألمانيا‬ ‫حتى الحرب العالمية الثانية‪.‬وتعتبر حروف ال ‪Blackletter‬مزخرفة ومعقدة جداً وبالتالي‬ ‫فإنها تكون صعبة القراءة‪ ،‬ولهذا السبب فإنها ال تستخدم عموما ً إال في حاالت خاصة مثل‬ ‫الدعوات والشهادات أو األحرف األولى فى بداية الفقرات أو الفصول وهكذا‪.‬ومن أمثلة هذا‬ ‫النمط (‪Goudy Text, Monmouth, Engravers Old English).‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ ‪Decorative‬‬ ‫ هو نوع من أنواع ال ‪ ،Display‬ويشير هذا النوع إلى األحرف الجديدة والفريدة وغالبا ً ما‬ ‫تكون مزخرفة‪ ،‬ويستخدم هذا النمط ألغراض محددة مثل العناوين الرئيسية بحجم كبير أو‬ ‫ألغراض العرض (على سبيل المثال في اإلعالنات)‪.‬من أبرز الشركات التي استخدمت هذا‬ ‫النوع في تصميم اللوجو الخاص بها هي شركات ()‪Toys R Us, Lego, Fanta‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ قواعد وأساسيات فن التايبوجرافي‬ ‫لكل فن أو مهنة قواعد وأساسيات‪ ،‬ال بد لنا من معرفتها وإتقانها بشكل جيد أوالً إلحتراف هذا‬ ‫الفن‪ ،‬ومن أهم قواعد وأساسيات فن التايبوجرافي‬ ‫‪Alignment‬‬ ‫تشير ال ‪ Alignment‬إلى ترتيب جسم وشكل النص على الصفحة‪ ،‬وبشكل أكثر تحديداً‪،‬‬ ‫تنسيق حواف شكل النص مع حواف الصفحة‪ ،‬وذلك لكي يبدو متناسق ومنتمي لتلك الصفحة‪.‬‬ ‫يوجد لل ‪ Alignment‬أنواع كثيرة‪ ،‬لكن ال تقل إحداهن أهمية عن األخرى‪ ،‬فلكل نوع‬ ‫مظهر مختلف عن اآلخر‪ ،‬ويعبر كل نوع عن رد فعل معيّن‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ ‪Hierarchy‬‬ ‫يسمى التسلسل الهرمي‪ ،‬وهو يساعدنا في خلق إهتمام بصري وتوجيه لعين المشاهد عبر‬ ‫النص‪ ،‬مما يجعل عملية استيعاب النص أسهل وأكثر بديهية‪.‬إن الطريقة األكثر سهولة التي‬ ‫تمكننا من إنشاء تسلسل هرمي واضح هي أن تكون معلومات النص مكتوبة بأحجام مختلفة‬ ‫من الخط‪.‬يمكننا أيضا ً فعل ذلك عن طريق تعديل حرف أو تباعد األسطر أو عن طريق ضبط‬ ‫حجم الخط‪.‬يمكننا أيضا ً مزج أنماط الخط أو األلوان أو استخدام أحرف خاصة في النص‬ ‫الخاص بنا‪.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ ‪Kerning‬‬ ‫يشير إلى التباعد األفقي بين حرفين فرديين متتاليين‪ ،‬حيث يؤدي ضبط المسافة بين الحروف‬ ‫الفردية إلى إنشاء مظهر التماثل‪ ،‬وتقليل فجوات مسافة الفراغ بين أحرف معينة‪.‬فأحياناً‪ ،‬قد‬ ‫ال نحتاج إلى تطبيق ال ‪Tracking‬لكنن نحتاج لتطبيق ال ‪ Kerning‬بنفس الوقت‪ ،‬وذلك‬ ‫لتعديل المسافة بين حرفين فرديين فقط‪ ،‬وأغلب هذه الحروف هي ()‪T - V - W -A‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ ‪Tracking‬‬ ‫يشير إلى ضبط المسافة والتباعد المنتظم بين األحرف في الكتابة‪ ،‬سواء كانت تلك المسافة بين‬ ‫ضل المشاهد دائما ً الكتابة ذات األحرف المتباعدة على‬ ‫ال ُجمل‪ ،‬السطور‪ ،‬الفقرات وغيرها‪.‬ويف ّ‬ ‫األحرف القريبة جداً من بعضها‪ ،‬وذلك ألن تباعد المسافة بين األحرف يبدو واضحاً ومنفتحا ً‬ ‫ومريحا ً للقارئ‪.‬أيضا ً كلما ازداد حجم النص‪ ،‬تزداد المسافة بين األحرف وبالتالي يمكننا‬ ‫التحكم بالمسافة بين األحرف لتحديد حجم النص المناسب‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ ‪Leading‬‬ ‫يشير للمسافة بين سطرين متتاليين من النص‪ ،‬وتسمى المسافة البادئة أو تباعد األسطر‪.‬من‬ ‫خالل تعديله يمكننا التالعب بنسيج ولون الفقرة‪ ،‬وإنشاء إهتمام بصري وبناء تسلسل هرمي‬ ‫في النص‪.‬ويعتمد الحجم األمثل لتباعد األسطر على أشياء مختلفة‪ ،‬مثل حجم الكلمات فيما‬ ‫يتعلق بالمساحة القابلة لالستخدام‪ ،‬أو حجم العرض أو ببساطة المظهر الذي نسعى إليه‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ ‪Grids‬‬ ‫ويعد ال ‪ Grids‬أحد أهم العناصر في فن التايبوجرافي وعملية الكتابة‪ ،‬ويمكن أن تتواجد في‬ ‫أي نص سواء البسيط أو المعقد‪.‬فباستخدام ال ‪ Grids‬يمكننا القيام بشكل أساسي بإبراز‬ ‫المعلومات في صفحة معينة‪ ،‬وبالتالي يمنحنا هذا تحكما ً أفضل في كيفية ترتيب العناصر على‬ ‫صفحتنا من خالل إنشاء التراكيب التي توجه عين المشاهد‪ ،‬مما يجعل المعلومات سهلة‬ ‫المعالجة والفهم‪.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ حركة العين وإدراك المادة المقروءة‬ ‫في عام ‪ 1879‬قام عالم العيون الفرنسي ‪ Emile Javal‬ببحث عن حركات العين من خالل‬ ‫دراسات ساعدته في إكتشاف المعتقدات األصلية ال ُمتعلقة بحركات العين وكيفية إدراك عملية‬ ‫القراءة وهي الرؤية والتعرف على الحروف والكلمات وأثبت أن العينين تقفزان قفزات كبيرة‬ ‫وصغيرة تأخذها من نقطة ثابتة إلى نقطة أخرى ثابتة تشمل أكثر من كلمة في المرة الواحدة‬ ‫حيث أن العين تتحرك بتنقالت صغيرة في إتجاه السطور عبر الصفحة ولكن ليس ببطء‬ ‫وتتوقف للحظة لتتم ّكن من الحصول على كلمة أو كلمتين ثم تتحرك مرة أخرى لتكرر هذه‬ ‫العملية وهكذا حيث يتم إلتقاط المعلومات فقط خالل التوقف الذي يستغرق معظم الوقت وتأخذ‬ ‫كل وقفة ما بين ربع ثانية الى ثانية ونصف‪.‬‬ ‫كما تحدث حركة اخرى من حركات العين تسمى النكوص‪ ،‬وذلك عندما ترتد عيوننا الى‬ ‫الوراء لتعيد قراءة كلمة أو مجموعة من الكلمات‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ فى ‪ 1885‬استنتج باحث يسمى ‪J.M Cattell‬أن‪ :‬القراء الماهرين يفهمون المادة‬ ‫المطبوعة في شكل وحدات – كلمات كاملة وأحيانا ً في عبارة‪.‬‬ ‫ أثبتت األبحاث أن ‪ %80‬من الحاالت تشير الى أنه عندما ال يُسمح للقاريء بإعادة‬ ‫القراءة لحظيا ً أو التردد والعودة لكلمات سبق قرائتها‪ ،‬سوف تلتقط العين المعلومة فعال‬ ‫وتستوعب بعد قراءة عدة عبارات تالية حيث تتحرك العرين في مجال المرئي في قفزات‬ ‫تقف عندها طويالً أو قليالً تبعا ً لما يجذبها من إنتباه أو ُمعاينة شكلية أو مضمون‪.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫فيُمكن إدراك الصفحة كشكل هندسي مستطيل مركزه الهندسي هو تقاطع‬ ‫القطرين وتُدرك الصفحة كحيز مرئي من اليمين الى اليسار مع إتجاه حركة‬ ‫العين في القراءة من اليمين لليسار في الكتاب العربي والعكس في الكتاب‬ ‫األجنبي وتتحرك العين من اليمين لليسار في الصفحة ثم تقفز لبداية السطر‬ ‫الثاني وهكذا مع إتجاه الجاذبية األرضية حتى نهاية التصميم حيث ت ُحول‬ ‫الخاليا العصبية الموجودة في عيوننا المثيرات البصرية الى نبضات‬ ‫إلكترونية تنتقل الى المركز البصري في الدماغ وعندئذ يرسل المركز‬ ‫البصري النبضات الى المناطق المحددة في الدماغ التي تكون مسؤولة عن‬ ‫تنظيم التفكير وتخزين الذاكرة واإلستدالل‪.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ سهولة قراءة الحروف ‪Readability‬‬ ‫أصبحت الكلمات اإلعالمية الشائعة هي كلمات يُسر القراءة تبعا ً لمحاوالت‬ ‫المصمم أو المخرج الصحفي في الجريدة في تحقيق معادلة اختيار الحروف‬ ‫المناسبة لتكوين كلمات سهلة القراءة بحيث ال يتسبّب ضيق إتساعها أو زيادة‬ ‫إتساعها في الحجم أو شكلها أو قلة المسافات بين الحروف أو لكثرتها وعلى‬ ‫هذا األساس يجب أن تجتمع كل هذه العوامل لتقديم قراءة سهلة لتحقيق هدف‬ ‫وصول الرسالة اإلعالمية المراد إبالغها بسالسة دون إعاقة أو إجهاد‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ وهناك أربعة عوامل ليُسر القراءة‪:‬‬ ‫ شكل الحروف ‪Typeface‬‬ ‫ حجم الحروف ‪Font size‬‬ ‫ طول السطر ‪Line length‬‬ ‫ المسافات بين الكلمات والسطور ‪tracking and leading Kerning‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫ شكل الحروف ‪Typeface‬‬ ‫ يُعتبر هذا العامل من أهم العوامل التايبوجرافية التي تؤثر على يُسر قراءة الحروف‬ ‫وشكل الحرف هو تصميم الحرف أى الطريقة التى يظهر بها على الورق بعد‬ ‫الطباعة وعلى شاشة الكمبيوتر ‪ ،‬وتضمن هذا التعريف البسيط عدة نقاط على درجة‬ ‫كبيرة من األهمية حيث ال يظهر شكل الحرف بطريقة ُمعينة جيدة أو غير جيدة إال‬ ‫بعد إتصاله بغيره من الحروف وعندما كان شكل الحروف ال يظهر إال مطبوعا ً‬ ‫على الورق فإن نوع الورق المطبوع عليه يجب أيضا ً أن يؤخذ في اإلعتبار ونوع‬ ‫الحبر ال ُمستخدم في الطبع حيث يرتبطان إرتباطا ً وثيقا ً بطريقة الطباعة ال ُمتبعة‪.‬‬ ‫ ‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫حجم الحرف ‪Font size‬‬ ‫يُقاس دائما ً حجم الحرف بالبُنط ( )‪points‬ويبدأ القياس من أعلى جزء فى الزوائد‬ ‫سفلى ( )‪descender‬عالوة على‬ ‫العليا ( )‪ascender‬الى أدنى جزء من الزوائد ال ُ‬ ‫جزء يسير من البياض في أعلى وأسفل يدخالن ضمن حجم الحرف‪ ،‬ويراعى أال‬ ‫تلتصق السطور بعضها ببعض ولو لم تُترك أي مسافات زائدة بين السطور‪.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫طول السطر ‪Line length‬‬ ‫يُشير الى طول السطر الذي تتخذه الكتابة على الصفحة وهو من العوامل المهمة التي‬ ‫تؤثر فى يُسر القراءة فإذا كان السطر قصيراً غير عادي أدى ذلك الى قطع الجمل‬ ‫وبتر المعاني كما أن زيادة طول السطر عن الحد ال ُمناسب يجعل القاريء يبحث عن‬ ‫بداية كل سطر‪ ،‬وقد يُخطيء ويُعيد قراءة السطر الذي قرأه وهذا كله يؤدي إلى إرهاقه‬ ‫ومضايقته خاصةً إذا كان الموضوع طويالً‪.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫المسافات بين الكلمات والسطور‬ ‫ويعتبر من العوامل المهمة فى يُسر القراءة المسافة المعقولة بين الكلمات حيث َيمنع‬ ‫اختالطها فى عين القاريء و َيسهل إلتقاطها‪ ،‬أما زيادة المسافة بينهما فيُعطى الكتابات‬ ‫منظراً غير سار بوجود أنهار من البياض ( )‪rivers of white‬تعوض َمسرى العين‬ ‫الطبيعي للقراءة من اليمين الى اليسار (بالنسبة للقاريء العربي)‪.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫وضوح القراءة ‪Legibility‬‬ ‫تظل الصفحة المرئية بدون وجود حتى ترى العين وتُترجم الى صوت نابِع من خالل العقل‬ ‫البشري وتُسمع باألذن‪ ،‬ويتضح جيدا ً أن العوامل التي تؤثر على الوضوح هى إختيار شكل‬ ‫الحرف ‪ typeface‬وحجم الحرف ‪ font size‬والمسافات بين الحروف وبين الكلمات والسطور‬ ‫والهوامش ‪margins.‬‬ ‫شاشة الكمبيوتر هي وسيط إلكتروني يختلف عن الوسيط المطبوع الذي يتم القراءة من خالله‬ ‫حيث أن سرعة القراءة من الشاشة تكون أقل بنسبة ‪ %30-20‬من الورق المطبوع وتختلف تلك‬ ‫المعدالت بالزيادة أو النقص تبعا ً لوضوح المحتوى على الشاشة وتوزيع عناصر التصميم حيث‬ ‫يُغير القراء ُمعدالتهم بشكل ُمتغير وفقا ً لظروف الرؤية والوضوح والتكيف مع اإلمكانيات التي‬ ‫تُقدمها وسائل العرض المختلفة مثل اإلضاءة ‪Luminance‬والتباين ‪Contrast.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬  ‫وضوح القراءة ‪Legibility‬‬ ‫تظل الصفحة المرئية بدون وجود حتى ترى العين وتُترجم الى صوت نا ِبع من خالل‬ ‫العقل البشري وتُسمع باألذن‪ ،‬ويتضح جيداً أن العوامل التي تؤثر على الوضوح هى‬ ‫إختيار شكل الحرف ‪ typeface‬وحجم الحرف ‪ font size‬والمسافات بين الحروف‬ ‫وبين الكلمات والسطور والهوامش ‪margins.‬‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬ ‫شكرا ً لحسن استماعكم‬ ‫جامعة طيبة‪.‬كلية التصاميم و الفنون‪.‬قسم التصميم الجرافيكي‪.‬أ‪.‬مشاعل الجاهل‬