Сервис для
сео - оптимизаторов

Найди ошибки на сайте
Ошибки мешают продвижению сайта
Исправь ошибки на сайте
Сайт без ошибок продвигать легче
Получи новых клиентов
Новые клиенты принесут больше прибыль

Дизайн соответствует DIN: Дизайн благородных канцелярских товаров

  1. Оглавление этой статьи: Для нашего образца клиента, винодельни Палатин с более чем 150-летней традицией,...
  2. Шаг 1: Выбор правильной бумаги
  3. Шаг 2. Создайте шаблон документа
  4. Совет:
  5. Шаг 3: Определение цветов
  6. Шаг 4: Скачать шаблон DIN 5008
  7. Шаг 5: перетащите направляющие
  8. Совет:
  9. Примечание:
  10. Шаг 6: шрифты как декоративные элементы
  11. Шаг 7: Оптический центр
  12. Шаг 8: Дизайн корпуса письма
  13. Шаг 9: Строка темы и текст письма
  14. Шаг 10: Боковая панель с контактными данными
  15. Шаг 11: Нижний колонтитул
  16. Шаг 12: Более точные баллы за идеальный бланк
  17. Шаг 13: Спина
  18. Вывод:
  19. Кредиты:

Оглавление этой статьи:

Для нашего образца клиента, винодельни Палатин с более чем 150-летней традицией, мы разрабатываем фирменные бланки с четырехцветной печатью спереди и сзади. Канцелярские товары предназначены для передачи высоких стандартов качества винного завода и обращения к целевой аудитории, которая ценит «благородную капельку».

Видеоурок

Видеоурок

Шаг 1: Выбор правильной бумаги

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

Для нашей винодельни мы выбираем переработанную бумагу с плотностью 80 г / м². Переработанная бумага изготовлена ​​из 100% переработанной бумаги и имеет интересную структуру, которая придает ей определенную древность. Так как мы также сделаем спину в полном цвете, важно, чтобы цвет не просвечивал. Поэтому бумага должна иметь высокую непрозрачность (непрозрачность).

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

Шаг 2. Создайте шаблон документа

Сначала мы создаем новый документ в InDesign и выполняем основные настройки.

Настройки документа для нашего примера:

  • DIN A4: 21,0 х 29,7 см
  • Формат данных (включая обрезку 2,0 мм): 21,4 х 30,1 см
  • Важная информация должна быть установлена ​​на расстоянии не менее 4 мм от окончательного формата.
  • Документ должен содержать одну страницу. Если задана опция «двойная страница», снимите крючок. Затем мы выбираем DIN A4 в качестве окончательного формата. Соответствующие длины страницы отображаются автоматически.
  • В разделе «Границы» мы устанавливаем расстояние, на котором текст должен находиться от края (по отношению к окончательному формату), чтобы не стать жертвой режущих инструментов типографии. В следующем поле мы определяем отделку. Обычно это составляет от 2 до 3 мм на бумажную страницу.

Совет:

Эта информация доступна в техническом описании соответствующего печатного продукта.

Эта информация доступна в техническом описании соответствующего печатного продукта

Шаг 3: Определение цветов

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

Для нашего примера мы выбираем цветовое сочетание двух натуральных оттенков: мягкого черного и земляного цвета глины. Мы достигаем современного, но элегантного вида, который должен донести до наших клиентов, что они получают отборные вина премиум-класса в «нашей винодельне».

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

Теперь мы создаем «новое цветовое поле». Откроется диалоговое окно, в котором мы можем ввести значения CMYK.

Откроется диалоговое окно, в котором мы можем ввести значения CMYK

Два цветовых поля:

Мягкий черный: C0 M0 Y0 K90
Охра: C0 M27 Y56 K13

Шаг 4: Скачать шаблон DIN 5008

Дизайн - это только одна часть составления делового письма. Не менее важно, чтобы фирменный бланк был настроен правильно и вся информация была в нужном месте. Это регулируется стандартом DIN 5008 (стандарт DIN для правил написания и размещения).

Онлайн являются Шаблоны для размеров письма доступно (последнее посещение 03.03.2016). Для нашего примера мы выбираем вариант формы B с адресным полем (50 мм ниже верхнего края страницы).

Для нашего примера мы выбираем вариант формы B с адресным полем (50 мм ниже верхнего края страницы)

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

Файл можно скачать, но изначально он доступен только в формате SVG. Поскольку это может привести к проблеме при дальнейшей обработке в InDesign, необходим небольшой промежуточный шаг: для этого сначала откройте файл svg в Adobe Illustrator и сохраните файл в формате ai. Затем мы можем поместить шаблон в нашу библиотеку InDesign и использовать его для разработки нашего шаблона письма.

Для этого мы перетаскиваем шаблон из библиотеки в документ и помещаем его на край обрезки, а не на внешний край.

Из соображений производительности InDesign вначале отображает информацию только нечетко, поэтому она не приводит к задержкам при прокрутке документов на нескольких страницах. Однако для документов с одной страницей это не проблема. Чтобы оптимизировать отображение, щелкните правой кнопкой мыши документ, выделите элемент «Производительность отображения» и выберите «Отображения высокого качества». Затем рендеринг оптимизируется, и информация становится читаемой.

Затем рендеринг оптимизируется, и информация становится читаемой

Теперь у нас есть все соответствующие показатели и измерения с первого взгляда на наш документ. Чтобы предотвратить непреднамеренное перемещение шаблона во время дальнейшей обработки, мы блокируем этот уровень.

Чтобы предотвратить непреднамеренное перемещение шаблона во время дальнейшей обработки, мы блокируем этот уровень

Шаг 5: перетащите направляющие

На следующем шаге мы нарисуем некоторые рекомендации, которые помогут вам разместить каждое текстовое поле. Первая горизонтальная вспомогательная линия установлена ​​на 50 мм по оси Y. Это конец области головы, где есть место для логотипа и декоративных элементов дизайна. Вторая вспомогательная линия установлена ​​на 105 мм по оси X. С помощью инструмента Rectangular Tool мы нарисуем прямоугольник размером 40 x 7 мм. Мы помещаем его в верхний правый угол центра (двигайтесь вверх к воротам) и заполняем его окертоном, который уже был настроен как новое цветовое поле.

Это поле подсвечивается и нажимается один раз клавишей Alt (курсор становится двойным курсором).

Совет:

При нажатой клавише Shift поля можно перемещать по определенной оси.

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

Примечание:

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

Шаг 6: шрифты как декоративные элементы

Верх бланка идеально подходит для размещения логотипа. В нашем примере логотип состоит из древнего замка, который мы загрузили в нашу библиотеку в виде векторного файла. Претензия и дополнительная информация в текстовом виде будут добавлены отдельно. Чтобы сделать это, мы сначала нарисуем текстовое поле, используем размер шрифта 50 пт и назначаем охру тексту, который мы уже использовали для одной из цветных полос в верхней части бланка. В качестве шрифта мы выбираем Theano Didot. Этот шрифт имеет вневременной характер и по внешнему виду напоминает нежные спреды, густые мазки и красивые засечки надписи на обложке Vogue. Двойным щелчком мыши мы можем легко уменьшить текстовое поле до необходимого размера.

Шаг 7: Оптический центр

Затем мы получаем замок из нашей библиотеки и размещаем его в центре под цветными полями. «Центральный» в данном примере означает, что мы помещаем замок в оптический центр, который не всегда должен согласовываться с математическим центром.

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

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

Под логотипом мы установили год шрифтом Rage Italic. Теперь все знают, что наша компания - это винодельня с давними традициями. Мы устанавливаем текст в 11 пунктов и выравниваем его по центральной оси.

Мы устанавливаем текст в 11 пунктов и выравниваем его по центральной оси

Шаг 8: Дизайн корпуса письма

Для следующих шагов мы покажем шаблон снова и нарисуем больше направляющих.

Направляющие по оси X:

  • Адресное поле: 57,5 ​​мм х 90 мм
  • Содержание письма: 98,5 мм
  • Папки: 105 мм х 210 мм
  • Метка отверстия: 148,5 мм

Направляющие по оси Y:

  • Левый предел: 25 мм
  • Правый предел: 155 мм
  • Определение граничного столбца (для размещения адреса компании, номера телефона и адреса электронной почты): 169 мм х 200 мм

Теперь шаблон можно снова скрыть.

Теперь шаблон можно снова скрыть

В то время как в дизайне верхней части бланка декоративный аспект шрифта был в центре, в текстовых полях это зависит прежде всего от хорошей разборчивости. Для этого мы выбираем шрифт Gotham Light в шрифте обычный.

Между концом бланка и началом поля адреса теперь мы можем расположить строку отправителя. Идеальные размеры шрифта находятся в диапазоне от 6 до 8 пт, в нашем примере мы выбираем размер шрифта 8,5 пт из-за тонких линий.В строке отправителя мы устанавливаем название компании и адрес с улицей, почтовым индексом и городом. Визуально мы можем уточнить эту область тонкой линией (0,5 пт) под адресом отправителя.

Шаг 9: Строка темы и текст письма

Пространство для строки темы автоматически получается из уже нарисованных направляющих. Обычно эта область не будет развиваться дальше. Тем не менее, простые средства, такие как две тонкие цветные линии над и под текстом строки темы, могут быть интересным акцентом. Опять же, ширина линии 0,5 пт достаточно.

Теперь мы можем поместить в письмо фиктивный текст. В качестве позиции мы выбираем 122 мм по оси Y и заполняем поле подстановочным текстом в шрифте Gotham Light размером 12 пт.

С помощью комбинации клавиш Ctrl + W мы можем легко переключаться назад и вперед в представлении.

С помощью комбинации клавиш Ctrl + W мы можем легко переключаться назад и вперед в представлении

Шаг 10: Боковая панель с контактными данными

В дополнение к тексту письма мы размещаем информацию, которая может отсутствовать в любом письме: адрес компании с названием компании, филиалом, номером телефона, номером факса, номером счета, часами работы и адресом электронной почты. Для этого мы снова рисуем текстовое поле (Gotham Light, размер шрифта 11 pt) и вводим информацию.

Говоря о номере телефона: Существует, вероятно, тысяча и один вариант написания телефонных номеров. Дело в том, что существуют также четкие требования к этому, которые также регулируются в DIN 5008. Узнайте больше в нашем вкладе в тему Построение делового письма согласно DIN 5008 ,

Узнайте больше в нашем вкладе в тему   Построение делового письма согласно DIN 5008   ,

Шаг 11: Нижний колонтитул

Теперь приходит дизайн очереди нижнего колонтитула. Как и в верхней части, здесь есть место для графических элементов. Но здесь есть и важная информация. Подробнее об этом позже. Прежде всего, мы продолжим наш макет, поместив ленту из двух цветовых фрагментов у основания бланка: два цветных фрагмента, один в мягком черном (слева) и один в охре (справа), размером 40 мм х 20 мм, и в свою очередь тянуть к кровотечению. В левом цветном поле мы устанавливаем банковские реквизиты с IBAN и BIC в качестве текстового поля в обычном Gotham Light, 8 пт, белого цвета. Правая панель содержит место для юридической информации, такой как информация о записи в коммерческом регистре и идентификатор НДС.

Шаг 12: Более точные баллы за идеальный бланк

На Y-позиции 105 мм и 210 мм, которые мы уже отметили направляющими в начале, добавляем две отметки сгиба (длина 4 мм, ширина линии 0,5 пт). Чтобы все знали позже, где они должны начать пробивать отверстия, теперь мы устанавливаем отметку отверстия в позиции Y последней на 148,5 мм (длина 4 мм, ширина линии 0,5 пт). Это завершает дизайн передней части.

Шаг 13: Спина

Теперь это задняя часть страницы: мы открываем боковую панель и добавляем новую страницу. Они заполняются цветным полем в цвете Softblack.

С печатью одобрения мы хотим подчеркнуть качество "нашего" вина еще дальше. Мы вставляем его в документ и сначала поворачиваем на минус 8 градусов. Убедитесь, что контрольная точка находится посередине. Чтобы оптимально выровнять его, вернемся к теме «Оптический центр». Ибо, хотя круглое уплотнение находится в середине в чисто математических терминах, нам все равно нужно его выравнивать дальше, поскольку вертикально ориентированные формы воспринимаются как более крупные, чем горизонтально расположенные. Так как оптический центр немного выше арифметического центра, мы просто перемещаем логотип немного вверх.

Так как оптический центр немного выше арифметического центра, мы просто перемещаем логотип немного вверх

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

С помощью комбинации клавиш Ctrl + E мы экспортируем наши данные и выбираем профиль печати с ISO-покрытием. Наконец, мы можем снова проверить бренды и параметры кровотечения. Вы можете прочитать больше об экспорте данных для печати в нашем учебник ,

Вывод:

Дизайн бланка может быть значительно упрощен с помощью шаблона со всеми соответствующими размерами в соответствии с DIN 5008.

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

Кредиты:

Это видеоурок InDesign в сотрудничестве с PSD-Tutorials.de возникла.

Идея, дизайн и реализация: Стефан Ридл

Источники изображения: © sellingpix / fotolia.com, Kotkoa / fotolia.com