На канале «Как это сверстано» проходил конкурс на близкую нам тематику. Участникам необходимо было переверстать сообщение из банка о подаче уведомлений и уплате налога (картинка в превью).
⬇️ По итогу дизайнеры сделали много вариантов, с которыми обязательно нужно ознакомится в комментариях! Но победителей было двое, следующий пост с их работами.
#Пример │ #Налоги
@GoodDocsDesign
#Пример │ #Налоги
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥2
Работы победителей
Комментарии судейства:
💡 Обязательно берём на вооружение подход и методы к работе.
❗️ Самое интересное, вопреки расхожему мнению, дизайнеры сделали лаконичные макеты без каких-либо лишних элементов.
#Пример │ #Налоги
@GoodDocsDesign
Комментарии судейства:
В обоих вариантах даты не вынесены в шапку и поэтому не нужно прыгать глазами наверх. С одной стороны, это повтор, но с другой, читать такой текст проще и выглядит он тоже проще. В отличие от исходной верстки, даты не раскиданы по тексту, а выстраиваются в столбик.
#Пример │ #Налоги
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍6❤2
#Пятница │ #Реклама
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
#Пятница │ #Реклама
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤5😍5
#Приёмы │ #Шрифт │ #Подчёркивание │ #Надстрочный
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10👍7🤝1
Шепчущие заголовки
❓ Попался безликий пример договора. Одна сплошная стена текста. На бумаге документ выглядит ещё более невыразительным.
❌ Как-то даже интересно. То главные ошибки в частном выделении всего подряд, а тут такой контраст в обратную сторону. Работать с подобным договором даже сложнее, чем в первом случае. Если что-то нужно найти, то потратишь намного больше времени.
✅ И снова решение проблемы простое — выделить заголовки. Лучше не просто полужирным, а увеличить размер текста на пару пунктов. Главное — не выделять их одними заглавными буквами, а то шёпот превратиться в крик😁
❗️ Конечно, договор и дальше нужно привести в удобочитаемый вид, но сегодня пост о заголовках.
🗓 P. S. Всем хороших наступающих выходных!
#Пятница │ #Заголовки
@GoodDocsDesign
#Пятница │ #Заголовки
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16👌6👀2
Размеры интервалов
❓ Более-менее универсальные интервалы для ваших документов. Нам главное — простота и скорость. Поэтому не мудрил с точным подбором размеров.
❗️ В примере указал интервалы для 3-х уровней иерархии, что подойдёт для большинства документов. Если в вашем документе нет списков, то смело его игнорируем.
✅ Лучше задать все значения в стили указанного текста и работать так в дальнейшем!
#Приёмы │ #Интервалы
@GoodDocsDesign
#Приёмы │ #Интервалы
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤4🤝1
Договор в две колонки
❓ Нередко встречаю договоры, которые оформляют в несколько колонок. И вот почему так делать не нужно.
❗️ Когда мы читаем текст на бумаге, то этот вариант для сокращения текста подходит. Мы начинаем читать сверху. перемещаемся по колонке вниз, потом снова переводим взгляд наверх, к следующей колонке. Далее опять вниз и т. д.
❌ Но в основном, мы изучаем документы на экране. Даже если у вас большой монитор, то этот способ неприемлем. Взгляду приходится скакать туда-сюда, иногда и прокручивать страницу. Получается ограниченный охват страницы взглядом.
Да и оформляют колонки таким образом, что поля документа маленькие, также как и расстояние между ними. Текст получается слишком плотным. А отсутствие подзаголовков усугубляет проблему. В итоге нечитаемая стена текста превращается в ребус.
✅ Как исправить. Не пытаться уместить так весть текст, лучше его оптимизировать. Если речь идёт о коротком документе и есть причины для его такого расположения, то можно применять, только не более одной страницы. В сложных документах точно не нужно так делать.
#Пятница │ #Текст │ #Колонки
@GoodDocsDesign
Да и оформляют колонки таким образом, что поля документа маленькие, также как и расстояние между ними. Текст получается слишком плотным. А отсутствие подзаголовков усугубляет проблему. В итоге нечитаемая стена текста превращается в ребус.
#Пятница │ #Текст │ #Колонки
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
❤13👍7
Раздел термины
✅ А вот что можно оформить в две колонки — это ещё один нелюбимый раздел документов. В этом случае текст состоит из коротких фрагментов, которые разделены отступами. Взгляд перемещается от одного термина, выделенного полужирным, к другому.
🏷 Заодно этот способ поможет отделить раздел терминов от общего текста документа.
😕 Кстати, в примере договора выше раздел терминов на 4 страницы. Это рекорд! Лучше не повторять такое решение.
🗓 P. S. Всем хороших наступающих выходных!
#Пятница │ #Текст │ #Колонки │ #Термины
@GoodDocsDesign
#Пятница │ #Текст │ #Колонки │ #Термины
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9👍6
Заявление
❓ Пример заявления, которое можно заполнять и вручную. Заявление было оформлено под мои задачи, но по сути, форма универсальная. Только изменить под любой другой документ для такого способа работы с ним.
Логика оформления:
🛑 Шапка с наименованием получателя полужирным. Всё таки считаю, что её лучше выделять. Тем более, что далее будут выделены только основные и связанные моменты: кому, от кого, название и согласование документа;
🛑 Основной текст довольно короткий, всё в привычном виде;
🛑 Далее идёт модуль подписей. Т. к. в документе уже есть поля для заполнения, которые залиты серым цветом, то поля для подписей лучше отделить. Просто делаю их чёрным цветом. Можно добавить иконки и символы, как писал в этом посте;
🛑 Последний модуль — согласование. Его необходимо также отделить от основного текста документа, поэтому заключаю его в рамку. Это типовой способ для этих целей. Само согласование оформляю более привычным способом, только делаю это правильно для заглавных букв.
➡️ Если вам понадобится подобное заявление, то выложил шаблон на закрытом канале
#Шаблон │ #Заявление
@GoodDocsDesign
Логика оформления:
#Шаблон │ #Заявление
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍6❤5🔥3
#Приёмы │ #Колонки
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤2🤝1
Совпадение? Не думаю!
📚 Не так давно я наконец добрался до книги нашего любимого Павла Мищенко. И, как раз в среду, он анонсировал запуск дополнительного тиража – ранее приобрести книгу было довольно сложно.
♥️ Чтение этой книги доставляет истинное удовольствие! Павел сумел раскрыть основу юридического дизайна доступным и понятным языком. Какими и должны быть наши документы. Рекомендую всем без исключения!
👨💼 Паш, если увидишь этот пост, то низкий тебе поклон!
⚜️ Дополню. Книга уникальная, чего-то похожего по работе с юридическим текстом не найдёте. А главное, всё это на огромном количестве примеров. Книга — практика!
🔄 Глава про канцелярит 🔥
😐 Вопрос тем, кто изучал книгу. Вы тоже её читали голосом Павла с его интонацией?
#Книги │ #ЮридическийДизайн
@GoodDocsDesign
#Книги │ #ЮридическийДизайн
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥8❤2🔥2💩2🤡1
Книги
📚 Кстати, могу выпускать посты о книгах. Например, о базовом наборе, который поможет лучше разбираться в основах дизайна, вёрстки, типографики. Совсем углубляться не буду, подберу что-то простое и такое же понятное.
🔵 Но мне нужно понять, стоит ли это делать. Поэтому, если соберём хотя бы 30 любых реакций, то следующая рекомендация на будущей неделе.
#Книги
@GoodDocsDesign
#Книги
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
❤56👍24⚡5
📝 Приёмы работы:
1. Как визуально оформить ссылки: цвет подчёркивания текста и надстрочный шрифт;
2. Делаем правильные интервалы в документах;
3. Как разбить текст на колонки.
🔎 Примеры:
1. Как можно оформить поля для заполнения;
2. Примеры вёрстки налоговых уведомлений.
📄 Шаблоны:
1. Вводный текст согласия на обработку персональных данных;🔒
2. Заявление. Универсальная форма, если заявление нужно заполнять и в ручную.🔒
⚠️ Пятничное. Антипримеры:
1. Оформление текста шапки договора находчивым заказчиком;
2. Юридический текст в рекламе. И как его поправить;
3. Шепчущие заголовки. Почему важно выделять заголовки в тексте;
4. Договор в две колонки. Почему так делать не стоит, а также, что можно так оформить.
📚 Книги
Павел Мищенко — Юридический дизайн. Как делать понятные договоры.
Спасибо всем за доверие!🤗
#Обзор │ #Ноябрь2024
@GoodDocsDesign
1. Как визуально оформить ссылки: цвет подчёркивания текста и надстрочный шрифт;
2. Делаем правильные интервалы в документах;
3. Как разбить текст на колонки.
🔎 Примеры:
1. Как можно оформить поля для заполнения;
2. Примеры вёрстки налоговых уведомлений.
📄 Шаблоны:
1. Вводный текст согласия на обработку персональных данных;🔒
2. Заявление. Универсальная форма, если заявление нужно заполнять и в ручную.🔒
⚠️ Пятничное. Антипримеры:
1. Оформление текста шапки договора находчивым заказчиком;
2. Юридический текст в рекламе. И как его поправить;
3. Шепчущие заголовки. Почему важно выделять заголовки в тексте;
4. Договор в две колонки. Почему так делать не стоит, а также, что можно так оформить.
📚 Книги
Павел Мищенко — Юридический дизайн. Как делать понятные договоры.
Спасибо всем за доверие!
#Обзор │ #Ноябрь2024
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🤝1