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

Все заметкиИзбранноеТеги

Позднее Ctrl + ↑

Как в макете 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) на клавиатуре.

Майкл Бейрут. Теперь вы это видите

Майкл Бейрут — легендарный дизайнер, один из тех, кто создал графический дизайн и отчасти современную визуальную культуру такими, какими мы их знаем сейчас.

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

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

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

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

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

Текст про тексты. Как я готовлю материалы к публикации

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

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

Лексический мусор, вроде стоп-слов и воды, удаляю с помощью Главреда. Относиться к нему можно как угодно, но для меня он определенно работает.

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

Итоговую проверку на орфографию доверяю Орфографу — сюда я помещаю текст целиком, а не отдельными фразами.

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

Как я работаю с курируемым контентом

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

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

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

Где нахожу контент

  • В email-рассылках.
  • В профильных сообществах Facebook и Twitter.
  • На тематических порталах и профильных блогах.
  • В лентах RSS.

Где храню и систематизирую

Хранить найденные в социальных сетях и на сайтах статьи предпочитаю в заметках на декстопе и в телефоне или в Google Keep.

Чем можно заменить

Статьи из RSS-лент читаю, классифицирую и храню в Feedly.
Ленты (блок «Feeds») разбиты на папки-категории: «Маркетинг», «Дизайн», «Корпоративные блоги», «Личные блоги», «Новости» и «Прочие». Интересующие статьи в потоке добавляю в закладки («Read Later»), нужные для тематических подборок — в заранее созданные тематические доски («Boards»).

Когда шрифта слишком много

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

Со временем такие шрифты становились доступнее — попадали в рекомендуемые подборки и коллекцию Google Fonts. Дизайнеры начали вставлять их везде. Неплохие сами по себе, но изрядно надоевшие, Lobster, Intro, Appetite, Bebas и Philosopher до сих пор смотрят на нас с каждой второй вывески, меню в кафе, биллборда и баннера в интернете.

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

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

Где искать

Подборка типографики на Behance
Подборка типографики на Dribbble
Подборка типографики на Awwwards

Бен Парр. Ловушка для внимания

Разжечь костёр внимания

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

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

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

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

Во-первых, живой, образный и лёгкий для восприятия язык подачи.

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

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

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

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

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

Представьте: пятница, до конца рабочего дня пятнадцать минут, все дела сделаны, выходные ждут. Осталось только допить последний кофе, выключить рабочий компьютер и бежать навстречу выходным. И тут из типографии прилетает: «Re: Срочно переделайте! Файлы не подходят!»
Такое случается, когда дизайнер запарился и забыл проверить файл перед отправкой в печать, а менеджер не проконтролировал.
Избежать таких страданий и сберечь время поможет список с обязательным минимумом пунктов для проверки готовности макета. На что обратить внимание?

Уточняем размер

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

Например, размер вертикального листа формата А4: 210×297 мм.

Устанавливаем цветовую модель

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

Подробнее о цветовых моделях я писал в статье «Почему типография требует файл в CMYK».

Да, типография попросит вас сохранить рабочий файл в модели CMYK. Это стандарт, просто следуйте ему.

Настраиваем разрешение

Разрешение макета — это максимальное количество точек краски, которое печатная машина способна уместить в одном квадратном дюйме на листе (Dots Per Inch — «точек на дюйм»).
Если верить исследованиям — оптимальное разрешение при печати составляет 300dpi,при меньшем человеческий глаз увидит пикселизацию и менее чёткое изображение.

Для биллбордов, перетягов и всех широкоформатной рекламы обычно достаточно разрешения в 90-120dpi.

Одно и то же изображение с разрешением 300, 150 и 72 dpi.

Добавляем выпуски

Отпечатанные листы тиража в типографии режутся стопками. Эти стопки могут немного смещаться под нажимом печатного ножа. Например, так возникают срезанная с одного края макета информация и непонятные белые поля с другого.
Выпуски (bleeds) — запечатываемые дополнительные поля вокруг макета. Они нужны, чтобы избежать таких проблем на печати. Даже если нож съедет, он захватит запечатанную область из выпуска, и белого поля не появится.
Размер выпусков варьируется от 2 до 5 мм, он зависит от требований типографии.

Пунктиром показана траектория ножа. Пространство между границами основного макета и выпусками будет срезано.

Приводим текст в порядок

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

Основные принципы оформления текста в макетах читайте в статье «Повышаем визуальную привлекательность текста».

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

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

Слева — редактируемый текст, справа — он же в кривых

Это необходимо, если вы отправляете в типографию исходник (например, в форматах .ai, .eps, .cdr или .indd).
При сохранении в PDF шрифты встраиваются в файл, если нет лицензионных ограничений.
Также нет нужды переводить шрифты в кривые, если в печать пойдёт растровый TIFF.

Проверяем чёрный

Если макет предполагает сплошную чёрную заливку, простой чёрный свет лучше не использовать (CMYK: 0-0-0-100) — бумага впитает часть краски, и заливка получится неравномерно серой.
Вместо этого попробуйте составной чёрный — он комбинируется из всех четырёх красок.
Максимальную величину суммы красок уточняйте в типографии, обычно это 220-300%. Если краски будет больше, то бумага размокнет и изображение расплывётся.

Слева — простой чёрный цвет (CMYK: 0-0-0-100). Справа — составной чёрный (CMYK: 60-60-60-100).
Ранее Ctrl + ↓