Пишем красиво. Простые идеи для оформления цитат. #2 Рамки, блоки, пузыри

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

1. Простая рамка

Даже при нейтральном фоне простая лаконичная рамка будет к месту. Этот элемент придаёт дизайну завершённый аккуратный вид и визуально дополняет текст. Поэтому, если нет времени для поиска и обработки фонового изображения, всегда можно подыскать или нарисовать простенькую рамку.

2. Декоративная рамка

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

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

3. Простой текстовый блок

Если текст теряется на броском фоне, его можно поместить в отдельный блок. Самый простой и доступный вариант – написать слова на цветном прямоугольнике или внутри круга. 

При подборе цвета для блока стоит ориентироваться на гамму фона, но в то же время нельзя допускать слияния блока с основным изображением. Если обрамление текста потеряется или станет трудноразличимым, то пропадёт его основная задача – выделить слова. 

Можно сделать текстовый блок полупрозрачным, но тогда придётся придать дополнительной яркости тексту.

4. Фигурный текстовый блок

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

5. Яркий минимализм

Текстовый блок можно разместить и на простом фоне, задав при этом максимальную контрастность. Яркий акцент создаст нужное настроение и привлечёт внимание.

Используя всего два цвета, можно создать лаконичный и броский дизайн.

6. Модули

Несколько одинаковых блоков на макете называются модулями. Такое оформление подходит для коротких цитат – слова вписываются в модули, расположенные в определённом порядке. 

Главное – проследить, чтобы текст не терялся на фоне, а модули не выбивались из общей композиции.

7. Телеграмма

Одна из вариаций модульного оформления текста – имитация бумажной телеграммы. Такой стиль не только моден и лаконичен, но и создаёт впечатление адресности послания, то есть зритель понимает, что фраза адресована именно ему.

Создать такой дизайн не сложно: находим изображения бумажных ленточек, пишем на них слова и помещаем на макет. 

По сравнению со строгими модулями, оформление «телеграммы» более свободно – для блоков можно использовать разные оттенки, да и расположение не обязано быть ровным и симметричным.

Только не стоит «телеграфировать» объёмные тексты, иначе они могут потеряться в сложной композиции.

8. Речевые пузыри и облака

Речевые пузыри используют в комиксах, чтобы передать слова героев. Это круги или овалы рядом с персонажами, куда вписана их прямая речь.

Такой приём можно свободно использовать для цитирования, формируя текстовый блок в виде пузыря. 

Речевой пузырь можно разместить рядом с «автором» послания – условным или реальным. Если внести в макет изображение реального человека, которому принадлежит высказывание, нужно сначала перепроверить лицензию на используемую фотографию. 

Но персонаж на макете может быть не реальным, а только условным. 

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

Ещё пузыри отлично подходят для имитации переписки и оформления диалоговых цитат.

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

В следующей статье обратим внимание на шрифты и декоративные элементы.