Сколько шрифтов можно использовать в макете
Перейти к содержимому

Сколько шрифтов можно использовать в макете

  • автор:

Типографика в веб дизайне в цифрах

В данной статье мы разберемся как типографика может помочь при проектировании дизайна. При этом мы будем оперировать точными и измеримыми понятиями. И максимально постараемся уйти от абстрактных определений по типу “Для привлечения внимания увеличьте размер шрифта”. Данная статья даст вам точные числа – в каких случаях и на сколько пикселей увеличить. Все кто заинтересован прошу под кат.

Прежде чем понять как типографика относится к веб-дизайну, давайте разберемся с самим понятием.

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

Свод правил включает следующее:

  • Стиль шрифта – сюда относятся все стили, которые вы можете применить к тексту через CSS (font-size, font-weight, line-height и др.)
  • Иерархия – это то, как вы отделяете блоки текста по важности. К примеру заголовок, помещенный между тегами H1, будет выделяться на фоне заголовков меньшего уровня. А они в свою очередь будут иметь больший вес, чем обычный текст.
  • Стиль текстового блока – это ширина и отступы блока в котором находится текст.

Давайте разберем каждую группу детальнее и выясним как сделать ваш текст приятней для глаз.

Стиль шрифта

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

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

Как же выбрать подходящий шрифт ? Если вы не являетесь экспертом, то самым верным будет зайти на страницы популярных блогов и посмотреть что используют они. Эти ребята давно работают с текстом. И если их читают, то есть небольшая вероятность, что они используют верный шрифт. В любом случае, никто не запрещает вам взять за основу их шрифты и адаптировать под ваш сайт (главное не перестарайтесь).

При выборе размера нужно начинать с вашего основного шрифта (Тот который используется в большинстве случаев). И уже отталкиваясь от него задавать размер для заголовков и подписей. Размер основного текста должен быть в диапазоне от 14 до 18 px. А лучше даже больше, к примеру 16 px для мобильных и 20 px для десктопа. Это приблизительно тот размер текста, который мы привыкли видеть в книгах.

Что касается размера для заголовков и подписей, то их размеры должны находится в отношении 2 к 3 по отношению к основному. К примеру:

16 px – основной текст

24 px – заголовок

Существуют и другие пропорции между шрифтами разных уровней. 2 к 3 это лишь один из примеров.

Несмотря на то, что у нас есть большой диапазон толщины шрифта. Сильной разницы между толщиной 100 и 200 вы не увидите. Поэтому можете считать, что есть 3 значения для толщины. 400 — normal, 700 – semi-bold, 900 — bold.

Normal иcпользуется для основного текста. Bold для заголовков, а semi-bold для выделений в тексте важных моментов. Semi-bold также можно использовать для заголовков.

Нет строгого правила сколько устанавливать межстрочный интервал, но правилом хорошего тона считается установка его в значение в 1.5 раза большее чем размер шрифт. То есть в нашем примере 16 * 1.5 = 24.

Не используйте чистый черный цвет. Не нужно выставлять значение цвета в #000. Цвет выглядит слишком резким. Сделайте его немного серым. Это намного приятней для глаз.

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

Вы сами можете найти цветовую палитру. В сети много таких сайтов. Вот один из примеров.

Так выглядит простыня текста. Все мы хорошо ее знаем.

Сколько вариантов начертаний шрифтов лучше использовать на сайте?

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

Используются разные сочетания свойств шрифтов :
-гарнитура ( до 3-х)
-размер
— жирность/нормальность/курсив
— интерлиньяж
-межбуквенное пространство
— только высокий регистр / только низкий регистр
и п.т.

При вёрстке, как я понимаю, задаются свойства заголовков : h1, h2, h3,h4, h5, h6.
Мне кажется, что очень трудно, уложиться всего лишь в 6 стилей на целый: где-то текст нужно разрядить, где-то жирнее сделать ( хотя заголовок, допустим, был прописан с нормальной жирностью ).

Стоит ли ограничиться только h1, h2, h3,h4, h5, h6 ?
или
же возможны вариации этих же h1, h2, h3,h4, h5, h6 (т.е сама гарнитура и размер остаётся, но можно изменить другие свойства ? как вы будете прописывать эти дополнительные свойства для конкретного блока на сайте?

надеюсь, я понятно выразилась .

  • Вопрос задан более трёх лет назад
  • 783 просмотра

Комментировать
Решения вопроса 0
Ответы на вопрос 2

serjikz

web-developer

Так, вы дизайнер и вы паритесь о том, как верстальщик будет верстать ваши разные заголовки, я правильно вас понял? Вопрос — зачем вы об этом паритесь? Это ваша головная боль разве? У нас для разных заголовков полно разных инструментов, которые являются селекторами css. Хоть у вас будет 1 000 000 h6 я могу каждый из них стилизировать по-разному совершенно.

Ответ написан более трёх лет назад
Нравится 1 9 комментариев

larka_skaz

larka_skaz @larka_skaz Автор вопроса

Парюсь, потому что иногда сдашь макет, а в результате почему-то создается впечатление, что там ограничились в 6 штук. но это происходит только с одним заказчиком . спасибо за ответ

> Так, вы дизайнер и вы паритесь о том, как верстальщик будет верстать ваши разные заголовки, я правильно вас понял? Вопрос — зачем вы об этом паритесь?
Вот с такими вот мнением, подчёркиваю, мнением, идите в ж.

serjikz

tef: Слыш, «гений», я смотрю до безобразия много макетов наверстал, что так разговариваешь? Судя по ответу ты ни вопроса не понял, ни ответа моего не понял. Человек делает заголовки разные по стилю. font-size одного будет 20 другого 30 третьего 40 и тп. Никто, я повторяю НИКТО не скажет дизайнеру «Не делай так, это не правильно!». А если кто-то скажет — баран тот верстальщик/заказчик и руки как раз у него из той самой ж. растут.

Сергей ZSA: до безобразия.

Сергей ZSA: >Никто, я повторяю НИКТО не скажет дизайнеру «Не делай так, это не правильно!».

Это прям эпично сейчас было.

Сергей ZSA: товарищь веб-программист. Я не хотел задеть ваши чувства.
Павел Радьков @paulradzkov
Дизайнер должен задумываться, как будут верстать его макет. paulradzkov.com/2014/designer-superstar

serjikz

Павел Радьков: А я говорил, что дизайнер не должен задумываться над тем, как должны его дизайн потом верстать?)) Что верстальщики хотели бы донести до веб-дизайнеров?

larka_skaz

larka_skaz @larka_skaz Автор вопроса
Спасибо, Павел Радьков и Сергей ZSA , будем становиться супер-звёздами

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

На веб-странице, нужно понимать, что только один шрифт, это уже 4 файла разных форматов. Каждый файл — это дополнительный запрос.
И я, честно говоря, только без обид, не представляю даже, что у вас твориться с 6 шрифтами на странице. И по вашему сообщению, видно, что вы по совету глупцов из этих интернетов начитались типографских книжек типа Рудера, Брингхерста и остальных. Чтож. Само по себе это не плохо, но только если вы по вечерам не смазываете свои, уставшие от печати, лигатуры.

А, отвечая на ваш конкретный вопрос, про свойства шрифтов. Из экзотического, есть возможность сделать капитель. Можно сделать италику, но это будет искусственный наклон, расчитываемый автоматически. Жирность из покон веков в браузерах не работала особо в правильном режиме.

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

6 шрифтов — это много при любых раскладах.

Ответ написан более трёх лет назад
Нравится 1 2 комментария

larka_skaz

larka_skaz @larka_skaz Автор вопроса

tef, вы все верно глаголите, но немного не правильно поняли меня : разумеется 6 шрифтов это через чур.
Я обычно использую 2 шрифта. Мне было интересно на сколько далеко можно уйти с типографский задротством, т.е 2-3 шрифта поднастроить с помощью :

— жирность/нормальность/курсив
— интерлиньяж
-межбуквенное пространство
— только высокий регистр / только низкий регистр
и п.т.

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

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

larka_skaz: всё то, что вы перечислили, можно сделать. Но опять же, италика будет часто не такая, а на жирность особо расчитывать не стоит.

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

8 золотых правил типографики

Photo representing the subject of the blog

Продуманная и грамотно подобранная типографика является залогом получения эстетически приятного и самое главное — легко читаемого веб-сайта. Но знаешь ли ты, как сделать текст на сайте понятным и соответствующим фирменному стилю вашего бренда?

Не волнуйся. Я собрал 8 наиболее главных правил типографики, которые сделают весь процесс создания идеальной типографики для вашего сайта простым и эффективным. Обязательно соблюдай все правила, и ты будешь вознагражден прозрачной системой типографики, которая сделает ваш проект профессиональным и улучшит его UX.

8 принципов типографики, которым необходимо следовать

1. Выберите правильный шрифт

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

Графика — выберите правильный шрифт

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

Узнать больше:

7 простых и проверенных шагов, чтобы выбрать блестящие шрифты для любого веб-сайта!

2. Выберите размер шрифта

Размер шрифта на странице имеет значение! Если вы выберете шрифт, который не будет слишком маленьким или слишком большим, вы значительно облегчите чтение своим пользователям. Специальная единица, которую типографы используют для описания шрифтов, — это «pt» или «point».

Предпочтительный диапазон стандартных размеров шрифта для веб-сайтов составляет от 14 до 25 пунктов. Для заголовков можно использовать более крупные шрифты — 20pt и выше , а для обычного текста лучший диапазон — 14-18pt.

Независимо от выбранного размера шрифта убедитесь, что размер шрифта:

а) делает текст разборчивым — размер шрифта 12pt и меньше может существенно ухудшить читабельность;

б) соответствует шрифту — например, для своего стандартного шрифта Roboto Google рекомендует не менее 16 pt. С другой стороны, San Francisco — шрифт, используемый, в том числе в устройствах Apple, должен иметь размер не менее 18 пунктов;

в) отражает цель веб-сайта — если на странице преобладает не текст, а дизайн, вы можете использовать меньший шрифт. Также в случае интерактивных страниц, которые побуждают пользователя кликать на каждом шагу, это решение можно смело использовать. Если, с другой стороны, вы имеете дело с веб-сайтом, где преобладает текст, а основной задачей пользователя является чтение (например: область блога, информационный портал) — лучше выбрать шрифт чуть крупнее.

Как выбрать размер шапки?

Вы определились с размером шрифта основного текста, но не знаете, как сохранить размер заголовков пропорциональным остальному контенту? Для этого есть несколько лучших практик:

а) Размер заголовка H1 должен составлять 300 % от размера шрифта, используемого в основном тексте. Например, если на вашем веб-сайте для основного текста используется шрифт размером 18 pt, оптимальный размер для заголовков – 54 pt.

б) Заголовок H2 должен быть размером 200% от размера шрифта основного текста. В этом случае при базовом размере шрифта 18 пунктов идеальный заголовок H2 будет иметь размер 36 пунктов.

⚡ BOWWE Tip:

​​​​ Для последовательных заголовков вы можете постепенно уменьшать процент; например, для заголовка H4 вы можете умножить основной размер шрифта на 130-150%.

Шрифты в мобильной версии

При выборе размера шрифта необходимо ответить на вопрос, на каких устройствах будет отображаться текст. Размер шрифта на мониторах ноутбуков будет выглядеть иначе, чем на мобильных устройствах. Если вы предпочитаете ориентироваться на внешний вид сайта на мобильных устройствах, помните два важных правила:

а) На экранах смартфонов крупный шрифт будет смотреться плохо,

б) Заголовки не должны занимать более двух строк.

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

⚡ BOWWE Tip:

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

3. Используйте принцип: меньше значит больше

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

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

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

⚡ BOWWE Tip:

Если вы хотите быть на 100% уверены, что выбираете лучшее сочетание шрифтов , вы всегда можете черпать вдохновение из подборки шрифтов на сайте fontpair.co .

4. Разработайте структуру контента

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

Высота строки или интерлиньяж

соблюдать достаточную высоту строки (или интерлиньяжа) важно Слишком короткое расстояние приведет к тому, что строки текста будут практически перекрываться. С другой стороны, слишком высокий считыватель будет «взорван». Так что лучше найти золотую пропорцию.

Абзацы и длина строки

Давно известно, что короткие текстовые фрагменты читаются гораздо лучше. Слишком длинные строки или абзацы могут утомлять глаза и нарушать ритм чтения. Длина строки должна быть около 50-75 символов , чтобы не утомлять пользователя. То же самое относится и к абзацам — они облегчают чтение длинных текстов.

Выравнивание

В типографике выравнивание — это позиционирование текста относительно поля, края страницы или другой контрольной точки.

⚡ BOWWE Tip:

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

5. Подберите цвета

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

Выберите максимум 3 цвета

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

Позаботьтесь о контрасте

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

Сопоставьте только совпадающие цвета

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

⚡ BOWWE Tip:

Чтобы выбрать цвет шрифта быстрее и эффективнее, вы можете использовать Color Tool из material.io . Благодаря этому вы сможете увидеть, будет ли выбранный цвет шрифта хорошо сочетаться, например, с цветом фона на вашем сайте.

6. Выделяйтесь

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

⚡ BOWWE Tip:

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

7. Создайте свой масштаб шрифта

Масштабирование шрифта — это процесс увеличения или уменьшения размера текста на веб-сайте.

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

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

Есть несколько вещей, которые следует помнить при создании масштаба шрифта.

а) Убедитесь, что весь текст на вашей странице имеет одинаковый размер. Это включает в себя как основной текст, так и любые заголовки или другие текстовые элементы.

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

⚡ BOWWE Tip:

Существует множество бесплатных онлайн-инструментов, с помощью которых можно легко создать шкалу шрифта. Один из них — type-scale.com .

8. Проводите анализ и найдите вдохновение

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

Также стоит провести анализ среди сайтов, похожих на ваш или ваших конкурентов. Затем вы узнаете, как другие реализуют лучшие принципы типографики, и как вы тоже можете это сделать!

Готовы создать сайт своей мечты?

Попрощайтесь с хлопотами кодирования и поприветствуйте потрясающий профессиональный веб-сайт с первоклассным SEO уже сегодня!

Лучшие правила типографики — вывод

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

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

Читайте также:

Общие требования к макетам

Типы файлов, предназначенных для печати: TIF, EPS, PDF, PSD, AI.

Файлы сохранены в версиях программ не старше: COREL X 8 , AI CS 5, PS CS 5.

Типы файлов, не являющихся печатными: родные форматы Word, Excel, AutoCAD и т.п.

В растровых форматах JPG, TIF, PSD разрешение не меньше 300 dpi.

Требования к файлам

Файл не должен содержать OLE и пр. объекты.
Обязательно нужно предоставить утвержденную и подписанную распечатку макета. После утверждения макета заказчиком претензии к ошибкам в макете не принимаются.

Все текстовые объекты должны быть в кривых.
Минимальный кегль шрифта должен быть не менее 3-4 pt Arial (в сравнении).
Шрифты менее 5 pt не должны быть «сложными» (т.е. без засечек).

Цветовые модели:

— наличие цветовых моделей CMYK и RGB в одном файле недопустимо

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

Макет должен содержать только те краски, которыми в дальнейшем он будет напечатан.
Изменения цветовой модели возможны за дополнительную плату.
Цвета из банки должны иметь название «Pantone XXX C», где ХХХ – номер нужного цвета по каталогу Solid Coated Pantone .

Сложные градиенты, mesh-заливки, текстурные заливки, эффекты прозрачности, а также такие эффекты, как DropShadow, Lens и другие, должны быть растрированны.

Растровые изображения:

-цветовая модель – СМУК

в масштабе 1:1

— всё изображение на одном слое

— если необходима резка изображения по контуру, то изображение должно выходить за обрезной формат на 2 мм.

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

Если растровое изображение идёт «в край» с контуром этикетки, то оно должно выступать за обрезной формат на 2 мм с каждой стороны.

Векторные изображения:

масштаб 1:1 не обязателен , но обязательно соблюдение пропорций, соответствующих итоговому размеру

— абрисы в режиме «масштабирование с объектом» или переведены в объекты — штрих-код в виде «кривых»

— объекты-символы в «кривых»

— шрифты в виде «кривых» (при наличии малораспространённых или коммерческих шрифтов обеспечить наличие самих шрифтов для возможной правки текста)

— минимальный размер шрифта черного цвета(прямой и в инверсии) 3 п. по Arial (более мелкий текст будет малочитаемым смотри образец)

-отдельно стоящие линии при прямой и инверсной печати черным 0,1 мм

— все лишние составляющие макетов должны быть удалены

— файлы, созданные в Illustrator, не должны иметь «связанных», «прилинкованных» объектов и изображений. Все изображения должны быть встроены или отправлены вместе с макетом.

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

Контур реза:

— сверхтонкий абрис красного (жёлтого) цвета 0,078 мм, имеющий минимальное количество «узлов» и соответствующий необходимому размеру и пропорциям, должен находиться на отдельном слое

Градиенты и плашки:

Градиенты лучше использовать от 20% до 100 %.

Положение объектов:

Все объекты, которые будут напечатаны не «в край», должны располагаться не ближе 2 мм к краям реза (с каждой стороны!).
Если Вы хотите напечатать рамку или полосу, идущую ровно по краю реза, то её толщина (внутри этикетки) должна быть не менее 3 мм.

Штрих-код должен быть в векторном формате и с заливкой 100% краской.
Тип штрих-кода, его минимально считываемый размер (масштабирование) и соотношение допустимых оттенков определяет сам заказчик.
На блестящих и зеркальных отражающих поверхностях штрих-код не будет считываться!
Если нужен штрих-код на прозрачной плёнке, то требуется печать белилами плашки под ним!

Дополнительные требования для Флексопечати

Формат печати

Максимальный размер запечатываемой области 300х315 мм.

От 80 до 150 lpi

Цветопередача

Минимально воспроизводимый процент растровой точки – 3-4%.
Следует избегать изображений со светлыми градиентами (менее 3-4%), градиентов уходящих в ноль процентов, тонких вывороток и линий в несколько цветов.

В наличии есть вся палитра базовых цветов по шкале Pantone.
По желанию заказчика либо смешиваются промежуточные оттенки, либо желаемый оттенок раскладывается на палитру СМУК.
Оборудование позволяет печатать до 5 красок (можно 4+лак).
Ваш макет должен цветоделиться на то количество красок, сколькими Вы предполагаете его печатать.

Технические допуски

Допустимые отклонения совмещения цветов ± 0,1 мм.

Относительная погрешность обрезного формата относительно картинки составляет не более 1 мм.

Формы вырубки:

По Вашему чертежу мы можем изготовить этикетки практически с любым контуром.

Дополнительные требования для Горячего тиснения

Формат тиснения

51х92 мм – для этикеток с печатью; 51х140 мм – для пустых этикеток.

Минимальная толщина элементов

Линии при печати вывороткой не менее 0,3 мм, при прямой печати – 0,15 мм.
Текст при прямой печати не менее 5 пт. Текст вывороткой лучше не печатать.
Минимальное расстояние между разными элементами одного цвета 0,3 мм.

Цвета

Можно печатать не более 2х цветов! При этом цвета не должны пересекаться. Между цветами должно быть расстояние не менее 0,3 мм.

Дополнительные требования для Цифровой лазерной листовой и рулонной печати

1.Размер листа SR A3 320х450 мм

2.Минимальный размер шрифта черного цвета (прямой и в инверсии) 2 п по Arial

3.Отдельно стоящая линия 0,05 мм

Цветовая палитра

Только СМУК (по печатающим краскам).

Контур реза:

— сверхтонкий абрис красного (жёлтого) цвета 0,078 мм, имеющий минимальное количество «узлов» и соответствующий необходимому размеру и пропорциям, должен находиться на отдельном слое.

В растровом макете (либо плашке) нужно сделать вылет наружу за линию реза на 2 мм.
Текст/объекты от линии реза должны отстоять внутрь не менее 2 мм.

Дополнительные требования к макетам для широкоформатной печати

Максимальный размер файла : не должен превышать размер 2 Гбт и 10 метров в длину.

Максимальная ширина печати экосольвентными и уф красками 1600 мм .

Контурная (плоттерная) резка самоклеющихся материалов и трафаретов возможна на ширине до 1350 мм .

Возможные варианты цветовых моделей печати на УФ принтере :

6.W + CMYK + W выполняется по схеме

7.W + CMYK с выборкой в CMYK под белое.

Макет наклейки содержит изображение и контур реза.

Толщина контура реза — сверхтонкий абрис красного (жёлтого) цвета 0,078 мм. Вылет изображения за контур реза равен 2 мм . Элемент изображения не являющийся фоном (текст, штрихкод) располагается на расстоянии 2 мм от контура реза . Изображения содержащие W, CMYK и контур реза располагаются на разных слоях.

Работы с макетами наклеек, в том случае когда это необходимо для Вас.

Добавление контура реза в макет 80 ₽
Верстка макета (только текст, внесение не более 2 правок, повтор +300 руб.) 350 ₽
Отрисовка элемента в зависимости от сложности 700-3000 ₽
Подбор похожего шрифта при отсутствии исходного 700 ₽
Верстка макета (текст + графика, готовые элементы, внесение не более 2 правок, повтор +300 руб.) 900 ₽
Подбор фотографий (5 фото на одну тему) 1 000 ₽
Рисование иллюстрации 4 500 ₽
Креатив макета договор

Обратите внимание:

28 апреля 2019 года в Евразийском экономическом союзе начали действовать изменения, внесенные в технический регламент «Пищевая продукция в части ее маркировки».

Данные изменения были приняты 14 сентября текущего года решением № 75 Совета ЕЭК. Официальное их опубликование состоялось – 30 октября 2019 г..

Что предусматривают опубликованные правки технического регламента?

1. Придуманное название пищевого продукта (если таковое имеется) включается в наименование продукта. Располагаться придуманное название должно вблизи от наименования.

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

3. Понятность определяется таким критерием, как однозначность переданного смысла информации. Данная информация может быть изложена в форме текста или текста с изображением.

4. Наименование пищевой продукции, ее состав и количество, сведения об изготовителе, информация о наличии ГМО, показатели пищевой ценности, знак обращения ТС указываются шрифтом не меньше 2 мм.

5. Слова для обозначения даты изготовления, сведений о месте и нанесение даты производства, срока годности, рекомендации по использованию и некоторая другая информация прописываются шрифтом, высота которого должна составлять не менее 0,8 мм.

6. Наряду с изображением в маркировке требования установлены и к текстовому описанию (в частности, маркировка не должна содержать изображение продукта и его текстовое описание, если он не использовался и не содержится в потребительской упаковке. Как известно, на текущий момент в данном требовании речь шла только об изображении).

Напомним, союзный регламент по маркировке пищевой продукции (ТР ТС 022/2011) действует в ЕАЭС с 1 июля 2013 года. Опубликованные изменения, согласно действующему законодательству, прошли процедуры публичного обсуждения и внутрегосударственного согласования а также были одобрены Коллегией Комиссии.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *