#Пример │ #Согласие
@GoodDocsDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤5❤🔥2
На канале «Как это сверстано» проходил конкурс на близкую нам тематику. Участникам необходимо было переверстать сообщение из банка о подаче уведомлений и уплате налога (картинка в превью).
⬇️ По итогу дизайнеры сделали много вариантов, с которыми обязательно нужно ознакомится в комментариях! Но победителей было двое, следующий пост с их работами.
#Пример │ #Налоги
@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