➿
Visual Legals

❓ А вот вам пример настоящего Legal Design. Как компания Visual Legals визуализирует условия договоров. Подробности можно посмотреть на их сайте и лучше сразу провалиться в раздел с портфолио. Чтобы почитать описание задач и решений и, конечно, изучить сами документы.

⬇️Общие принципы:
❤️Индивидуальный дизайн документов в соответствии с фирменным стилем заказчика;
❤️Простой и понятный текст, адаптированный под целевую аудиторию;
❤️Обязательное включение инфографики;
❤️Уникальные заголовки для каждого раздела, сопровождающиеся иллюстрациями или иконками;
❤️Адаптивный формат для разных носителей.

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

➡️ Итог: смелый Legal Design — это рабочая и развивающаяся практика. Как думаете, прижилось бы такое у нас, хотя бы в работе с физлицами?


P.S. Кирилл, спасибо за наводку!


#Пример │#VisualLegals

@GoodDocsDesign

➿
❓ Снова распространённая проблема с заглавными буквами. Напомню, что заглавные буквы не выделяют текст, а делают его нечитаемым. Кратко: из-за того, что в заглавных нет отличительных черт каждой буквы, чтение затрудняется. Например, у буквы «р» — нижний выносной элемент, или у буквы «б» — верхний. Эти и другие особенности букв являются основой лёгкого восприятия текста.

При использовании заглавных этот контраст форм букв значительно уменьшается.

⬇️Чтобы выделить текст, нужно использовать другие приёмы. В нашем случае — простые и универсальные.


#Пятница │#Заглавные

@GoodDocsDesign

➿
➡️1-й пример. Исходя из контекста документа, нужно было выделить текст с обращением к пользователю. Один из способов — это использование рамок или плашек. Если их применить, то они решат сразу две задачи:
🛑выделить нужный текст;
🛑отделить его от общего повествования документа.

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

➡️2-й пример. Здесь текст объёмный, и рамка или плашка привлечёт больше внимания, чем нужно. Поэтому использую самое простое решение — добавляю подзаголовок.

✅ Итог: не используем заглавные буквы для выделения предложений, абзацев и тем более целых страниц текста. Для выделения применяют другие приёмы: начертание шрифта, графические элементы. Приёмы можно комбинировать (имею в виду графику между собой и одно начертание шрифта), а не ЗАГЛАВНЫЕ ПОЛУЖИРНЫМ КУРСИВОМ С ПОДЧЕРКИВАНИЕМ.


🗓 P. S. Всем хороших наступающих выходных!


#Пятница │#Заглавные

@GoodDocsDesign

➿
В продолжение темы про выделение объёмного текста.

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

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


#Пример │#Согласие │#Рамки

@GoodDocsDesign

➿
Простое оформление цитат, обращений и т.д.

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

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

❗️ Нюансы:
❤️лучше сначала оформить весь основной текст, а в конце выделить цитаты, чтобы линия появилась только у нужных фрагментов;
❤️в абзаце, который будет выделен таким образом, нужно установить левый отступ 0,25 см, чтобы линия не выходила за пределы поля страницы;
❤️чтобы увеличить отступ текста от линейки нужно зайти в том же меню в «Границы и заливка... — Граница — Параметры», задать нужные значения в «Поля»;

⬇️Конечно, лучше проще всего создать стиль, а потом «прощёлкивать» нужный текст через F4 и применять его. В комментариях я добавил шаблон с 3-мя настроенными стилями оформления (как на картинке в превью), чтобы вы могли просто скопировать их.


#Приём │#Цитирование

@GoodDocsDesign