Базовые правила сборки КП
для самопроверки и вашего ментального здоровья
для самопроверки и вашего ментального здоровья
— адрес страницы, которое присвоите при ее публикации (не создавайте длинных имен - не влезет)).
Строчка нужна, чтобы был виден адрес страницы в распечатанном виде
Строчка нужна, чтобы был виден адрес страницы в распечатанном виде
Оставляем записки клиенту
— дата создания КП клиенту
— название компании кому
— название компании кому
Шрифты
1
Этапы в КП
крупные заголовки: 32рх interitalic
заголовки: 20рх interitalic / inter bold
основной текст: 16рх inter light
межстрочное расстояние 24рх
крупные заголовки: 32рх interitalic
заголовки: 20рх interitalic / inter bold
основной текст: 16рх inter light
межстрочное расстояние 24рх
крупные заголовки
InterItalic 32px medium
InterItalic 32px medium
Inter - 20 рх bold
ВЕЗДЕ
Межстрочное расстояние 24рх
Межстрочное расстояние 24рх
Весь массив текста:
Inter 16 рх light
Выделения:
Inter 16 рх bold
Inter 16 рх light
Выделения:
Inter 16 рх bold
InterItalic - 16 рх normal
InterItalic - 20 рх normal
InterItalic - 20 рх bold
InterItalic - 20 рх bold
InterItalic - 20 рх bold
выделяем основную мысль про что этап
выделяем основную мысль про что этап
2
Отступы
По всему документу отступы между абзацами = один пробел
отбивка два пробела
отступ снизу у всех блоков: 2.0:60рх
отступ сверху у всех блоков: 3.0:90рх
у сносок, фото и кнопок: 1.0:30рх
у сносок, фото и кнопок: 1.0:30рх
у сносок, фото и кнопок: 1.0:30рх
3
Сноски и выделения:
Самый быстрый способ выделить фразу в массиве текста.
На панели сверху выделите текст жирным (кнопка B), затем нажать "...": выберите "маркер", желтый цвет, "применить"
Inter 16px bold
На панели сверху выделите текст жирным (кнопка B), затем нажать "...": выберите "маркер", желтый цвет, "применить"
Inter 16px bold
Inter - 16 рх bold
это готовый отдельный блок для сносок он есть ниже для копирования
это готовый отдельный блок для сносок он есть ниже для копирования
4
блоки со сносками для копирования в КП
(на сером фоне используем в блоке итоговой стоимости проекта)
(на сером фоне используем в блоке итоговой стоимости проекта)
В стоимость не входит отрисовка планировок, иллюстраций и проведение фотосессий. Дизайнер использует материалы, предоставленные заказчиком или материалы, доступные на платных и бесплатных стоках.
В стоимость не входит отрисовка планировок, иллюстраций и проведение фотосессий. Дизайнер использует материалы, предоставленные заказчиком или материалы, доступные на платных и бесплатных стоках.
5
блок с кнопками для копирования в КП
кнопки для ссылок на сторонние ресурсы, например, опросы
кнопки для ссылок на сторонние ресурсы, например, опросы
6
блок для фото, любых примеров
если не нужен текст слева для комментария клиенту,
его нужно просто выделить и удалить
если не нужен текст слева для комментария клиенту,
его нужно просто выделить и удалить
Нашли такой пример рендера и оставили заказчику комментарий, если он нужен
7
работа с таблицами
внести изменения в строчку таблицы
внести изменения в строчку таблицы
таблица с черной шапкой — основные работы
с розовой шапкой — дополнительные
Нижние строчки «итогов» и «сумма итогов» окрашиваются самостоятельно при публикации страницы в соответствующий цвет.
если «окрашивания» нижних строчек не происходит, скопируйте блок с таблицей в образце КП и перенесите информацию
с розовой шапкой — дополнительные
Нижние строчки «итогов» и «сумма итогов» окрашиваются самостоятельно при публикации страницы в соответствующий цвет.
если «окрашивания» нижних строчек не происходит, скопируйте блок с таблицей в образце КП и перенесите информацию
навести на сам блок, нажать «контент», затем выбрать «контент таблицы», сверху в карточке будут иконки для копирования, перемещения, скрытия и удаления строчки,
а также редактирования всей строчки
а также редактирования всей строчки
управление строчками таблицы происходит в карточках, которые можно перемещать между собой, также скрывать и удалять
8
работа со ссылками на кейсы
Навести на сам блок, нажать "контент",
выбрать нужные страницы.
Навести на сам блок, нажать "контент",
выбрать нужные страницы.
9
добавить/удалить описание к кейсу ☝
В строчке с нужным кейсом нажать "настройки" в виде шестеренки, в открывшемся блоке ввести текст
и сохранить изменения
В строчке с нужным кейсом нажать "настройки" в виде шестеренки, в открывшемся блоке ввести текст
и сохранить изменения
ПДФ
10
установить расширение в Google Chrome
сохранить иконку приложения в панели: нажать "пазл",
нажать на "кнопку" рядом с иконкой расширения
сохранить иконку приложения в панели: нажать "пазл",
нажать на "кнопку" рядом с иконкой расширения
11
Прогрузить всю страницу с КП
Опубликовать страницу и полностью ее пролистать вниз, чтобы выгрузились все картинки и анимация
Опубликовать страницу и полностью ее пролистать вниз, чтобы выгрузились все картинки и анимация
12
Нажать на иконку "fireshot",
далее "захватить всю страницу"
далее "захватить всю страницу"
12
Дождаться итогового экрана со скриншотом, затем нажать "Сохранить изображение в PNG"
12
Как подготовить PDF в illustrator
!
обязательно (на двух этапах) при сохранении файла:
выбрать "высококачественную печать
убрать галочку "сохранять возможность
редактирования в иллюстратор"
выбрать "высококачественную печать
убрать галочку "сохранять возможность
редактирования в иллюстратор"
Вуаля!
И вы не отразимы 🌟