1. Приёмы работы:
1.1. Как сделать заполняемые поля; ▶️
1.2. Как убрать переносы в заголовках.

2. Статьи:
2.1. Скрытая сила типографики. Как дизайн текста влияет на восприятие;
2.2. Какую диаграмму выбрать, чтобы правильно отобразить данные;
2.3. 11 правил оформления списков и перечней.

3. Шаблоны:
Трудовой договор.🔒

4. Примеры:
4.1. Методичка по юридическому дизайну от актив Legal Operations ОКЮР;
4.2. Как визуально оформить списки;
4.3. Пример интервалов с писках.

5. Пятничное. Антипримеры:
5.1. Почему не нужно писать текст заглавными;
5.2. Как нежелательно оформлять списки.



Спасибо за доверие🤗


#Обзор │ #Апрель2024

@GoodDocsDesign

Время изучения: 5 минут.

Знаю, что многие сейчас ведут социальные сети, поэтому выходная статья на эту тему.

7 правил типографики, которые желательно применять для оформления ваших постов. Статья ещё интересна обилием примеров и ссылок на полезные источники.

➡️Ссылка на статью: https://www.uprock.ru/articles/sozdaem-klassnuyu-tipografiku-dlya-postov-v-socialnyh-setyah-7-sovetov


P.S. Всем хороших выходных!

#Статья │ #Типографка │ #ОформлениеПостов

@GoodDocsDesign

Продолжительность изучения: 10 минут

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

Это наглядно рассказано через серию простых и действенных приёмов:
1️⃣ почему текст нужно разбивать на абзацы и как это делать правильно;
2️⃣ почему важно использовать подзаголовки;
3️⃣ как использовать колонки и заголовки к ним;
4️⃣ когда применять и как оформлять графику в тексте;
5️⃣ как правильно поворачивать текст;
6️⃣ для чего нужно изменять размер шрифта;
7️⃣ где уместно применять оттенки цвета текста;
8️⃣ как правильно подобрать к шрифту пару.

Кому понравится, лучше ещё раз изучить статью, чтобы запомнить нюансы.

Любая трудность, возникающая перед читателем, означает потерю качества материала

➡️Ссылка на статью: https://infogra.ru/typography/kak-sest-slona-sposoby-detalizatsii-bolshogo-teksta


#Статья │ #Типографика │ #ОформлениеТекста

@GoodDocsDesign

Пятничное. Выделение полужирным нумерации и ссылок на пункты договора

Заметил ещё одну интересную моду, почему-то уже несколько договоров подряд присылают в таком формате. Раннее они редко встречались.

Видно, как нумерация отвлекает от условий договора. Они просто теряются в ряби полужирного, особенно если предложение в одну строку.

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

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

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

Ниже простой приём исправления⬇️


#Пятница │ #ВыделениеПолужирным │ #Нумерация

@GoodDocsDesign

Решение

Нумерация:
🔵сделать нормальный швейцарский абзац;
🔵нумерацию оформить на одном уровне.

Можно уменьшить шрифт нумерации. Она будет видна на контрасте с основным текстом.

Ссылки:
🔵оформить привычным способом через инструменты текстового редактора;
🔵сделать их активными.

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


P.S. Всем хороших выходных!

#Пятница │ #ВыделениеПолужирным │ #Нумерация

@GoodDocsDesign

Как сделать динамическую ссылку

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

Итак, как сделать перекрёстную ссылку?
Заходим — вставка — перекрестная ссылка. В выпадающем меню выбираем:
🔵тип ссылки — абзац или нумерованный список. Тут зависит от стиля, который вы назначили для вашего текста;
🔵вставить ссылку на — выбираем номер абзаца. Word автоматически вставит в ваш текст номер абзаца, поэтому в тексте оставляем пустое место, не нужно в ручную вводить номер пункта, на который необходимо сослаться;
🔵ставим галочку — Вставить как гиперссылку;
🔵в окне просмотра — Для какого абзаца, выбираем нужное условие документа;
🔵нажимаем — Вставить или жмём пробел.

Даже если ваш ссылаемый пункт поменяет место, то номер ссылки изменится. Но тут тоже нюанс, номер сам не поменяется и самый простой способ его обновить, через клик на номер — нажимаем обновить поле. А если ссылок много, то выделяем весть документ — CTRL+A, далее F9. Все новые ссылки обновятся.


#Приёмы │ #ПерекрестнаяСсылка

@GoodDocsDesign

Пятничное

Получил такой документ и даже не знаю, как это назвать😁 Юридический панк?

В этом договоре смешалось всё: разные шрифты, выделения, выравнивание и т.д. В общем, всё, чего делать не нужно!

Ниже пример исправления⬇️


#Пятница

@GoodDocsDesign

Лист ознакомления с ЛНА

Продолжим тему с трудовыми документами. Андрей Власов попросил сделать к трудовому договору лист ознакомления.

Не знаю, почему у нас любят подписываться на против каждого документа, а не хотят этот вопрос оптимизировать, но можно отталкиваться от этого в оформлении документа. Конечно, с ограничением Word и самого шаблона.

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

⬇️Ссылка на шаблон: https://disk.yandex.ru/i/D2HaHn43Gs3yiA


#Шаблон │ #ЛистЛНА

@GoodDocsDesign

5 бесплатных сервисов для работы с документами

Редактировать PDF — Ilovepdf
С помощью веб-сервиса можно сжимать файлы для отправки по почте или в мессенджерах, удалять и добавлять отдельные страницы, разделять и совмещать файлы.

Подписать цифровую версию документа — Контур.Крипто
С помощью облачного сервиса можно быстро подписать документы, не требующие моментальной отправки контрагенту. Поставить электронную подпись можно на файлы различных форматов: PDF, Word, Excel, сканы и фото.

Распознать PDF документы — DBrain
Нейросеть помогает распознать данные из 23 разных типов документов (накладные, паспорта, договоры, ИНН и другие), сохраненных в формате PDF. Алгоритм очищает изображение от искажений, выравнивает страницу документа и быстро извлекает данные из файла. Сервис может быть интегрирован с любой современной системой электронного документооборота.

Проверить договор на риски — Contract
Сервис на основе ИИ подсвечивает пункты договора, на которые следует обратить внимание, а также дает рекомендации по изменению формулировок. Поможет быстро проверить документ и снизить риски при заключении контракта.

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


➡️ Подборку помогли собрать коллеги из компании Embedika.


#Нейросеть | #Подборка | #Документы

@GoodDocsDesign

Цитирование. Границы и заливка текста

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

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

Главное, чтобы оба элемента были неброскими. Не хотелось делать их привычным способом, в виде полужирного заголовка размером в абзац.

Ниже простой приём, как сделать похожее оформление в Word⬇️


#Пример | #ГраницыИзаливка | #Текст

@GoodDocsDesign

🕐Время изучения: 5 минут.

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

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

➡️Ссылка на статью: https://vk.com/@-62268523-pravila-blizosti-v-dizaine


#Статья │ #ПринципБлизости

@GoodDocsDesign

Реквизиты сторон

Никогда не понимал, почему столько разных вариантов оформления реквизитов встречаю. И каждый изощрённее другого. Почему нельзя сделать проще, зачем усложнять?

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

Про заголовок отдельно. Зачем так его обозначать? Получается, кроме адресов и платежных реквизитов больше ничего нет. Но есть же почтовый адрес, эл. почта и т. д.

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

Ниже простой вариант оформления⬇️


#Пятница │ #Реквизиты

@GoodDocsDesign

Вариант исправления

Упрощаем заголовок. Можно добавить подписи, если они вместе.

Далее такая же простая таблица, но со структурой:
🛑наименование сторон;
🛑реквизиты сторон;
🛑в конце — банковские реквизиты.

Часто мы указываем банковские реквизиты в середине, а далее контакты. Но по логике можно понять, что это контакты банка. И в силу привычки мы понимаем, что эта информация относится к организации, а не к банку. Лучше, конечно, всё это отделять, одни реквизиты к одним, другие — к другим.

Этот пост больше про структуру, чтобы каждые данные находились вместе. Вариантов же оформления много, и чем проще, тем лучше.

Интересный пример, когда название каждого реквизита залито серым цветом, так они лучше воспринимаются. И ещё один плюс — убирается проблема со знаками препинания. Обычно после адреса ставим двоеточие, а после ИНН, нет и т. д. Лучше, чтобы было единообразие.


P.S. Всем хороших выходных!

#Пятница │ #Реквизиты

@GoodDocsDesign