Какая оптимальная ширина строки для текстового блока?

Всем привет! Поделитесь мнением на тему того, какую длину текстовой строки стоит соблюдать с точки зрения юзабилити и маркетинга? Какое должно быть оптимальное кол-во символов в строке?

С точки зрения юзабилити вы и написали в строке оптимальной длины:


С маркетингом сложнее, т.к. маркетинговые материалы и их носители всегда разные.

1 симпатия

Привет! Из лекции по шрифту, верстке и читабельности:

В идеале длина строки равна ширине 50-60 символов данного шрифта. Допустимыми считаются строки от 40 до 80 символов, но некоторые специалисты придерживаются более строгих ограничений, например, Роберт Брингхерст в книге «Основы стиля в типографике» рекомендует оптимальное значение длины строки от 45 до 75 знаков, а 66 знаков — идеальный вариант для одноколонного набора мелким кеглем текстовой антиквой на английском языке. Для многоколонного набора он же рекомендует более короткие строки — всего по 40—50 знаков. Для небольших по размеру текстов допустимы более короткие строки.
Согласно исследованию Smashing Magazine, в 2009 году средняя длина строки в интернет-публикациях и на сайтах составляла 75-85 знаков. Сейчас появились более строгие рекомендации: для устройств с диагональю экрана более 10 дюймов – от 50 до 75 символов, а для устройств с маленькими экранами, в том числе телефонов, рекомендуемая длина строки от 30 до 45 символов. В качестве измерения единицы шрифта для электронных публикаций, например, в таблицах стилей CSS, часто используется m, т.е. ширина одноименной строчной буквы латинского алфавита. Для форматов публикаций, допускающих адаптивную верстку, рекомендуется ограничить максимальную длину строки.

3 симпатии

А что за тул использовали который так четко отступы показывает?

Благодарю)

1 симпатия

Похоже на расширение CSS Peeper, но не оно.

Visual Inspector для хрома

1 симпатия

еще есть такая замечательная вещь как F12)

Я обычно от ситуации отталкиваюсь. Больше 600-800 пикселей не делаю для многострочного поля, для форм тоже стараюсь делать так, чтоб и влезло (например длинный имейл полностью) и не было широкое.
Вообще в вебе юзаю сетку всегда, с ней таких вопросов не возникает ) Ну а для апок на всю ширину чаще всего, там же ширина экрана уже ограничена.

это понятно, мне было интересно что за расширение, там намного удобнее и быстрее честно говоря)