الخط عنصر مهم في تصميم الويب وتخطيط النص. واحدة من المعلمات الرئيسية للخط هو حجمه. حجم الخط في الطباعة الاحترافية هو مقياس لحجم الخط ويحدد ارتفاعه بالنقاط.
مفهوم "خط الأساس" هو في صميم فهم الخط لحجم الخط. إنه خط أفقي غير مرئي يتم محاذاة معظم الأحرف على طوله. يحدد حجم الخط المسافة من خط الأساس إلى أعلى نقطة في الرمز (عادة الحد العلوي للحرف "د") ، وكذلك إلى أدنى نقطة (قياسي — الحد السفلي للحرف "ص").
الدبابيس لها اسم غريب لحجم خط معين. لذا ، إذا كان حجم الخط 12 ، فإنه يطلق عليه "اثنا عشر نقطة". هذا التعيين مناسب للاستخدام عند وصف حجم الخط على مواقع الويب أو في الوثائق للإشارة ليس إلى عدد العناصر نفسها ، ولكن إلى اسمها.
مصطلح " حجم الخط "يأتي من الفرنسية" كادراتين دو فيلق " — "مربع الخط". كان المربع الذي تم استخدامه كمقياس لارتفاع الخط عندما تم تحديد أحجام الخطوط يدويا في دار الطباعة.
تكمن القيمة الرئيسية لحجم الخط في سهولة قراءته وإدراكه الجمالي للنص. يجب اختيار حجم الخط مع مراعاة الغرض منه وخصائص المحتوى. يمكن أن يؤدي الحجم الصغير للغاية إلى صعوبة القراءة ، ويمكن أن يسبب الحجم الكبير جدا تهيجا. يتيح لك اختيار الحجم المناسب إنشاء تصميم نصي متناغم وقابل للقراءة.
- حجم الخط بالنقاط والبكسل
- الخط الأفقي والرأسي
- حجم الخط ونظام البولينج
- التناقضات وأحجام الخطوط النسبية
- تصور الخط وتعريف حجمه
حجم الخط بالنقاط والبكسل
غالبا ما يواجه مصممو الويب ومصممو التخطيط الحاجة إلى تعيين حجم الخط لمحتوى النص. يمكن تعيين حجم الخط في وحدات قياس مختلفة ، مثل النقاط (نقطة) والبكسل (بكسل). يتم استخدام كلتا القيمتين لتحديد حجم الخط الفعلي على الشاشة.
النقطة (نقطة) هي وحدة قياس تستخدم بشكل شائع في المنتجات المطبوعة. نقطة واحدة حوالي 1/72 من البوصة أو حوالي 0.35 مم. هذا يعني أن حجم الخط المحدد في الفقرات سيحدد الحجم الفعلي للنص عند الطباعة ، ولكن على الشاشة قد يختلف حجمه اعتمادا على إعدادات المستخدم أو الجهاز.
البكسل (بكسل) هو وحدة قياس تحدد عدد نقاط الضوء على الشاشة. سيحدد حجم الخط المحدد بالبكسل حجمه المرئي الثابت على أي جهاز أو صفحة ويب ، بغض النظر عن إعدادات المستخدم.
كل من وحدات القياس لها إيجابيات وسلبيات. يمكن أن يمنحك استخدام وحدات البكسل تحكما دقيقا في حجم الخط على صفحة الويب ، ولكن يمكن أن يتسبب في حدوث مشكلات في إمكانية الوصول للمستخدمين الذين قد يرغبون في تكبير النص للحصول على قراءة أفضل. من ناحية أخرى ، يمكن أن تكون العناصر أكثر قابلية للتنبؤ والتكيف ، ولكن لها بعض القيود في المواد المطبوعة.
| النقاط (نقطة) | بكسل (بكسل) |
|---|---|
| 12 | 16 بكسل |
| 14 | 18 بكسل |
| 16 | 22 بكسل |
| 18 | 24 بكسل |
عادة ، يعتبر حجم الخط 14 نقطة الحجم القياسي لمحتوى النص في تصميم الويب ، ولكن يمكن استخدام قيم أخرى اعتمادا على الاحتياجات المحددة للمشروع.
عند تعيين حجم الخط في كس ، تذكر أن هذا يجب أن يتم بالاشتراك مع معلمات أخرى مثل العرض والارتفاع والهوامش لتحقيق تأثير التصميم المطلوب وتحسين إمكانية قراءة النص على صفحة الويب.
الخط الأفقي والرأسي
الخط الأفقي هو الاتجاه المعتاد لعرض النص عندما تعمل أسطر النص أفقيا من اليسار إلى اليمين. هذه هي الطريقة الأكثر شيوعا لتمثيل النص على الشاشة والورق.
الخط العمودي هو الاتجاه الذي يتم فيه عرض النص عندما تنتقل خطوط الكتابة من أسفل إلى أعلى أو من أعلى إلى أسفل على طول المحور ص. غالبا ما تستخدم هذه الطريقة في اللغات الشرقية مثل الصينية واليابانية والكورية ، حيث تتناسب الأحرف مع كتلة مربعة ويتم ترتيبها عموديا.
هناك أيضا نوعان من الخطوط الرأسية-الكتابة من أعلى إلى أسفل والكتابة من أسفل إلى أعلى. يرجع الاختلاف في الاتجاه إلى متطلبات الكتابة لبعض اللغات.
في تطوير الويب ، يمكن استخدام خط عمودي لإنشاء تصميم أصلي أو لمطابقة التفضيلات الثقافية للجمهور الذي يستخدم اتجاها رأسيا عند قراءة النص. أيضا ، يمكن أن يكون الاتجاه الرأسي للنص مفيدا عند إنشاء ملصقات أو لافتات.
كلا الاتجاهين من الخط ، الأفقي والرأسي ، لها خصائصها الخاصة وتتطلب تصميم دقيق والطباعة لضمان سهولة القراءة والمظهر الجمالي للنص.
حجم الخط ونظام البولينج
يقاس حجم الخط في الدبابيس بارتفاع الأسطوانة المعدنية التي يوجد عليها رمز الخط. كلما زاد عدد الدبابيس ، زاد الخط. عادة ما تكون الأحجام الأكثر شيوعا هي 8-12 دبابيس للنص الرئيسي و 14-18 دبابيس للعناوين والعناوين الفرعية.
غالبا ما يختلف حجم الخط بصريا عن حجمه بالنقاط. هذا يرجع إلى التصميم والعلاقات النسبية للخط نفسه. قد تبدو بعض الخطوط أكبر أو أصغر على نفس عدد الدبابيس. لذلك ، عند اختيار الخط ، من الضروري مراعاة الإدراك البصري ، وليس القيم العددية فقط.
| حجم الخط (دبابيس) | حجم الخط (نقاط) |
|---|---|
| 8 | 9 |
| 9 | 10 |
| 10 | 11 |
| 11 | 12 |
| 12 | 14 |
| 14 | 16 |
| 18 | 20 |
تتيح لك معرفة فئة الخط ونظام حجم الخط اختيار حجم الخط الصحيح لعناصر مختلفة من المستند لضمان قراءته المريحة وسهولة قراءته.
التناقضات وأحجام الخطوط النسبية
أحد التناقضات هو أن حجم الخط قد يختلف في أنظمة مختلفة وعلى أجهزة مختلفة. يمكن لقيمة الحجم نفسها في الخطوط المختلفة إنشاء تأثيرات بصرية مختلفة اعتمادا على الخط نفسه وسياق الاستخدام.
عادة ، يتم تعيين الخطوط على صفحات الويب حسب الأحجام النسبية ، مثل النسب المئوية أو م أو حركة العين السريعة. تجعل الأحجام النسبية من السهل تغيير أحجام الخطوط على الصفحة بأكملها عن طريق تغيير قيمة واحدة. كما أنها تساعد على تحسين إمكانية الوصول إلى الموقع وقابليته للاستخدام للمستخدمين ، لأنها تسمح للمستخدمين بتغيير أحجام الخطوط في متصفحاتهم دون فقدان بنية الصفحة ومظهرها.
يعد حجم الخط أحد الجوانب المهمة لتصميم الويب ، حيث يمكن أن يؤثر على سهولة قراءة الموقع وجماليته وقابليته للاستخدام. سيساعد الاستخدام السليم لأحجام الخطوط النسبية في إنشاء تصميم متوازن وجذاب يجذب انتباه زوار الموقع ويجذبهم.
من المهم أن تتذكر أن استخدام الخطوط ذات الأحجام النسبية المختلفة يجب أن يكون واعيا ومرتبطا بأهداف التصميم. لتحقيق نمط مرئي موحد وقراءة سهلة ، يوصى باستخدام ما لا يزيد عن ثلاثة أو أربعة أحجام خطوط نسبية مختلفة لكل صفحة.
وبالتالي ، فإن فهم تناقضات أحجام الخطوط النسبية والاستخدام الصحيح لحجم خط الويب يسمح لك بإنشاء صفحات ويب جذابة وعملية. وهذا يتطلب الرعاية والتجريب أثناء عملية التطوير لتحقيق أفضل نتيجة.
تصور الخط وتعريف حجمه
يحدد حجم الخط ، المقاس بالدبابيس ، حجمه المادي. حجم الخط هو وحدة قياس لارتفاع الخط ، والتي يتم تحديدها من خلال ارتفاع الحرف " س " في العلامات الشرطية. بالنسبة للخطوط الأخرى ، يمكن أن يختلف حجم حجم الخط ، مما يعني أن نفس قيمة حجم الخط في خطوط مختلفة يمكن أن تخلق أحجام نص مختلفة.
غالبا ما يستخدم مصممو الويب مفهوم "حجم خط البكسل" لتحديد الحجم التقريبي للنص بالبكسل على صفحة الويب. ومع ذلك ، يجب أن نتذكر أن حجم البكسل للخط قد يختلف اعتمادا على الاختلافات في إعدادات المستخدم وأجهزته.
لتحديد وتصور الخط وحجمه على صفحة ويب ، يمكنك استخدام خاصية كس" الخط الأسرة "لتحديد الخط المطلوب ، والخاصية" حجم الخط " لتحديد حجمها. على سبيل المثال:
الخط الأسرة: أريال ، بلا الرقيق;حجم الخط: 16 بكسل;
يمكن تعيين هذه الخصائص في ملف كس أو جزءا لا يتجزأ مباشرة في التعليمات البرمجية هتمل باستخدام السمة" نمط". نتيجة لذلك ، سيتم عرض النص الموجود على صفحة الويب بالخط المحدد وحجمه ، مما يؤثر على إدراك المحتوى وقابليته للقراءة.