0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#статьи</a></p>
1
<p><a>#статьи</a></p>
2
<ul><li>13 сен 2021</li>
2
<ul><li>13 сен 2021</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Эти правила помогут самостоятельно оформить текст в небольшом проекте.</p>
4
</ul><p>Эти правила помогут самостоятельно оформить текст в небольшом проекте.</p>
5
<p>freepik / Freepik / OlyaSnow для Skillbox Media</p>
5
<p>freepik / Freepik / OlyaSnow для Skillbox Media</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
7
<p>Настольная книга для дизайнеров, редакторов, авторов и всех, кто занимается оформлением текстов. В нём собраны советы на все случаи жизни, которые помогут красиво оформить любой продукт - от небольшой брошюры до драматического произведения или сайта. С этим справочником сверяются дизайнеры в таких компаниях, как "Студия Лебедева" и "Бюро Горбунова".</p>
7
<p>Настольная книга для дизайнеров, редакторов, авторов и всех, кто занимается оформлением текстов. В нём собраны советы на все случаи жизни, которые помогут красиво оформить любой продукт - от небольшой брошюры до драматического произведения или сайта. С этим справочником сверяются дизайнеры в таких компаниях, как "Студия Лебедева" и "Бюро Горбунова".</p>
8
<p>Издательство - "<a>Студия Артемия Лебедева</a>".</p>
8
<p>Издательство - "<a>Студия Артемия Лебедева</a>".</p>
9
<p>В работе над информационным продуктом важна не только эстетика, но и правильное оформление текста. Читатель не будет вникать в вашу работу, если он не сможет разобраться в её структуре без дополнительных объяснений. Сделать продукт понятным поможет "Справочник издателя и автора", в котором есть готовые решения рутинных задач.</p>
9
<p>В работе над информационным продуктом важна не только эстетика, но и правильное оформление текста. Читатель не будет вникать в вашу работу, если он не сможет разобраться в её структуре без дополнительных объяснений. Сделать продукт понятным поможет "Справочник издателя и автора", в котором есть готовые решения рутинных задач.</p>
10
<p>Рассказываем о правилах из справочника, которые пригодятся в работе над любым проектом.</p>
10
<p>Рассказываем о правилах из справочника, которые пригодятся в работе над любым проектом.</p>
11
<p>Запомните главное правило - все элементы текста должны выглядеть единообразно, чтобы читатель без труда понял его структуру. Если этим пренебречь, вместо понятной страницы у вас получится каша.</p>
11
<p>Запомните главное правило - все элементы текста должны выглядеть единообразно, чтобы читатель без труда понял его структуру. Если этим пренебречь, вместо понятной страницы у вас получится каша.</p>
12
<p>С помощью заголовков отбиваются куски текста, чтобы помочь читателю ориентироваться в повествовании и начать именно с того места, которое его интересует.</p>
12
<p>С помощью заголовков отбиваются куски текста, чтобы помочь читателю ориентироваться в повествовании и начать именно с того места, которое его интересует.</p>
13
<p>Заголовки бывают разных видов. Вот самые распространённые из них:</p>
13
<p>Заголовки бывают разных видов. Вот самые распространённые из них:</p>
14
<p><strong>1. Начальный заголовок</strong> - стоит в самом начале страницы и задаёт всю её тему.</p>
14
<p><strong>1. Начальный заголовок</strong> - стоит в самом начале страницы и задаёт всю её тему.</p>
15
<p><strong>2. Рядовой заголовок с отступами</strong>- стоит в начале каждого блока и помогает отделить одну мысль от другой.</p>
15
<p><strong>2. Рядовой заголовок с отступами</strong>- стоит в начале каждого блока и помогает отделить одну мысль от другой.</p>
16
AirPods Max - начальный заголовок. "Абсолютно оригинальная композиция" - рядовой с отступами. Точка в конце заголовка не обязательна. Изображение:<a>Apple</a><p><strong>3. Заголовок с абзацного отступа и с верхним отступом</strong> - набирается кеглем основного текста и отбивается новой строкой.</p>
16
AirPods Max - начальный заголовок. "Абсолютно оригинальная композиция" - рядовой с отступами. Точка в конце заголовка не обязательна. Изображение:<a>Apple</a><p><strong>3. Заголовок с абзацного отступа и с верхним отступом</strong> - набирается кеглем основного текста и отбивается новой строкой.</p>
17
Заголовки с абзацного отступа. Изображение:<a>Apple</a><p><strong>4. Скрытый в тексте заголовок</strong> - выделенное слово или предложение в начале абзаца, обычно жирным начертанием.</p>
17
Заголовки с абзацного отступа. Изображение:<a>Apple</a><p><strong>4. Скрытый в тексте заголовок</strong> - выделенное слово или предложение в начале абзаца, обычно жирным начертанием.</p>
18
Скрытый в тексте заголовок. Изображение:<a>Apple</a><p>Используйте эти заголовки, чтобы помочь читателю понять смысловую иерархию текста. Например, начальный заголовок - всегда самый важный, он задаёт весь тон и смысл текста. Скрытый в тексте - всегда дополнительный, подчиняется начальному.</p>
18
Скрытый в тексте заголовок. Изображение:<a>Apple</a><p>Используйте эти заголовки, чтобы помочь читателю понять смысловую иерархию текста. Например, начальный заголовок - всегда самый важный, он задаёт весь тон и смысл текста. Скрытый в тексте - всегда дополнительный, подчиняется начальному.</p>
19
<p>Обычно перечень начинается с обобщающего слова, но его можно опустить, чтобы сократить текст. Однако введение в перечень не может начинаться с предлога:</p>
19
<p>Обычно перечень начинается с обобщающего слова, но его можно опустить, чтобы сократить текст. Однако введение в перечень не может начинаться с предлога:</p>
20
Изображение: Skillbox Media<p>Если элементы перечня состоят из слов и внутри нет знаков препинания, они должны начинаться со строчной буквы и оканчиваться запятой:</p>
20
Изображение: Skillbox Media<p>Если элементы перечня состоят из слов и внутри нет знаков препинания, они должны начинаться со строчной буквы и оканчиваться запятой:</p>
21
Изображение: Skillbox Media<p>Если элементы перечня содержат много слов со знаками препинания, они должны начинаться со строчной буквы и оканчиваться точкой с запятой:</p>
21
Изображение: Skillbox Media<p>Если элементы перечня содержат много слов со знаками препинания, они должны начинаться со строчной буквы и оканчиваться точкой с запятой:</p>
22
Изображение: Skillbox Media<p>Если в элементах перечня есть сразу несколько предложений, они должны начинаться с заглавной буквы и оканчиваться точкой:</p>
22
Изображение: Skillbox Media<p>Если в элементах перечня есть сразу несколько предложений, они должны начинаться с заглавной буквы и оканчиваться точкой:</p>
23
Изображение: Skillbox Media<p>Иногда внутри абзаца может быть очень важная информация, которую читатель обязательно должен увидеть. Чтобы её выделить, есть несколько стандартных приёмов.</p>
23
Изображение: Skillbox Media<p>Иногда внутри абзаца может быть очень важная информация, которую читатель обязательно должен увидеть. Чтобы её выделить, есть несколько стандартных приёмов.</p>
24
<p><strong>Шрифтовые выделения</strong> - например, жирное начертание, курсив или заглавные буквы - помогают акцентировать одно конкретное слово.</p>
24
<p><strong>Шрифтовые выделения</strong> - например, жирное начертание, курсив или заглавные буквы - помогают акцентировать одно конкретное слово.</p>
25
<p><strong>Нешрифтовые выделения</strong>помогают выделить объёмный кусок текста:</p>
25
<p><strong>Нешрифтовые выделения</strong>помогают выделить объёмный кусок текста:</p>
26
Изображение: Skillbox Media<p>Помните, что каждый вид выделения стоит использовать только в одном конкретном случае. Например, если вы выделяете особые термины жирным начертанием, то особые имена лучше набирать курсивом.</p>
26
Изображение: Skillbox Media<p>Помните, что каждый вид выделения стоит использовать только в одном конкретном случае. Например, если вы выделяете особые термины жирным начертанием, то особые имена лучше набирать курсивом.</p>
27
<p>Также все выделения нужно применять последовательно, чтобы читатель без дополнительных пояснений понимал, на чём вы акцентируете его внимание в тексте и зачем это делаете.</p>
27
<p>Также все выделения нужно применять последовательно, чтобы читатель без дополнительных пояснений понимал, на чём вы акцентируете его внимание в тексте и зачем это делаете.</p>
28
<p>Подписи к иллюстрациям - неотъемлемая часть любого информационного продукта: от книги до промостраницы. Хотя подписи и считают не очень важным элементом, их правильное оформление поможет вам добиться ощущения аккуратности.</p>
28
<p>Подписи к иллюстрациям - неотъемлемая часть любого информационного продукта: от книги до промостраницы. Хотя подписи и считают не очень важным элементом, их правильное оформление поможет вам добиться ощущения аккуратности.</p>
29
<p>В современных продуктах подписи нужны, если из иллюстрации не очевидно, что вы хотите продемонстрировать.</p>
29
<p>В современных продуктах подписи нужны, если из иллюстрации не очевидно, что вы хотите продемонстрировать.</p>
30
<p><strong>Состав стандартной подписи картины или фотографии в массовом или научно-популярном продукте:</strong></p>
30
<p><strong>Состав стандартной подписи картины или фотографии в массовом или научно-популярном продукте:</strong></p>
31
<ol><li>Имя автора картины, фотографии или иллюстрации.</li>
31
<ol><li>Имя автора картины, фотографии или иллюстрации.</li>
32
<li>Название.</li>
32
<li>Название.</li>
33
<li>Год создания.</li>
33
<li>Год создания.</li>
34
<li>Место хранения.</li>
34
<li>Место хранения.</li>
35
<li>Комментарии к произведению - по желанию.</li>
35
<li>Комментарии к произведению - по желанию.</li>
36
</ol><p>Если некоторые элементы подписи не удалось найти в источнике, их можно опустить. Также все эти пункты не обязательны, если у вас есть все права на иллюстрацию.</p>
36
</ol><p>Если некоторые элементы подписи не удалось найти в источнике, их можно опустить. Также все эти пункты не обязательны, если у вас есть все права на иллюстрацию.</p>
37
Изображение: Skillbox Media<p>Чтобы название изображения выделялось из остальных данных, лучше выносить его на отдельную строку и выделять графически - с помощью прописных букв, увеличенного кегля или начертания.</p>
37
Изображение: Skillbox Media<p>Чтобы название изображения выделялось из остальных данных, лучше выносить его на отдельную строку и выделять графически - с помощью прописных букв, увеличенного кегля или начертания.</p>
38
<p>Если вам нужно оформить условные обозначения, используйте выносные линии. Для этого есть три универсальных шаблона.</p>
38
<p>Если вам нужно оформить условные обозначения, используйте выносные линии. Для этого есть три универсальных шаблона.</p>
39
<p>1. Наклонные выносные линии для вытянутых изображений:</p>
39
<p>1. Наклонные выносные линии для вытянутых изображений:</p>
40
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>2. Вертикальные линии для высоких изображений:</p>
40
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>2. Вертикальные линии для высоких изображений:</p>
41
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>3. Линии, расположенные по овалу или кругу:</p>
41
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>3. Линии, расположенные по овалу или кругу:</p>
42
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>Требования к выносным линиям:</p>
42
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>Требования к выносным линиям:</p>
43
<ul><li>они должны быть тонкими;</li>
43
<ul><li>они должны быть тонкими;</li>
44
<li>не должны пересекаться;</li>
44
<li>не должны пересекаться;</li>
45
<li>не должны быть параллельны штрихам на иллюстрации;</li>
45
<li>не должны быть параллельны штрихам на иллюстрации;</li>
46
<li>должны пересекать минимально возможную часть изображения.</li>
46
<li>должны пересекать минимально возможную часть изображения.</li>
47
</ul><p>Часто бывает, что автор передаёт в вёрстку огромную таблицу, которую в итоге очень сложно вставить в макет так, чтобы не потерять её читаемость. В справочнике есть несколько простых советов, которые помогут быстро решить эту задачу и дополнительно улучшить читаемость таблицы.</p>
47
</ul><p>Часто бывает, что автор передаёт в вёрстку огромную таблицу, которую в итоге очень сложно вставить в макет так, чтобы не потерять её читаемость. В справочнике есть несколько простых советов, которые помогут быстро решить эту задачу и дополнительно улучшить читаемость таблицы.</p>
48
<p>Если в таблице много показателей, которые не очень важны для общего понимания данных, просто уберите их.</p>
48
<p>Если в таблице много показателей, которые не очень важны для общего понимания данных, просто уберите их.</p>
49
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox MediaИсточник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>У некоторых таблиц неоправданно большой размер из-за перегруженной шапки - нескольких рядов подлежащих, которые стоят друг над другом. Самый простой и быстрый способ от этого избавиться - унести один ряд подлежащих прямо в таблицу.</p>
49
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox MediaИсточник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>У некоторых таблиц неоправданно большой размер из-за перегруженной шапки - нескольких рядов подлежащих, которые стоят друг над другом. Самый простой и быстрый способ от этого избавиться - унести один ряд подлежащих прямо в таблицу.</p>
50
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>Обратите внимание на форматирование таблицы. Разделительных линеек нет, так как и без них понятно, к какому столбцу относятся ячейки. А все цифры выровнены по разрядам, чтобы их было удобнее сравнивать.</p>
50
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>Обратите внимание на форматирование таблицы. Разделительных линеек нет, так как и без них понятно, к какому столбцу относятся ячейки. А все цифры выровнены по разрядам, чтобы их было удобнее сравнивать.</p>
51
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>Дизайнерам иногда приходится умещать на макете две похожих по смыслу таблицы, выделять под них отдельную страницу или уменьшать кегль, а это негативно влияет на читаемость.</p>
51
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>Дизайнерам иногда приходится умещать на макете две похожих по смыслу таблицы, выделять под них отдельную страницу или уменьшать кегль, а это негативно влияет на читаемость.</p>
52
<p>Чтобы не мучиться с двумя огромными и одинаковыми таблицами, объедините их в одну. Вам будет проще уместить её на макете, а читателю - сравнить данные:</p>
52
<p>Чтобы не мучиться с двумя огромными и одинаковыми таблицами, объедините их в одну. Вам будет проще уместить её на макете, а читателю - сравнить данные:</p>
53
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox MediaИсточник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>Если в вашей таблице есть ячейки с одинаковыми показателями, вынесите их из таблицы в примечание или сопроводительный текст. Тогда вместе с шириной уменьшится шапка, так как вам не придётся умещать в неё дополнительные длинные фразы.</p>
53
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox MediaИсточник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>Если в вашей таблице есть ячейки с одинаковыми показателями, вынесите их из таблицы в примечание или сопроводительный текст. Тогда вместе с шириной уменьшится шапка, так как вам не придётся умещать в неё дополнительные длинные фразы.</p>
54
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox MediaИсточник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>* * *</p>
54
Источник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox MediaИсточник данных: Аркадий Мильчин и Людмила Чельцова / Справочник издателя и автора (шестое издание) / издательство "Студия Артемия Лебедева". Изображение: Skillbox Media<p>* * *</p>
55
<p><strong>Больше о тексте в дизайне</strong></p>
55
<p><strong>Больше о тексте в дизайне</strong></p>
56
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
56
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>