• 8 خطوات بسيطة لتحسين تصميم الموقع الإلكتروني في 30 دقيقة

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

الأمر الأساسي هو أن إجراء تغييرات بالجملة على أسلوب الطباعة الخاص بك – اختيار خط جديد ،

وتغيير المقياس ، وزيادة المسافة البادئة – أمر معقد ومحفوف بالضياع المحتمل للوقت.

ولكن هناك بعض التغييرات البسيطة التي يمكنك إجراؤها على الطباعة الخاصة بك،

والتي لن تتسبب في كسر الشبكة الخاصة بك ويمكن تحقيقها في 30 دقيقة أو أقل.

هنا ثمانية خطوات بسيطة لتحسين تصميم الموقع الإلكتروني

8 خطوات بسيطة لتحسين تصميم الموقع الإلكتروني في 30 دقيقة
8 خطوات بسيطة لتحسين تصميم الموقع الإلكتروني في 30 دقيقة
  • زيادة تباين الألوان

عند تخطيط النص ، من الشائع أن يرى المصممون النص ككتلة داخل التصميم المرئي.

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

وبالتالي ، يميل المصممون إلى التقليل من أهمية النص المتباين الذي يتطلبه.

النص ذو اللون الرمادي الفاتح جميل من الناحية الجمالية ولكنه عديم الفائدة من الناحية الوظيفية.

من المفترض أن تتم قراءة النص ويجب أن يفي بمعايير WCAG AA على سطح المكتب ومعايير WCAG AAA على الهاتف المحمول،

أو في أي موقف به العديد من مصادر الإضاءة المحيطة. كلما كان النص أكبر ، كلما كان لديك مساحة أكبر.

يجب اختبار النص بدقة من أجل التباين ، ولكن كنقطة بداية ، يجب ألا يكون نص 18 بكسل على خلفية بيضاء أخف من # 595959.

  • تشديد تباعد العناوين

تم تصميم الغالبية العظمى من المحارف لاستخدامها كنص أساسي – كتل كبيرة من النص قيد التشغيل ،

وطول عدة أسطر. عندما تم إنشاء الخط ، تم تباعده لهذا الاستخدام.

على عكس النص الجاري ، تميل العناوين إلى أن تكون قصيرة ومحاطة بمسافات أكبر – خاصة أعلى وأسفل.

المسافة البيضاء الزائدة تغمر المساحة السلبية في أشكال الكلمات وتجبر الحروف على التباعد.

للتعويض ، شد تباعد الأحرف وتباعد الكلمات بين العناوين بنسبة 1-5%.

  • قم بفك التباعد بين الكلمات

عندما نقرأ ، فإن دماغنا لا يتهجى الكلمات حرفًا بحرف ؛ يتعرف على أشكال الكلمات وحتى أشكال مجموعات الكلمات.

تهتم معظم الطباعة الدقيقة بعدم تعطيل أشكال الكلمات هذه.

ومع ذلك ، هناك أوقات تريد فيها منع الكلمات من التكوين والسماح للأحرف الفردية.

قم بفك تباعد الأحرف على أي نص يُراد قراءته كسلسلة من الأحرف ، مثل الأرقام التسلسلية ورموز التتبع والبيانات المجدولة.

  • استخدم خطوط النظام للإدخالات

الخصوصية هي مشكلة كبيرة للمستخدمين.

أي شيء يمكنك القيام به كمصمم لطمأنة المستخدمين بأن بياناتهم آمنة سيزيد من تجربة المستخدم الإيجابية لموقعك.

صمم مدخلات HTML الخاصة بك لاستخدام خطوط النظام – الخطوط الافتراضية التي تم تعيينها بواسطة نظام التشغيل الذي يقوم المستخدم الخاص بك بالوصول إلى الموقع باستخدامه.

يؤدي ذلك إلى تحديد واضح بين بيانات العلامة التجارية في خطوط العلامة التجارية وبيانات المستخدم في خطوط المستخدم.

يشجع استخدام خطوط النظام بهذه الطريقة المستخدم على الشعور بملكية بياناته وبناء الثقة وزيادة الزيارات.

  • وضع علامة على الفقرات مرة واحدة

تحتاج فقرات النص إلى إشارة مرئية إلى أنها بدأت.

هناك ثلاث طرق يتم من خلالها نقل هذا بشكل طبيعي: اتباع عنوان ، بمسافة رأسية قبل الفقرة ، أو وضع مسافة بادئة للسطر الأول.

يجب أن تستخدم كل فقرة واحدة من هذه المؤشرات وواحدة فقط.

نظرًا لطبيعة محتوى الويب والفوائد التي تتمتع بها العناوين لسرعة قراءة المحتوى ،

بالنسبة لمعظم المواقع ، فإن الخيار الأفضل هو مزيج من اتباع العنوان والتباعد الرأسي.

  • استخدام أنماط حقيقية

لأسباب مختلفة تتراوح من توفر الخطوط إلى التحسين القوي ، من الشائع للمواقع تزييف الأنماط البديلة باستخدام CSS.

يمكن تزوير الخط المائل على أنه منحرف ، ويمكن تزوير الأوزان العريضة باستخدام الإعدادات الافتراضية للمتصفح ،

ويمكن تزوير الأحرف الكبيرة الصغيرة عن طريق تعيين النص على أحرف كبيرة وتقليل حجم الخط.

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

إذا لم تتمكن من استخدام حروف كبيرة مائلة وجريئة وصغيرة ، فلا تقم بتزييفها.

ابحث عن طرق بديلة لخلق التركيز ، مثل تغيير الألوان.

  • استخدم الاقتباسات الصحيحة

الفواصل العليا وعلامات الاقتباس المفردة والمزدوجة هي أحرف محددة.

توفر معظم الخطوط حرفًا رمزيًا لها يختلف عن مفتاح الاقتباس الفردي أو المزدوج السريع على لوحة المفاتيح.

يشار إلى علامات الاقتباس هذه عادةً باسم علامات الاقتباس “الذكية” لأن تطبيقات معالجة الكلمات عادةً ما يكون لديها خيار أن تكون “ذكية” بشأن الحروف الرسومية التي تستخدمها.

يعد استخدام علامات الاقتباس الصحيحة من أبسط الطرق لتقديم نص محسّن.

  • وصل النص بشكل صحيح

الواصلة هي كسر كلمة في سطرين.

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

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

يسمح لك CSS بتعيين الواصلة على لا شيء (بدون واصلات) ،

وتلقائي (يُدرج المتصفح تلقائيًا) ، ويدويًا (حيث تحدد مكان ظهور الواصلات باستخدام حرف الواصلة الناعمة).

بشكل نموذجي ، يمكن إدراج واصلة في أي كلمة تتكون من خمسة أحرف أو أكثر ؛

يجب أن يكون هناك حرفان على الأقل يسبقان الواصلة وثلاثة على الأقل يتبعها.

يجب ألا تقوم أبدًا بفصل ثلاثة أسطر متتالية من النص ،

ولكن معالجة ذلك يتطلب JavaScript.

يمكنك تقليل هذه المشكلة عن طريق زيادة قياسك.

قد يهمك أيضاً: 10 استراتيجيات بسيطة لتسويق المحتوى بنجاح

كاتب

اكتب تعليق