➿
❓ Небольшой совет из курса Игоря Штанга по вёрстке таблиц: как лучше располагать данные в узкой колонке.

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

✒️ Уже готовлю наглядный пример спецификации, где видно, как это работает на практике.


➡️ Ссылка на совет: https://www.group-telegram.com/kaketosverstano/386


#Статья │ #Таблица

@GoodDocsDesign

➿
Спецификация

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

✒️ Если первую цель можно достичь, используя типовые правила вёрстки — например, контраст размеров шрифтов и цветовых заливок. То во втором помогли приёмы из курса по работе с таблицами. Среди них:
🛑ранее указанное центральное выравнивание узкой колонки с единицами оборудования;
🛑правое выравнивание столбца с ценами — это создаёт визуальный контраст и симметрию, а значит, что улучшает читаемость и восприятие.

⬇️Сам документ выкладываю ниже.


#Шаблон │ #Спецификация

@GoodDocsDesign

➿
Контраст

❓ Раз уж упомянул о контрасте текста, то сегодня покажу на примерах простой способ его создать.
В превью — документ с типичным уровнем оформления:
🛑одинаковый размер шрифта для всех типов текста,
🛑заголовки разделов крупнее, чем основной заголовок,
🛑выделенный основной текст везде одинаков, хотя смысл у него разный.
🛑ну и жирный курсив — перебор.

Посмотрим, как улучшится его внешний вид, если применить контраст. Пока только к тексту ⬇️


#Пятница │ #Контраст

@GoodDocsDesign

➿
Контраст. Изменения

❗️ Главное — задать иерархию. Выстраиваю размеры шрифта от большего к меньшему:
🛑главный заголовок — самый крупный,
🛑заголовки разделов — чуть меньше,
🛑затем основной текст,
🛑в конце — самый мелкий шрифт (им можно оформить дату и терминологию).

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

✅ Итог. Когда заголовок выполнен шрифтом большего размера, а основной текст — меньшего, читателю проще понять, где начинается новый раздел и на что обратить внимание в первую очередь.

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


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


#Пятница │ #Контраст

@GoodDocsDesign

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


#РазмерШрифта

@GoodDocsDesign

➿
❓ Simplawyer рассказали о своём новом кейсе. Как всегда — эталон качества работы. Яркий и показательный пример того, что Legal Design — это эффективный рабочий инструмент!

♥️ Особенно нравится их подход к оптимизации: как из десятков документов они выстраивают модульные шаблоны. И самое интересное, конечно, — в описании процесса: https://www.simplawyer.com/legal-design/mes/

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


#Пример │ #Simplawyer

@GoodDocsDesign

➿
Пятница. Сложные заголовки

❓ Хотя интересно уже то, как наш любимый раздел «Права и обязанности» переместился сначала в название соглашения, а затем и в текст преамбулы. И зачем он вообще в договоре поставки — отдельный вопрос. Но сегодня лучше расскажу, как оформлять сложные заголовки.

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

⬇️ Ниже как всегда простое решение


#Пятница │ #Заголовки

@GoodDocsDesign

➿
Решение

➡️ Сначала работаем с текстом — где можно, сокращаем.

➡️ Далее применяем принцип оформления: если заголовок длинный, его нужно разбивать на части и оформлять их по-разному. В примере видно, что заголовок включает:
🛑соглашение;
🛑договор;
🛑наименование соглашения.
Эти три элемента следует контрастно разделить. Подойдут бирки (см. первые три примера) или подзаголовки (см. оставшиеся три).

❗️ Способов много — главное, не превращать всё в один длинный и жирный кусок текста.

⬇️Ниже — файл с примерами в формате docx.


#Пятница │ #Заголовки

@GoodDocsDesign

Примеры


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


#Пятница │ #Заголовки

@GoodDocsDesign