it-swarm.asia

خيارات لضبط الفقرات؟

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

1
Tom A

إليك تقييمي للوهلة الأولى:

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

بعض الأشياء التي يمكنك تجربتها:

  • قلل من حجم النص: هذا غالبًا ما يتم تجاهله. هل تحتاج إلى كل هذا النص هناك؟ هل يقرأها الناس؟ النظر في التعاقد مع مؤلف الإعلانات المهنية لجعل المحتوى الخاص بك أكثر إيجازا وأكثر جاذبية للقراءة.
  • قم بتقليل عرض الحاوية النصية: ربما اجعلها ذات عرض ثابت حتى يرى جميع المستخدمين طول السطر نفسه. يمكنك الاحتفاظ بالصورة خارج كتلة النص.
  • زيادة حجم الخط: سيساعد ذلك في تقليل طول الخط (عدد أقل من الأحرف في كل سطر).
  • زيادة خط الطول: هذا يجعل من السهل للعين أن تسقط إلى السطر التالي ، وخاصة مع الخطوط الطويلة. (المتصفح الافتراضي هو حوالي 1.3 ، جرب 1.4 أو 1.5.)
  • تقليل تباعد الأحرف: هذا لا يبدو IMO جيد (جربه مع letter-spacing: -1px) ولكنه سيقلل التباعد بين الكلمات.
  • أود أن أقترح أيضًا محاذاة وسط المحتوى الكتل . شعارك والقائمة في الجزء العلوي ، والنص في تذييل الصفحة كلها محاذاة في الوسط.

* لم أجد أي مواد صلبة على الإنترنت ، لكن هذه الفقرة من Jakob Nielsen مراجعة قابلية استخدام Kindle = تذكرها بشكل عابر:

يعرض تطبيق Kindle iPhone صفحات ذات نص مبرر تمامًا (أي ، تدفق لليمين واليسار). هذا يقلل من وضوح قليلا ، وخاصة بالنسبة للأعمدة الضيقة لشاشة الهاتف الصغيرة. يستخدم Stanza النص المضبوط على اليسار فقط ، وهو خيار أفضل.

1
DisgruntledGoat

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

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

1
Jarrod Dixon