Что такое текстовые стили и как ими пользоваться

В данной статье пойдет речь о способе дизайна текста – текстовых стилях. Она поможет ознакомиться с базовым оформлением текста.

«Текстовые уловки»

В различных текстах (например, в статьях) помимо основного набора предложений есть так же Общий заголовок и заголовки разделов текста (подзаголовки). В профессиональных или научных текстах могут фигурировать различные ссылки, сноски, цитаты, заметки на полях (это так называемые «фактоиды» по Артему Горбунову*), списки, таблицы и выделения части текста в общем текстовом ряду. Это все можно назвать «текстовыми уловками».

Текстовые уловки – это те части текста, которые несут в себе собственную функциональную нагрузку. Ссылки – ссылают на какой-либо источник информации. Сноски указывают источник информации или дают дополнительную информацию. Цитаты аргументируют мысль текста. Заметки на полях (фактоиды) – это сноски на поля текста для завлечения и повышения интереса читателя к тексту. Списки, таблицы и графики помогают визуализировать информацию из текста, тем самым облегчая понимание текста. Выделение части текста в общем текстовом ряду обращают внимание читателя именно на эту часть текста.

Стиль текста

Все текстовые уловки предназначены для разделения единого текста на смысловые части, при этом читатель увидит единую структуру текста и заострит внимание на важной выделенной информации. Читатель будет легко ориентироваться в таком тексте, при беглом прочтении охватывать и запоминать главные мысли и суть текста. Для выполнения смысловой нагрузки текстовых уловок, они должны контрастировать по стилю на фоне друг друга.

Что такое текстовые стили и как ими пользоваться

Контраст – заметное различие вещей друг от друга. Например, контрастные цвета – красный и синий – исключается возможность перепутать их, при этом легко запоминается примерное расположение их в тексте. Поэтому текстовые уловки применяют свойства контраста – для отличия их друг от друга.

У различных текстовых уловок могут быть разные:

  • Шрифт;
  • Начертания (жирность, курсив);
  • Размер шрифта;
  • Цвет.

Из таких особенностей «формы» текстовых уловок состоит – стиль. У каждой уловки должен быть свои стиль – в этом весь секрет удачно написанного текста. Но очень важно соблюдать пределы разумного и не переборщить, в противном случае при максимальном контрасте получится пестрая «солянка» из текста и всех его уловок.

Применение стилей в программах

В подавляющем числе текстовых редакторов есть приспособления работы со стилями. На худой конец, существуют встроенные стили, которые можно применить, но отредактировать нельзя. Например, в известной программе «Optima» невозможно редактирование стиля. В программе типа «Sublime Text» не предусмотрены привычные стили, вроде заголовков, но разные типы данных можно окрашивать в контрастные цвета. Далее рассмотрим использование стилей в текстовых редакторах Microsoft Word, Tilda Publishing, Adobe PhotoShop, Google Docs.

Microsoft Word

В данном текстовом редакторе стили можно найти во вкладке «Главная», панель «Стили». Шаблоны в Ворде содержат набор стандартных стилей. Также их можно создать свои стили или изменить уже существующие стандартные стили. Стили подзаголовков, если требуется, создаются автоматически.

Что такое текстовые стили и как ими пользоваться

Tilda Publishing

Tilda Publishing – это редактор создания сайтов из модулей. Каждый модуль – это операторная мера или функциональная единица. Как правило, один такой модуль – это одна «текстовая уловка», но могут встречаться сочетание текст и цитата или заголовок и текст. Стили текста, заголовков и подзаголовков задаются сразу для всего сайта целиком. Но стили отдельных модулей можно изменить в его настройках в меню слева.

Что такое текстовые стили и как ими пользоваться

Adobe PhotoShop

В Adobe PhotoShop (от версии CS6) существуют два раздела, которые отвечают за стили текста – это «Стили символов» и «Стили абзацев». Сама программа Adobe PhotoShop рекомендует воспользоваться «Стили абзацев» для текстовых уловок данного файла, а «Стили символов» для изменений текста в текстовом ряду с частой не больше двух раз во всем файле. Похожие разделы работы со стилями текста есть в других продуктах Adobe (например, Adobe Illustrator, Adobe InDesign).

Что такое текстовые стили и как ими пользоваться

Google Docs

Google Docs – это онлайн текстовый и табличный «облачный» редактор. В Гуглдокс существует стандартная для всех текстовых редакторов панель стилей в верхней части редактора. Весь текст редактируется по заданному стилю. Стиль у заголовков разных уровней можно выбрать автоматический и как в MS Word отредактировать стиль и сохранить его как «исходный» для всех последующих работ в этом текстовом редакторе.

HTML и CSS

Верстальщикам сайтов это покажется весьма нехитрым делом, так как CSS – это «каскадные таблицы стилей», а HTML – разметка текстовых уловок веб-страницы. В HTML-документе следует выделить обычный текст дескрипторами <p>, заголовок 1, заголовок 2 — <h1>, <h2> и так далее, цитата выделяется <blockquote> или <q>, ссылка <a>, список <ol> или <ul> и все остальные текстовые сущности выделяются по аналогии. CSS предназначен для выбора стилей этих текстовых уловок.

Что такое текстовые стили и как ими пользоваться

Преимущества

Преимущества данных возможностей текстовых редакторов и текстовых стилей как таковых огромны. С позиции читателя комфортное чтение и ориентация по всему тексту. Легко воспринимается и запоминается главная мысль разделов и всего текста. Также легко прослеживается структура текста, читатель мысленно отделает главную информацию от дополнительной. Некоторые текстовые уловки делают текст более наглядным, что улучшает восприятие текста.

С позиции редактора или автора текста стили легко подвергаются изменениям. Возможно создание уникального и единственного в своем роде стиля, который может стать «визитной карточкой» автора, редактора или целого сайта. Благодаря стилям текста, все изменения и редактирования происходят автоматически, что, несомненно, экономит время.

Что такое текстовые стили и как ими пользоваться
Вам понравилось?

comments powered by HyperComments