VK Behance Facebook Instagram

Владимир Незнамов

С 2009г. участвую в проектах по брендингу — делаю логотипы и фирменные стили, дизайн полиграфии, графику для веб и SMM, консультирую по вопросам маркетинга и рекламы.

РаботыПутешествуюКонтакт

Моя боль

Меня немножко убивает тот факт, что в 2017 году люди до сих пор используют слова «люкс», «лакшери», «премиум», «стайл», «супер» и прочие «мега». Ребята, это было стрёмно ещё в 90-е, почему вы решили, что сейчас иначе?
Про «параллельные миры» юбок, холодильников, сантехники, сумок и вообще всего, что можно продавать, не шутил только ленивый. Даже у штор и колбасы есть собственные миры.
Но это не смешно. Это признак низкой культуры и провинциального подхода к бизнесу.
С дизайном всё примерно также, только ещё больнее, ведь работать приходится и с такими названиями.

11 августа  

Новый паблик VK

Я наконец-то запустил новую публичную страницу на vk.com, где буду транслировать свои новые работы, записи из блога, делиться плюшками в виде конкурсов с призами и бесплатными загрузками. А еще там есть магазин.

В общем, добро пожаловать!

11 июня   public   vk   вк   вконтакте

Где дизайнеру найти вдохновение? Часть 1

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

1. Behance

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

Перейти на сайт

2. Dribbble

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

Перейти на сайт

3. Pinterest

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

Перейти на сайт

4. Tumblr

Tumblr — блог-платформа, объединяющая сотни тысяч блогов как обычных пользователей, так и профессионального сообщества и брендов. Этот блог я веду именно на Tumblr. Результаты поиска здесь можно детализировать по форматам и популярности/новизне.

Перейти на сайт

Отраслевые сайты-коллекции

В сети множество отличных сборников материалов для вдохновения. Например массу примеров качественных логотипов можно найти на Logopond и Logodesignlove, а дизайн упаковки на Thedieline и Lovelypackage.

P.S. Кроме поиска по коллекциям и чужим портфолио, можно провести ревизию своих собственных старых работах (и заодно навести порядок в портфолио) или поискать в смежных отраслях, например, фотографии или живописи.

5 июня   behance   dribbble   inspiration   pinterest   tumblr

Как подобрать подходящий шрифт для вашего проекта

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

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

Часть шрифтов создается в нескольких начертаниях. Такой стилистически единый набор шрифтов называется гарнитурой. Распространенный в практике офисной работы пример — антиква Times New Roman или гротеск Arial (в регулярном, наклонном, полужирном и полужирном наклонном начертаниях). Вспомните, сколько писем и договоров набрали этими шрифтами?

Еще шрифты делят на текстовые (для набора текста), титульные* (для обложек, рубрик, заголовков) и акцидентные** (для плакатов, декоративные).

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

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

Для договора или приказа применяем исключительно строгие гарнитуры, а в рекламе, некоторых объявлениях (с учетом контекста), открытках, плакатах допускаем шрифты с «настроением».

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

Эти рекомендации кажутся очевидными и не заслуживающими внимания, но откуда тогда берется вот это?

Ну а теперь конкретные приемы, проверенные на практике.

1. Сочетайте гротеск и антикву
Классическая работающая связка — гротеск в заголовке и основой текст, набранный с помощью антиквы.
Пример: PT Sans в заголовке и PT Serif в основном тексте.

2. Не используйте вместе разные шрифты одного класса
На примере ниже заголовок набран PT Serif, а текст Times New Roman, справа использовались Roboto Slab и Open Sans соответственно.

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

3. Не используйте сомнительные шрифты
Негласный дизайнерский стоп-лист шрифтов включает стандартные шрифты Windows, но персональную ненависть, в первую очередь, из-за чрезмерного использования заслужили Betina Script, Papyrus и Comic Sans, хотя последний не так прост (он эффективен при обучении детей письму, поскольку похож на то, как пишут сами дети, и рекомендован к использованию людям, больным дислексией, так-то).

4. Соблюдайте контраст
Разделите заголовок и текст с помощью толщин (жирности). На примере слева заголовок (Intro Condensed Light) выглядит бледным и невыразительным из-за недостаточного контраста по толщине с текстом ниже (Marta). При взгляде на правую часть, читатель сначала выделит заголовок (Intro Condensed Bold), и затем перейдет к тексту.

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

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

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

См. также

Google Web Fonts Typographic Project — собираемая вручную коллекция великолепных сочетаний шрифтов из Google Fonts.

Справочник Паратайпа — сборник типографских и шрифтовых терминов с простым разъяснением.

Бонус для тех, кто дочитал

Скачать Roboto Slab

Скачать PT Sans и PT Serif

Скачать Open Sans

Скачать Marta

Скачать Intro Condensed

Чек-лист: готовим макет к печати

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

1. Цветовая модель CMYK

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

2. Разрешение 300dpi

Dpi (Dots Per Inch) представляет собой параметр, указывающий на разрешение изображения, выраженное в количестве точек на дюйм, при его печати. Принято считать, что оптимальным разрешением для печати изображения в масштабе 1:1 является 300dpi — при меньшем разрешении на печати изображение выйдет “в пикселях”, а большее просто нецелесообразно.

Практика же показывает, что это значение может варьироваться в зависимости от формата изображения, при особо крупных форматах можно ограничиться и 72dpi.

3. Не забывайте выставлять вылеты

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

Например, если типография требует вылеты 3мм для макетов формата А4, то к печати нужно подготовить макет 216х303мм, добавленные 3мм срежутся при печати и резке листов с вашим А4.

4. Переводим шрифты в кривые

**Если вы предоставляете макет в типографию в форматах векторной графики, все имеющиеся в нем тексты должны быть переведены в кривые.

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

После скривления шрифтов тексты будут недоступны для редактирования, поэтому лучше сохранять копию макета с “живым текстом”.

Шрифты можно не переводить в кривые, если макет в печать будет сдаваться в растровых форматах, например, TIFF.

5. Следите за черным

Если на печати вам нужно получить глубокий черный цвет, используйте составной черный путем добавления к черной краске остальных из CMY. Однако стоит помнить, что есть ограничения по количеству используемых красок, устанавливаемые типографией (как правило в диапазоне 220-300%).

6. Растрируйте эффекты

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

Этим правилом можно пренебречь при сохранения макета для печати в формат TIFF.

7. Соблюдайте поля

Об отступах я упоминал выше, но всегда существует риск повредить макет при резке, поскольку нож может случайно сползти и срезать важные объекты вроде текстов, инфографики или логотипов. Чтобы подобной неприятности не произошло, не размещайте эти объекты ближе, чем на 5-8мм от края макета.

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

Ctrl + ↓ Ранее