Типография в вебе для чайников
Этот пост — моя краткая интерпретация основных правил при создании читабельного текста. В деталях об этом можно почитать в бесплатной книге practical typography.
- Использование коротких предложений
Для облегчения прочтения текста читателями, лучше будет если разбивать большие предложения на маленькие.
- Жирный или курсив?
Главное правило при создании акцента в тексте — не переусердствовать. Если акцента будет слишком много, то он будет терять своё значение.
Также стоит отметить, что, если вы используете serif шрифт (с засечками), то можно выделять курсивом для слабого и жирным для сильного акцента. Если же используется sans-serif шрифт, то лучше пренебречь курсивом и использовать только выделение жирным шрифтом.
Кстати, от подчёркивания (underline) лучше вообще избавиться, потому что это некрасиво. Исключение составляют ссылки: в них можно использовать подчёркивание.
- Заголовки
Одной из самых распространённых проблем в использовании заголовков является то, что люди используют слишком много уровней. Лучше всего ограничиться тремя, а ещё лучше двумя уровнями уровнями. Если заголовков будет слишком много, то читателю будет слишком трудно ориентироваться по тексту.
Также, для заголовков лучше использовать жирный, а не курсивный шрифт. Ещё не стоит подчёркивать заголовки. Чтобы выделить заголовок на фоне остального текста, можно добавить пробел сверху и снизу. Ну и не надо писать заголовки капсом.
- Правило 45-75 символов (или 2-3 английских алфавитов)
Когда вы настраиваете ширину текста, очень важно учитывать количество символов, вмещающихся в одну строку. Чтобы обеспечить максимальную читабельность, лучше всего использовать от 45 до 75 символов на одну строку.
- Идеальный размер шрифта
Лучше всего для этого подходит диапазон от 15 до 25 пикселей. Более подробно об этом можно почитать здесь.
- Межстрочный интервал
Он должен составлять от 120 до 145 процентов от размера шрифта.
- Использовать нормальный шрифт
Автор книги рекомендует использовать профессиональный шрифт за деньги, объясняя это тем, что большинство бесплатных и системных шрифтов плохи. Хотя у него есть глава, в которой он советует хорошие бесплатные шрифты.
Ещё можно отметить, что лучше избегать так называемые «дурацкие» шрифты. Это шрифты, которые содержат многочисленные узоры и декорации. Они может и подходят для, например, логотипов, но они будут ужасно смотреться в основном тексте.
- Старайтесь включать кернинг
Кернинг — это объединение пар букв в более читабельные конструкции:
Статья в википедии на эту тему: Кернинг.
- Использование автоматических переносов при выравнивании текста
Это, во-первых, обеспечит сделает вид текста более эстетичным, а во-вторых, увеличит читабельность.
Мини-бонус
Это уже небольшой отход от темы, но это всё же тоже работа с текстом. Вот пара советов, которые я узнал отсюда:
- Перечитывание текста вслух
Если при прочтении собственного текста вы запнулись, не смогли что-то выговорить или не хватило воздуха, то лучше это переписать.
- Бить на короткие абзацы
Мало кому приятно будет читать стену букв.
Лично я недавно так с трудом осилил книгу CLR via C#, из-за того, что абзацы там были очень длинными и нудными.
На этом у меня всё.