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

Все заметкиБрендингДизайнКонтент-маркетингЛайфхаки AdobeПрочитаноРаботаРеклама

Позднее Ctrl + ↑

Ян Чихольд. Облик книги

«Облик книги» — собрание статей и эссе европейского типографа Яна Чихольда о типографике, этапах создания и эстетике бумажной книги.

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

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

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

Получить книгу

Бренд, фирменный стиль и логотип. В чём разница?

Слова «бренд», «логотип» и «фирменный стиль» в блогах, новостных статьях и рекламных объявлениях встречаются, пожалуй, слишком часто. И если вам предстоит заказать брендинг для вашего бизнеса — прочтите эту заметку, в ней я рассказываю, в чём разница.

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

Фирменный стиль или айдентика — все визуальные проявления, с помощью которых бренд рассказывает о себе. Сюда относятся и цвета, и шрифты, и элементы оформления вроде фирменных узоров, и дизайн деловой документации (бланки, визитки и вот это вот всё).

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

Простой пример

Представьте, что вы зашли в супермаркет, чтобы купить яблочный сок. На полках стоят коробки разных марок.
По своему опыту или из рекламы вы знаете, что вот в этой зелёной коробке сок так себе, хотя и дешёвый. Рядом — белая коробка сока вдвое дороже, но он вкусный и натуральный. Эти впечатления, воспоминания и основанная на них оценка — ваше восприятие двух брендов.
Цвет коробок и то, как расположены на них логотип, надписи, картинки и другие элементы — это их фирменный стиль.
А название сока, исполненное особым образом, на каждой из коробок — это его логотип.

Реклама яблочного сока Даффи (1906 год)

Разбираемся в лицензиях Creative Commons

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

Часто авторы сознательно разрешают использовать, копировать и распространять результаты собственного творчества на основе бесплатных лицензий Creative Commons.

Creative Commons (CC) — некоммерческая организация, которая с 2001 года создаёт и поддерживает инфраструктуру для законного использования и распространения продуктов интеллектуального труда. CC разработала шесть типов лицензий, с помощью которых авторы (лицензиары) разрешают использовать свои работы в любой стране, как в личных, так и в коммерческих целях.

Лицензии и условия

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

CC BY. Attribution (Лицензия «С указанием авторства»)
Разрешено использовать в личных и коммерческих целях, обязательно указывая автора.

CC BY-SA. Attribution Share Alike (Лицензия «Распространение на тех же условия — Копилефт»)
Разрешено использовать и перерабатывать оригинальную работу автора в новый продукт, распространять который можно только на тех же условиях, что и оригинальную работу.

CC BY-ND. Attribution No Derivatives (Лицензия «С указанием авторства — Без производных»)
Разрешено коммерческое и некоммерческое использование работы в неизменном виде и с указанием авторства.

CC BY-NC. Attribution Non-Commercial («Некоммерческая» лицензия)
Разрешено использовать работу только в некоммерческих проектах. Для коммерческого использования, например в рекламе, придётся обратиться за отдельным разрешением к автору.

CC BY-NC-SA. Attribution Non-Commercial Share Alike («С указанием авторства — Некоммерческая — Копилефт»)
Разрешено использовать авторскую работу и создавать на её основе производные продукты на условиях распространения по той же лицензии, что и оригинал, с указанием авторства и только в некоммерческих целях.

CC BY-NC-ND. Attribution Non-Commercial No Derivatives (Лицензия «С указанием авторства — Некоммерческая — Без производных»)
Разрешено только распространять и использовать авторскую работу, на условиях указания авторства, без создания производных и только для некоммерческого использования.

CC0. Public Domain Dedication (Передача в общественное достояние)
Разрешено личное и коммерческое использование авторской работы с производными продуктами и без указания авторства. Подробнее о лицензии CC0.

Чтобы понять ограничения, включенные в лицензию, достаточно увидеть её буквенный код:

BY — указывайте автора оригинала (кроме лицензии CC0).
SA — распространяйте новый продукт по той же лицензии, что и работа, на основе которой он создан.
ND — используйте оригинальную работу, не изменяя её.
NC — не используйте оригинальную работу в коммерческих целях.

Чек-лист: что проверить перед сдачей логотипа заказчику

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

1. Масштабируемость

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

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

2. Наличие монохрома

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

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

3. Упрощённые версии

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

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

4. Все версии для работы

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

Например, в узких форматах с портретной ориентацией уместнее использовать вертикальную версию логотипа, с альбомной ориентацией — горизонтальную.

5. Тексты в кривых

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

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

6. Контуры в объекты

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

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

7. Исходники в векторе

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

Сохраняйте исходные файлы в базовый формат той программы, в которой разрабатывали логотип (.AI для Adobe Illustrator, .CDR для CorelDRAW) и дополнительно в промежуточные форматы .PDF или .EPS, чтобы избежать проблем с совместимостью.

8. Цветовые модели

Используемые в макетах цвета по-разному кодируются для печатных машин и для экранов. Такая кодировка называется цветовой моделью.

Если логотип разрабатывался для использования в основном на бумаге, то исходник логичнее сохранить в модели CMYK. Если речь о логотипе мобильного приложения или сайта — подойдёт RBG. Не лишним будет создать набор исходников со второй цветовой моделью в дополнение к основной.

Как в макете Adobe Illustrator выделить все элементы одного цвета

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

Выделять всё вручную — не вариант, потому что иногда число таких объектов достигает сотен.

Волшебная палочка (Magic Wand Tool) решает проблему только частично. Она захватывает не только элементы нужного цвета, но и близких оттенков.

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

Обойти эти ограничения помогает такая последовательность действий:

  1. Выберите один объект нужного цвета.
  2. В главном меню выберите Select > Same > Fill Color.

Иллюстратор выделит все оставшиеся элементы выбранного цвета, не трогая при этом элементы схожих оттенков.

Майкл Микалко. Взлом креатива

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

Первая часть книги, названная “Видеть то, что не видят другие”, рассказывает о стратегиях, которые помогают представить и описать проблему.

Вторая часть — “Думать так, как не думают другие” — претендует считаться пособием по выработке креативных идей. Здесь автор приводит стратегии, с помощью которых гении генерируют новые теории, технологии и меняют мир.

Чем зацепила книга

“Взлом креатива…” содержит поразительное количество примеров из жизни и практики учёных и изобретателей, художников и писателей, композиторов, журналистов, бизнесменов.
Каждая описанная стратегия снабжена практическими упражнениями. Они помогают как понять проблему, взглянув на неё под непривычным углом, так и выработать нестандартные идеи для её решения.
Понять стратегии и упражнения помогают многочисленные иллюстрации, схемы и диаграммы.
Рекомендую “Взлом креатива…” дизайнерам, художникам, писателям, журналистам — всем, чья работа связана с созданием нового. Описанные в книге мысли и упражнения помогают не только делать свою работу по-новому, но и преодолеть творческий ступор.

Получить книгу

Как подготовить статью и не сойти с ума

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

Подобрать синонимы и ассоциации

Синонимайзер — удобный проверенный сервис, который подбирает синонимы к существительным и прилагательным сразу в нескольких базах.

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

Произвести транслитерацию

Если требуется быстро перевести русский текст в латиницу, например, для написания URL, воспользуйтесь этим транслит переводчиком.

Если планируете транслитерировать текст самостоятельно или требуется проверить результаты такого перевода, изучите подробную статью о транслитерации русского алфавита в латиницу.

Расставить переносы

Я выбрал два сервиса, которые моментально разделяют сложные слова на слоги, предлагая варианты разбивки, удобные для переноса:

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

Рассчитать объём статьи

Я выбрал простой в использовании сервис для подсчёта слов, знаков с пробелами и без. Здесь нужно просто вставить текст в поле ввода — всё остальное система сделает сама.

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

Определить уникальность

Если появилась задача определить, насколько уникальным получился рерайт текста, воспользуйтесь инструментом от TopWriter. Вставьте два фрагмента текста, которые нужно сравнить, в поля ввода и нажмите «Сравнить!». Вы получите расчёт схожести фрагментов в процентах.

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

Дополнительно

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

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

Как я делаю логотипы

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

1. Подготовка

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

2. Исследование

Я анализирую полученную информацию, собираю дополнительные сведения, подбираю референсы и формирую мудборд. В поиске задействую коллекции Behance и Dribbble, ленту Tumblr, рекомендации Pinterest, публикации на отраслевых ресурсах, изучаю партнёров и конкурентов.

3. Разработка

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

4. Презентация

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

5. Доработка

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

6. Передача

Отправляю заказчику финальные исходники и рекомендации по использованию нового логотипа. Заказчик отправляет оставшуюся часть оплаты.

Вся последовательность шагов, включая получение и внесение правок заказчика, занимает 10-15 рабочих дней.

Мой плейлист для работы

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

Три способа обрезать растровое изображение в Adobe Illustrator

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

1. С помощью команды Crop Image

Это самый очевидный способ обрезки. Подходит, если полученная картинка останется в текущем макете.

  1. Закиньте файл изображения на монтажную область.
  2. Выделите его.
  3. Нажмите на верхней панели кнопку Crop Image.
  4. Настройте границы обрезки, вводя нужные значения в соответствующие поля, или вручную.
  5. Нажмите Apply.

2. С помощью монтажной области

Если изображение нужно сохранить вне текущего макета, поможет монтажная область.

  1. Импортируйте изображение на монтажную область.
  2. Нажмите на боковой панели инструментов Artboard Tool или Ctrl+O (⌘+O) на клавиатуре.
  3. Настройте границы монтажной области.
  4. Экспортируйте картинку как обычно (File > Export > Export As). Не забудьте выделить опцию Use Artboards.

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

3. С помощью обтравочной маски

Используйте этот способ, если картинка останется в макете

  1. Наложите на изображение, которое предстоит обрезать, фигуру нужной формы.
  2. Выделите оба объекта.
  3. Нажмите Ctrl+7 (⌘+7) на клавиатуре.
Ранее Ctrl + ↓