8 قواعد طباعة ذهبية للحصول على أقصى استفادة من خطوطك

تعتبر الطباعة المدروسة والمختارة جيدًا هي المفتاح لتحقيق موقع ويب ممتع من الناحية الجمالية ، والأهم من ذلك - موقع إلكتروني يسهل قراءته. لكن هل تعرف كيفية جعل النص على موقع الويب واضحًا ومتسقًا مع هوية علامتك التجارية؟

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

حجم الخط على الصفحة مهم! إذا اخترت خطًا ليس صغيرًا جدًا أو كبيرًا جدًا ، فستجعل القراءة أسهل كثيرًا للمستخدمين. تستخدم وحدة الطباعة الخاصة لوصف الخطوط "pt" أو "point".

النطاق المفضل لأحجام الخطوط القياسية لمواقع الويب يتراوح بين 14-25 نقطة. يمكن حجز الخطوط الأكبر حجمًا للعناوين - 20 نقطة وما فوق ، وبالنسبة للنص العادي ، فإن النطاق الأفضل هو 14-18 نقطة.

بغض النظر عن حجم الخط الذي تختاره ، تأكد من أن حجم الخط:

أ) يجعل النص مقروءًا - يمكن أن يؤدي حجم الخط الذي يبلغ 12 نقطة وأقل إلى إعاقة إمكانية القراءة بشكل كبير ؛

ب) يطابق الخط - على سبيل المثال ، بالنسبة لخط نظامها ، توصي شركة Roboto Google بحد أدنى 16 نقطة. من ناحية أخرى ، سان فرانسيسكو - الخط المستخدم ، من بين أمور أخرى ، في أجهزة Apple ، يجب ألا يقل حجمه عن 18 نقطة ؛

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

هل قررت حجم خط نصك ولكنك لا تعرف كيف تحافظ على حجم العناوين بما يتناسب مع باقي المحتوى؟ هناك العديد من أفضل الممارسات لهذا:

أ) يجب أن يكون رأس H1 300٪ من حجم الخط المستخدم في النص الأساسي. على سبيل المثال ، إذا كان موقع الويب الخاص بك يستخدم خطًا بحجم 18 نقطة للنص الأساسي ، فإن الحجم الأمثل لعناوينك هو 54 نقطة.

ب) يجب أن يكون رأس H2 200٪ من حجم خط النص الأساسي. في هذه الحالة ، مع حجم خط أساسي يبلغ 18 نقطة ، سيكون عنوان H2 المثالي هو 36 نقطة.

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

أ) على شاشات الهواتف الذكية ، لن يبدو الخط الكبير لطيفًا ،

ب) يجب ألا تأخذ العناوين أكثر من سطرين.

لذلك ، عند تصميم موقع ويب للجوال ، يجدر التحقق من شكل النص والتأكد من أن الخط كبير جدًا.

نوع BOWWE:

عند إنشاء موقع ويب في BOWWE builder ، فإنه يستجيب تلقائيًا. هذا يعني ، أولاً وقبل كل شيء ، أنك لست بحاجة إلى إنشاء موقع ويب منفصل مصمم خصيصًا للأجهزة المحمولة. ثانيًا ، يمكن أن يؤدي تحرير موقع الويب إلى التبديل بين معاينة سطح المكتب والجوّال في بضع ثوانٍ. بفضل هذا ، يمكنك بسهولة التحكم في كيفية تصرف الخط الذي تختاره على الأجهزة المحمولة.

كان معروفًا منذ فترة طويلة أن أجزاء النص القصيرة يمكن قراءتها بشكل أفضل. قد تتسبب الأسطر أو الفقرات الطويلة جدًا في إرهاق العينين وإزعاج إيقاع القراءة. يجب أن يتراوح طول السطر بين 50 و 75 حرفًا حتى لا يستنفد المستخدم. الأمر نفسه ينطبق على الفقرات - فهي تجعل النصوص الطويلة أسهل في القراءة.

نوع BOWWE:

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

تحجيم الخط هو عملية زيادة أو تقليل حجم النص على موقع الويب.

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

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

هناك بعض الأشياء التي يجب تذكرها عند إنشاء مقياس الخط.

أ) تأكد من أن كل النص في صفحتك من نفس الحجم. يتضمن هذا كلاً من النص الأساسي وأي عناوين أو عناصر نصية أخرى.

ب) اختر حجم خط مريح وسهل القراءة. قد تحتاج إلى تجربة أحجام خطوط مختلفة للعثور على الحجم المناسب لك. قد تبدو بعض الخطوط جيدة في الحجم الكبير ولكن يصعب قراءتها عند تصغيرها.

اعثر على أفضل تصميمات مواقع الويب مع أمثلة للطباعة المثيرة. على مواقع الويب مثل Dribbble ، يمكنك أن تجد الكثير من الإلهام. يمكنك أيضًا استخدام منصات مثل Pinterest التي تسمح لك بإنشاء ما يسمى Boards حيث يمكنك جمع أي شيء يلهمك ومشاركته مع أصدقائك أو زملائك في العمل.

من المفيد أيضًا إجراء بحث بين مواقع الويب المشابهة لموقعك أو منافسيك. ثم ستتعلم كيف ينفذ الآخرون أفضل مبادئ الطباعة وكيف يمكنك القيام بذلك أيضًا!

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

باتباع أفضل ممارسات الطباعة الجيدة الموجودة في هذه المقالة ، يمكنك تحسين مظهر موقع الويب الخاص بك بسرعة ، والأهم من ذلك ، تجربة المستخدم.