التايبوغرافي العربي: دليل المصمم الشامل

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

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

مثال سريع يوضح الفكرة: خد أي فقرة عربية وطبق عليها تباعد سطور مناسب للإنجليزي (1.5). هتلاقي النقاط اللي تحت الحروف — زي نقطتي الياء — بتخبط في حروف السطر اللي تحتها. ليه؟ لأن الحرف اللاتيني “جالس” على سطر الأساس بهدوء، بينما الحرف العربي “يتحرك” فوق وتحت السطر باستمرار. نفس الرقم، نتيجتان مختلفتان تمامًا. وده بالظبط الفرق بين مصمم يعرف التايبوغرافي العربي ومصمم بيقلد قوالب أجنبية.

والخسارة هنا عملية مش نظرية: عميل عربي بيشوف تصميمك وبيحس إنه “مش مريح” من غير ما يعرف يسمي السبب — فيروح لمنافس تصميمه “أنضف” حتى لو فكرتك أحسن. التايبوغرافي هو طبقة الثقة الصامتة في أي تصميم عربي: محدش بيمدحها لما تكون صح، وكل الناس بتحس بيها لما تكون غلط.

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

هنمشي مع بعض بالترتيب ده:

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

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

طيب، قبل ما نختار أي خط: إيه اللي بيحصل جوه الحرف العربي أصلًا؟ الإجابة هتغير طريقة نظرتك لأي نص عربي بعد كده.

تشريح الحرف العربي: اللي لازم تعرفه قبل أي خط

الحرف العربي مش حرف واحد — هو نظام حروف. نفس الحرف بياخد شكلًا مختلفًا حسب موقعه: منفردًا، في أول الكلمة، في وسطها، في آخرها. حرف “العين” مثلًا له 4 أشكال مختلفة تمامًا: عـ ـعـ ـع ع. وده أول فرق جوهري عن اللاتيني: المصمم الغربي بيتعامل مع 26 شكلًا ثابتًا، وانت بتتعامل مع حروف “بتتلون” حسب الجيران. وأي خط عربي محترم لازم يرسم الأشكال الأربعة لكل حرف باتقان — والخط الرديء بيبان فورًا من شكل واحد فيهم مكسور.

الوصل والفصل: الحروف مش كلها بتتمسك في بعض

معظم الحروف العربية تتصل بما قبلها وما بعدها — لكن 6 حروف لا تتصل بما بعدها أبدًا: الألف والدال والذال والراء والزاي والواو. يعني كلمة “ورد” فيها انفصال طبيعي بين الواو والراء والدال. الخط الجيد بيحترم الانفصال ده وبيصمم المسافة بين الحروف المنفصلة بعناية، والخط الرديء بيخلي الكلمة تبان “مقطعة” أو المسافات فيها عشوائية. لما تقيّم خطًا عربيًا، اكتب كلمة فيها حروف منفصلة (زي: دار، زورق، أرز) وشوف هل المسافات متوازنة ولا لأ.

سطر الأساس والصواعد والنوازل: الحرف العربي بيتحرك

الحرف اللاتيني في أغلبه “قاعد” على سطر الأساس: حروف صغيرة منتظمة وحروف كبيرة منتظمة. الحرف العربي مختلف — عنده صواعد (أجزاء تطلع فوق السطر زي الألف واللام وأسنان السين والصاد) ونوازل (أجزاء تنزل تحت السطر زي الراء والواو والياء والجيم). النتيجة: الكلمة العربية لها “إيقاع عمودي” — طالعة نازلة باستمرار. وده اللي بيخلي تباعد السطور الضيق كارثة في العربي: النازل من السطر العلوي بيخبط في الصاعد من السطر السفلي، والنقاط بتضيع في الزحمة.

النقاط والأسنان والتشكيل: التفاصيل اللي بتصنع المعنى

في العربي، النقطة مش زخرفة — النقطة بتغير الحرف نفسه: الباء والتاء والثاء نفس الجسم، والفرق نقطة تحت أو نقطتان فوق أو ثلاث. يعني خط نقطُه صغيرة أو ضعيفة بيخلّي القارئ “يخمّن” الحروف بدل ما يقرأها. والأسنان (التعرجات الصغيرة زي سنان السين والشين والصاد) لازم تكون واضحة ومتباعدة كفاية عشان متندمجش في بعضها بالأحجام الصغيرة. أما التشكيل (الفتحة والضمة والكسرة) فمعظم الخطوط الحديثة بتدعمه، لكن جودته متفاوتة — لو تصميمك فيه آيات أو نصوص مشكولة، جرّب التشكيل فعليًا قبل الاعتماد، لأن تشكيلًا رديئًا بيبوظ أجمل تصميم.

الكشيدة: الميزة العربية اللي مفيش زيها

الكشيدة (ـ) هي تمديد الحرف أفقيًا — خاصية موجودة في بنية الحرف العربي نفسه ومش موجودة في اللاتيني. تاريخيًا كانت أداة الخطاطين لملء السطور وتحقيق التوازن، والنهاردة هي أداتك لتبرير النص العربي من غير ما توسع المسافات بين الكلمات (هنتكلم عن ده بالتفصيل في قسم المحاذاة). الخط الجيد بيدعم الكشيدة بشكل طبيعي ومتدرج، والخط الرديء لما تمدده بيبان “مشدود” ومكسور.

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

عائلات الخطوط العربية: اعرف عيلتك قبل ما تختار

الخطوط العربية مش “أشكال حلوة” متفرقة — هي عائلات لها أصل ووظيفة. كل عائلة اتولدت لغرض معين، واستخدامها في غير غرضها هو أشهر سبب لتصميم عربي “شكله غلط” من غير سبب واضح. خلينا نتعرف على الست عائلات الأساسية:

النسخ: خط الكتب والنصوص الطويلة

النسخ هو خط المصاحف والكتب المدرسية والروايات — اتصمم أصلًا عشان يتقري لفترات طويلة من غير إجهاد. حروفه واضحة، أشكاله مستقرة، والنقاط والتشكيل فيه مدروسة. القاعدة: أي نص عربي طويل (مقال، كتاب، تقرير) والنسخ أو مشتقاته الحديثة هو الاختيار الآمن. الخطوط النسخية الحديثة المجانية الممتازة: Amiri — خط نسخي أصيل مفتوح المصدر بجودة تنافس الخطوط التجارية، مثالي للنصوص ذات الطابع التراثي أو الرسمي.

الرقعة: خط اليد اليومي السريع

الرقعة هو الخط اللي اتعلمناه في المدرسة للكتابة السريعة — حروفه مائلة نسبيًا، مختصرة، وحيوية. شخصيته إنسانية وقريبة، عشان كده بينفع للعناوين القصيرة والشعارات ذات الطابع الشعبي أو الودود. لكن: الرقعة غير مناسب للنصوص الطويلة — حيويته بتتحول لإجهاد بعد فقرتين. الخط المجاني الأشهر من هذه العائلة: Aref Ruqaa على Google Fonts.

الثلث والديواني: خطوط المناسبات والفخامة

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

الكوفي: الهندسة والهوية

الكوفي أقدم الخطوط العربية — هندسي، زاوي، قوي الشخصية. النسخ الحديثة منه (الكوفي الهندسي المبسط) ممتازة للشعارات والعناوين المميزة والهويات ذات الطابع التراثي-المعاصر. لكن نفس القاعدة: عنوان وشعار فقط، لا نصوص. الحروف الكوفية مصممة للتأثير البصري مش للقراءة المتواصلة. الخطوط المجانية الجيدة: Reem Kufi وNoto Kufi Arabic على Google Fonts.

الخطوط الحديثة (Sans): لغة الشاشات

دي العائلة اللي هتستخدمها في 80% من شغلك: خطوط عربية حديثة بلا زخارف، مصممة للشاشات والواجهات والمحتوى اليومي. شخصيتها محايدة ومرنة — تنفع عناوين ونصوص معًا لو اخترت الأوزان صح. وهنا الخبر الكويس: أفضل الخطوط العربية الحديثة مجانية تمامًا على Google Fonts: Cairo (واسع الانتشار وله أوزان كثيرة)، Tajawal (نظيف وودود)، Almarai (رسمي متوازن)، Readex Pro (عصري مميز)، وIBM Plex Sans Arabic (الخط اللي بتقرأ به المقال ده — عربي أصيل مش معرّب).

وملاحظة مهمة عن “الخطوط المعرّبة”: فيه خطوط لاتينية شهيرة اتعمل لها نسخ عربية سريعة — بعضها جيد وبعضها كارثي (حروف متكسرة، نقط في أماكن غلط، أوزان ناقصة). اختبر أي خط معرّب بجملة الاختبار قبل الاعتماد، وفضّل دائمًا الخطوط المصممة عربيًا من الأصل — الفرق بيبان في التفاصيل اللي اتكلمنا عنها في التشريح.

اختيار الخط: 6 معايير قبل ما يعجبك الشكل

أكبر فخ في اختيار الخطوط العربية: تختار بعينك قبل عقلك. تشوف خطًا شكله حلو في العنوان، تعتمده، وبعدين تكتشف إنه بيتكسر في النصوص، أو نقطُه ضعيفة، أو مفيهوش وزن عريض للعناوين الفرعية. المعايير الستة دي بالترتيب — امشِ عليها قبل ما تقع في حب أي خط:

1. المقروئية أولًا: اختبار الجملة الكاملة

مش كفاية تشوف الحروف منفردة (أ ب ت ث) — الحروف العربية لا تعيش منفردة. اكتب فقرة حقيقية من 4 سطور بالخط، بحجم النص الفعلي اللي هتستخدمه، واقرأها بسرعة القراءة الطبيعية. لو عينك وقفت أو رجعت لورا عشان تتأكد من حرف — الخط ساقط في أهم اختبار. الخط الجميل اللي بيتعب العين زي الكرسي الأنيق اللي بيوجع الظهر: شكله حلو ومحدش هيستخدمه.

2. الشخصية: الخط بيقول إيه قبل ما يتقرأ؟

كل خط له شخصية: الكوفي الهندسي بيقول “تراث وحداثة”، الرقعة بتقول “قريب وإنساني”، النسخ بيقول “جاد وموثوق”، الحديث الرفيع بيقول “تقني وأنيق”. شخصية الخط لازم تطابق شخصية البراند أو الرسالة. خط مرح لعيادة أسنان؟ ممكن. خط مزخرف فاخر لمطعم شعبي؟ انفصام. اختبر الشخصية بسؤال بسيط: ورّي العنوان لحد واسأله “تتوقع ده براند إيه؟” — لو الإجابة بعيدة عن مجالك، غيّر الخط.

3. الأوزان المتعددة: خط بوزن واحد = خط ناقص

التسلسل الهرمي (اللي جاي بعد شوية) محتاج 3 أوزان على الأقل: عريض للعناوين الرئيسية، متوسط للعناوين الفرعية، عادي للنصوص. خط جميل بوزن واحد فقط هيجبرك تستخدم خطًا ثانيًا للعناوين — وده مدخل لمشاكل المزاوجة. قبل الاعتماد، تأكد إن الخط له عائلة أوزان كاملة (Regular / Medium / Bold على الأقل). الخطوط المذكورة في الجدول اللي فات — Cairo وTajawal وIBM Plex Sans Arabic — كلها لها أوزان متعددة، وده جزء من سبب ترشيحها.

4. دعم الأرقام والحروف اللاتينية: التفصيلة اللي بتتكشف متأخرًا

تصميمك العربي هيحتوي حتمًا على أرقام (أسعار، تواريخ، أرقام تليفونات) وكلمات لاتينية (أسماء براندات، مصطلحات تقنية). افتح الخط وشوف: هل الأرقام المشرقية موجودة ومتسقة؟ هل الحروف اللاتينية شكلها متناسق مع العربي ولا “ملزوقة” من خط تاني؟ خطوط كتير عربية ممتازة بتفشل هنا — الأرقام فيها ضعيفة أو اللاتيني شكله غريب. لو الخط ناقص في النقطة دي، حدد في دليل أسلوبك خطًا ثانيًا للأرقام واللاتيني (هنتكلم عن المزاوجة بعد شوية).

5. التشكيل وعلامات الترقيم: لا تفترض — جرّب

لو شغلك فيه نصوص دينية أو تعليمية أو أدبية، جرّب التشكيل فعليًا: اكتب آية أو بيت شعر مشكول وشوف هل الحركات في أماكنها ولا طايرة. وكذلك علامات الترقيم العربية: هل فيه علامة استفهام عربية (؟) وفاصلة عربية (،) مصممتان بعناية ولا مجرد نسخ مقلوبة من اللاتيني؟ التفاصيل دي هي الفرق بين خط “شغال” وخط “محترف”.

6. الترخيص: اقرأ قبل ما تستخدم تجاريًا

القاعدة الصارمة: خطوط Google Fonts آمنة تجاريًا (ترخيص SIL Open Font License يسمح بالاستخدام التجاري والتعديل). أما الخطوط المحملة من مواقع “خطوط عربية مجانية” المجهولة فكثير منها مسروق أو بترخيص شخصي فقط — واستخدامه في شغل عميل يعرضك وعميلك لمشاكل قانونية حقيقية. ولو هتشتري خطًا تجاريًا، اقرأ الترخيص: هل يشمل الويب؟ هل يشمل عددًا معينًا من المستخدمين؟ الترخيص جزء من اختيار الخط، مش تفصيلة إدارية.

مزاوجة الخطوط العربية: قائد واحد ومساند واحد

هنا بقى المهارة اللي بتفرق المصمم المحترف: مفيش تصميم عربي محترم بخط واحد فقط (إلا في حالات نادرة جدًا). انت محتاج خطًا للعناوين له شخصية، وخطًا للنصوص وظيفته القراءة المريحة. والمشكلة إن أغلب المصممين بيختاروا الخطين “لأن شكلهم حلو مع بعض” — وده معيار فاشل. المزاوجة الناجحة لها قواعد:

القاعدة الأولى: واحد قائد وواحد مساند — مش بطلان

الخطأ الأشهر: مزج خطين كلاهما “له شخصية قوية” — عنوان بخط كوفي مزخرف وفقرة بخط رقعة حيوي. النتيجة: صراع بصري — العين مش عارفة تركز فين، والتصميم بيبان “زحمة” حتى لو كل خط لوحده جميل. القاعدة: خط العناوين هو صاحب الشخصية، وخط النصوص محايد وهادئ. زي الفرقة الموسيقية: مطرب واحد والباقي عازفون — مش مطربين بيغنوا مع بعض.

القاعدة الثانية: التباين المدروس — مش التطابق ومش التنافر

المزاوجة الناجحة تحتاج تباينًا واضحًا لكن منضبطًا: عنوان عريض ضخم + نص عادي نحيف = تباين يخدم الهرمية. لكن خطان متشابهان جدًا (خطان نسخيان متقاربان) بيخلقا “تشويشًا” — القارئ يحس إن فيه حاجة مختلفة لكن مش عارف إيه، فيتوتر. وخطان متنافران تمامًا (كوفي حاد + رقعة مائلة) بيخلقا صدامًا. المنطقة الآمنة: عائلة مختلفة + إيقاع متوافق. مثال: عنوان كوفي هندسي + نص حديث نظيف — عائلتان مختلفتان لكن الاثنان “منضبطان هندسيًا”، فبينهما حوار مش صراع.

القاعدة الثالثة: اتساق التفاصيل الصغيرة

بعد ما تختار الخطين، افحص التفاصيل المشتركة: هل الأرقام في الخطين بنفس الأسلوب؟ هل ارتفاع الحروف متوازن؟ هل اللاتيني في الاثنين متناسق؟ مزاوجة تفشل كثيرًا ليس بسبب الخطين نفسيهما، بل بسبب رقم بسعر يظهر بخط مختلف تمامًا عن باقي النص — تفصيلة صغيرة تكشف أن المزاوجة “مرتجلة”.

مزاوجات عربية مجربة — ابدأ منها

بدل ما تبدأ من الصفر، جرّب هذه المزاوجات المجانية المختبرة (كلها من Google Fonts — آمنة تجاريًا):

ونقطة أخيرة يتجاهلها كثيرون: وثّق المزاوجة. في دليل أسلوبك اكتب: “العناوين: Cairo Bold — النصوص: IBM Plex Sans Arabic Regular — الأرقام: نفس خط النصوص”. السطران دول بيمنعا أي مصمم يشتغل معك بعدك من اختراع مزاوجة جديدة “على ذوقه” — وهو بالظبط ما يحمي هوية العميل على المدى الطويل.

التسلسل الهرمي: خلّي القارئ يعرف يقرأ إيه الأول

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

ابنِ سلمك التايبوغرافي: 5 درجات كافية

أي تصميم عربي محتاج 5 مستويات على الأكثر، كل مستوى مميز عن اللي تحته بوضوح لا يقبل الشك:

1. العنوان الرئيسي: أكبر حجم + أثقل وزن — الجملة التي تلخص كل شيء.
2. العنوان الفرعي: أصغر من الرئيسي بوضوح + وزن متوسط — يقسّم المحتوى لأقسام.
3. عنوان الفقرة: قريب من حجم النص لكن بوزن عريض أو لون مميز — مدخل الفقرات.
4. متن النص: الحجم الأساسي المريح (17–18 للشاشات) بوزن عادي — حيث تجري القراءة الفعلية.
5. الملاحظات والتعليقات: أصغر حجم + لون أخف — معلومات ثانوية لا تنافس المتن.

القاعدة الصارمة: الفرق بين أي مستويين متتاليين لازم يكون واضحًا من أول نظرة. عنوان فرعي أكبر من المتن بنقطتين فقط = تردد بصري — القارئ يحس إن فيه فرق لكن مش متأكد، فيتوتر. إما فرق واضح (6 درجات حجم على الأقل أو قفزة وزن كاملة) أو لا فرق أصلًا.

التباين: 4 أدوات مش الحجم بس

مبتدئو التايبوغرافي يبنون الهرمية بالحجم فقط — فيكبرون العناوين حتى “تخنق” التصميم. المحترف يستخدم 4 أدوات معًا:

• الحجم: الأداة الأوضح — لكن استخدمها باعتدال.
• الوزن: عريض مقابل عادي — فعال جدًا في العربي لأن الأوزان العربية الثقيلة لها حضور قوي.
• اللون: عنوان بلون الهوية + نص بلون محايد — تباين هادئ وأنيق.
• المسافة: مساحة فارغة أكبر فوق العنوان الرئيسي “تعزله” بصريًا وترفع مقامه — أقوى أداة هرمية وأرخصها.

الجمع بين أداتين (حجم + وزن مثلًا) يعطي هرمية أوضح من المبالغة في أداة واحدة. والمسافة الفارغة — الـ whitespace — تستحق وقفة: عنوان صغير محاط بمساحة كبيرة يبدو “أهم” من عنوان ضخم ملزوق في النص. الفخامة في التايبوغرافي تأتي من الفراغ بقدر ما تأتي من الحبر.

المسافات والمحاذاة: الجزء اللي بيفرق المحترف

لو سألتني: إيه أسرع علامة تميز المصمم المحترف عن الهاوي في التصميم العربي؟ الإجابة: تباعد السطور. الهاوي يترك الإعداد الافتراضي (1.5 غالبًا) فيخرج النص العربي “لازقًا” — النقاط تتداخل، والصواعد تخبط في النوازل. المحترف يعرف إن الحرف العربي يحتاج هواءً أكثر:

تباعد السطور: القاعدة العربية الذهبية

• متن الفقرات: line-height من 1.8 إلى 2 — نعم، أكبر بكثير من المعتاد اللاتيني (1.5). المساحة الزائدة ليست رفاهية؛ هي ما يمنع نقط الياء من الالتصاق بحروف السطر التالي.
• العناوين: 1.4 إلى 1.6 تكفي — العنوان سطر أو سطرين، والكثافة هنا مرغوبة.
• النصوص الكبيرة (بوسترات): كلما كبر الحجم قلّ الاحتياج النسبي — 1.5 قد تكفي للأحجام الضخمة.

وطول السطر له قاعدة أيضًا: 45 إلى 75 حرفًا في السطر للمتن العربي. سطر أطول من ذلك يُتعب العين في تتبع الحروف المتصلة والعودة لبداية السطر التالي (وتذكر: العودة في العربي من اليسار لليمين). وسطر أقصر من 45 حرفًا يقطّع الإيقاع ويكثر الفواصل البصرية.

المحاذاة: اليمين هو بيتك الآمن

للنص العربي ثلاث محاذيات شائعة، وواحدة منها فخ:

• محاذاة اليمين: الخيار الافتراضي الآمن لكل النصوص الطويلة — حافة يمنى مستقيمة (حيث تبدأ القراءة) وحافة يسرى متعرجة طبيعية.
• التوسيط: للعناوين والاقتباسات القصيرة فقط — لا تستخدمه أبدًا لفقرة من 3 سطور فأكثر، لأن العين تضيع بداية كل سطر.
• التبرير (Justify): الفخ. في اللاتيني يوزع المسافات بين الكلمات بالتساوي نسبيًا، أما في العربي — حيث الكلمات قصيرة ومتصلة الحروف — فيخلق “أنهارًا” بيضاء عمودية تشق الفقرة وتشوهها.

الكشيدة: الحل العربي الأصيل للتبرير

لو اضطررت للتبرير (في كتاب أو مجلة مثلًا)، فالحل ليس توسيع المسافات بين الكلمات — الحل الكشيدة: تمديد بعض الحروف أفقيًا (ـ) لملء السطر. هذه تقنية عربية أصيلة استخدمها الخطاطون قرونًا قبل أن توجد برامج التصميم. معظم برامج التصميم الحديثة تدعم “التبرير بالكشيدة” كخيار منفصل — ابحث عنه في إعدادات الفقرة. القاعدة: كشيدة معتدلة في مواضع طبيعية (بين حروف تقبل التمديد) أفضل ألف مرة من مسافات متوحشة بين الكلمات.

الأرقام واللاتيني وسط العربي: التفاصيل اللي بتتكشف في الطباعة

أكثر لحظة محرجة للمصمم: تصميم عربي جميل يصل للعميل، فيكتشف أن الأرقام فيه “مقلوبة” أو أن اسم البراند اللاتيني طالع بخط مختلف تمامًا. النص العربي الحقيقي ليس عربيًا خالصًا — فيه أرقام وأسماء أجنبية ومصطلحات تقنية. والتعامل معها له قواعد:

المشرقية أم المغربية؟ اعرف جمهورك

الأرقام العربية لها شكلان: المشرقية (٠١٢٣٤٥٦٧٨٩) المستخدمة في مصر والخليج والشام والعراق، والمغربية (0123456789 — نفس أشكال الأرقام اللاتينية) المستخدمة في المغرب العربي. والقاعدة العملية:

القاعدة الذهبية: الاتساق أهم من الاختيار. تصميم يستخدم المشرقية في السعر والمغربية في رقم الهاتف يبدو مرتجلًا — حتى لو كل اختيار لوحده صحيح. حدد في دليل أسلوبك: “الأرقام: مشرقية في النصوص، مغربية في الأكواد والهواتف” — والتزم.

الكلمات اللاتينية وسط النص: لا تتركها للصدفة

اسم البراند، المصطلحات التقنية (SEO، UI)، أسماء المنصات — كلها تظهر وسط النص العربي. المشكلة: اتجاه الكتابة ينعكس حول الكلمة اللاتينية، وبرامج التصميم أحيانًا “تبلع” المسافات أو تعكس ترتيب الكلمات. الحلول العملية:

• تأكد أن خطك يدعم اللاتينية بشكل لائق — أو حدد خطًا لاتينيًا مرافقًا في دليل الأسلوب (كثير من الخطوط العربية الحديثة على Google Fonts تأتي بلاتينية متناسقة).
• راجع النص بعد اللصق دائمًا — انسخ الفقرة والصقها في مكان آخر واقرأها: هل ترتيب الكلمات سليم؟ هل المسافات حول الكلمة اللاتينية موجودة؟
• في الأسعار: العملة والرقم يجب أن يظهرا بالترتيب الصحيح (٢٥٠ جنيهًا وليس جنيهًا ٢٥٠) — خطأ شائع يقلب المعنى.
• علامات الترقيم حول اللاتيني: النقطة والفاصلة بعد كلمة لاتينية قد “تقفز” للجهة الخطأ — راجعها بعينك لا بالمنطق.

7 أخطاء تايبوغرافية بتكشف الهواية فورًا

الأخطاء دي مش نظرية — هي ما أراه يوميًا في تصاميم عربية منشورة فعلًا. كل خطأ تحته سببه وإصلاحه المباشر. راجع تصاميمك الحالية عليها واحدًا واحدًا:

1. مهرجان الخطوط: 4 خطوط في تصميم واحد

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

2. الخط المزخرف في النصوص الطويلة

المشكلة: استخدام خط ثلث أو ديواني أو مزخرف لفقرة كاملة “عشان شكله فخم”. النتيجة: نص غير مقروء — القارئ يستسلم بعد سطرين. الإصلاح: المزخرف للعناوين القصيرة فقط (سطر واحد)، والنصوص الطويلة للنسخ والخطوط الحديثة. الفخامة في العنوان، والراحة في المتن — لكل مقام مقال.

3. تباعد السطور الافتراضي

المشكلة: ترك line-height على الإعداد الافتراضي (1.5 أو أقل) في النص العربي — النقاط تتداخل والصواعد تخبط في النوازل. الإصلاح: 1.8–2 للمتن العربي كما شرحنا. جرّب بنفسك: خذ أي فقرة عربية وبدّل بين 1.5 و1.9 — الفرق سيصدمك.

4. التبرير العشوائي

المشكلة: تبرير النص العربي (Justify) بالإعداد الافتراضي فينشأ “أنهار” بيضاء تشق الفقرة. الإصلاح: محاذاة اليمين للنصوص الطويلة، والتوسيط للعناوين القصيرة فقط، والكشيدة إن اضطررت للتبرير. راجع قسم المحاذاة كاملًا — هذه من أكثر النقاط التي تفرق المحترف.

5. نسخ قوالب لاتينية بحذافيرها

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

6. تجاهل وزن الخط العريض الحقيقي

المشكلة: الاعتماد على زر الـ Bold في البرنامج (faux bold) بدل وزن عريض مصمم فعليًا — النتيجة حروف سميكة مشوهة، خصوصًا في العربي حيث التفاصيل الدقيقة (النقاط والأسنان) تتأثر أولًا. الإصلاح: استخدم الأوزان الحقيقية للخط (Bold المصمم)، وإن لم تكن موجودة فاختر خطًا آخر له عائلة أوزان كاملة. هذه نقطة من معايير الاختيار الستة — لا تتجاوزها.

7. الأرقام والتواريخ المقلوبة

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

التايبوغرافي العربي: الشاشة vs المطبوعات

كل ما شرحناه حتى الآن يعمل على الشاشة والورق — لكن المطبوعات لها اعتبارات إضافية يتجاهلها مصممو الديجيتال. لو شغلك سيصل لورق (كتاب، مجلة، بروشور، تغليف)، فهذه الفروق ستنقذك:

الدقة تكشف عيوب الخطوط

على الشاشة (72–150 نقطة في البوصة)، عيوب الخط الصغيرة “تذوب” في البكسلات. على الورق (300 نقطة)، كل عيب يظهر مكبرًا: نقطة ضعيفة، سن مكسور، اتصال غير نظيف بين حرفين. القاعدة: خط يعمل على الشاشة قد يفشل في الطباعة — والعكس نادر. قبل أي مشروع مطبوع، اطبع نموذجًا تجريبيًا بالحجم الفعلي وراجعه بعينك على الورق، لا على الشاشة.

الأحجام على الورق تختلف

متن 17 على الشاشة مريح، لكن نفس الرقم على الورق قد يبدو مختلفًا حسب نوع الورق والطباعة. القاعدة العملية للمطبوعات العربية: متن الكتب 11–13 نقطة (النقطة الطباعية أصغر من بكسل الشاشة)، مع تباعد سطور سخي يعوّض كثافة الحبر على الورق. واختبر دائمًا بنسخة مطبوعة — لا تعتمد على المعاينة الرقمية وحدها.

الكشيدة والتبرير في الكتب

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

التغليف: التايبوغرافي ثلاثي الأبعاد

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

بيع مهارة التايبوغرافي العربي كفريلانسر

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

غلّفها كخدمة: “تدقيق تايبوغرافي”

بدل أن تبيع “تصميمًا”، بِع “تدقيقًا تايبوغرافيًا” للبراندات القائمة: تراجع هوية العميل الحالية (خطوطه، تباعداته، أرقامه، مزاوجاته)، وتسلمه تقريرًا بالأخطاء السبعة وإصلاحاتها + دليل أسلوب تايبوغرافي موثق (الخطوط المعتمدة، الأحجام، التباعدات، قواعد الأرقام). هذه خدمة استشارية — تُباع بسعر أعلى من التصميم التنفيذي لأنها تحل مشكلة مزمنة لا يعرف العميل كيف يسميها.

أين تجد العملاء؟

ابحث عن البراندات العربية التي “شكلها غلط”: مطاعم قوائمها غير مقروءة، متاجر إلكترونية أسعارها معكوسة، شركات عروضها التقديمية ملخبطة. أرسل لصاحب البراند رسالة قصيرة تحدد خطأً واحدًا محددًا (وليس “تصاميمكم وحشة”) مع لقطة توضيحية — هذه الرسالة تبيع أكثر من معرض أعمال كامل، لأنها تثبت أنك ترى ما لا يراه.

ابنِ معرض أعمالك بالقبل والبعد

أقوى محتوى تسويقي لمصمم تايبوغرافي: صور “قبل وبعد” — نفس النص قبل التدقيق (لازق، مبرر غلط، خطوط متصارعة) وبعده (متنفس، هرمي، متناسق). خذ تصاميم عامة رديئة (منشورات متاحة) وأعد تصميم تايبوغرافيتها كمشاريع تجريبية — مع توضيح أن الأصل ليس لعميل حقيقي. هذه المشاريع تثبت المهارة فورًا لأي عميل محتمل.

قائمة الفحص التايبوغرافي: راجع بها أي تصميم قبل التسليم

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

الأسئلة الشائعة عن التايبوغرافي العربي

المصادر — مرتبة حسب المستوى

كل المصادر دي اتفتحت واتفحصت فعلًا أثناء إعداد المقال — روابط مباشرة للمورد نفسه، ومع كل مصدر شارة اللغة والنوع والتصنيف السعري الحقيقي:

🟢 للمبتدئ — خطوط مجانية تبدأ بها اليوم

• Google Fonts — مكتبة الخطوط مبتدئ أجنبي مكتبة خطوط 100% Free
  أكبر مكتبة خطوط مجانية بترخيص تجاري آمن (SIL OFL) — رشّح باللغة العربية لتظهر الخطوط الداعمة لها فقط. كل الخطوط المقترحة في هذا المقال موجودة هنا للتحميل والاستخدام التجاري المجاني.
• IBM Plex Sans Arabic — صفحة الخط على Google Fonts مبتدئ أجنبي خط عربي 100% Free
  خط عربي أصيل (مش معرّب) بأوزان متعددة — نفس الخط المستخدم في هذا المقال. الصفحة تعرض الأوزان وتتيح التحميل والاستخدام التجاري المجاني.
• Readex Pro — صفحة الخط على Google Fonts مبتدئ أجنبي خط عربي 100% Free
  خط عربي حديث عصري بأوزان متعددة — ممتاز للعناوين والنصوص معًا في المحتوى الشبابي والإعلامي. مجاني تمامًا للاستخدام التجاري.
• Amiri — صفحة الخط على Google Fonts مبتدئ أجنبي خط نسخي 100% Free
  خط نسخي أصيل مفتوح المصدر بجودة تنافس التجارية — مثالي للنصوص الطويلة ذات الطابع التراثي أو الرسمي، ويدعم التشكيل بجودة عالية.

🟡 للمتوسط — الأدوات والمعرفة

• Google Fonts Knowledge — أدلة اختيار الخطوط متوسط أجنبي تعليمي 100% Free
  أدلة جوجل المجانية في أساسيات التايبوغرافي: اختيار الخطوط، المزاوجة، والهرمية — المعرفة النظرية التي تكمل التجربة العملية. شفافية: المحتوى بالإنجليزية ويركز على اللاتيني، لكن القواعد الأساسية قابلة للترجمة للعربي.
• Material Design 3 — نظام التايبوغرافي متوسط أجنبي تعليمي 100% Free
  دليل جوجل الرسمي المجاني لبناء سلالم تايبوغرافية: الأدوار، الأحجام، والأوزان — مرجع ممتاز لفهم “ليه” وراء الأرقام وليس “إزاي” فقط.
• Typescale — مولد السلالم التايبوغرافية متوسط أجنبي أداة 100% Free
  أداة مجانية لتوليد سلم تايبوغرافي متناسق مع كود CSS جاهز — جرّب بها النسب قبل تطبيقها على تصميمك العربي. شفافية: الأداة بالإنجليزية وحفظ اللوحات يتطلب حسابًا مجانيًا.

🔴 للاحترافي — عمق عربي وتجارية

• Khatt Foundation — مركز التايبوغرافي العربي احترافي أجنبي أبحاث وتوثيق 100% Free
  مؤسسة ثقافية ومركز أبحاث متخصص في التايبوغرافي العربي: مقالات، مشاريع، وشبكة مصممي الحروف العرب — أعمق مصدر مجاني لفهم الحرف العربي كثقافة وليس كشكل فقط.
• 29LT — دار الخطوط العربية احترافي أجنبي دار خطوط مدفوع
  دار متخصصة في الخطوط العربية والثنائية (عربي-لاتيني) بجودة احترافية: نسخ ورقعة وكوفي بأنظمة أوزان كاملة. شفافية كاملة: الخطوط تجارية مدفوعة — القيمة هنا في رؤية مستوى التصميم الاحترافي ومعايير الجودة قبل الشراء.
• Adobe Fonts — مكتبة خطوط أدوبي احترافي أجنبي مكتبة خطوط مدفوع
  مكتبة أدوبي تتضمن خطوطًا عربية احترافية تتكامل مباشرة مع برامج التصميم. شفافية كاملة: الوصول الكامل للمكتبة يتطلب اشتراك Creative Cloud مدفوعًا — مناسب للمصممين المحترفين العاملين بمنظومة أدوبي.