19 заметок с тегом

логотип

Пример к заметке о ненужности дизайн-руководств

Редизайн канала «Универсо» — свежий пример для заметки «Вместо дизайн-руководств». Пересказывать ту заметку не буду, поэтому если не читали, лучше начните с неё.

«Универсо» — это кабельный канал компании «Эн-Би-Си Юнивёрсал» на испанском (Википедия с подробностями). При редизайне убрали «NBC», сменили шрифт и цвета, но узнаваемый павлин остался.

Нынешнюю форму павлина сделали в фирме «Чармаев и Гейзмер» в 1986-м. Эта лаконичная форма работает уже 30 лет. А редизайн, который сделали в «Трольбек + компания», по-моему, по силам штатному дизайнеру.

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

Логотипы «Чармаева и Гейзмера и Хавива» стоят на одной ступеньке с работами Сола Басса.

Можно подумать, что только в доцифровую эпоху умудрялись так лаконично делать. Но нет, вот 2013 и 2016:

P. S. Ссылки по теме:

  1. История логотипа Эн-Би-Си — отдельная страница в Википедии.
  2. О Иване Чармаеве в «Великой эпохе».
  3. Таймлайн с работами «Чармаева и Гейзмера и Хавива».
  4. Эскизами и цитатами о создании логотипов на «Лого дизайн лав» к 60-летию фирмы.
2017   логотип   мастера   решение   фирстиль

Логотип города

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

Если всё-таки делать логотип, то для самой требовательной публики, для новаторов выбранного города. Как Тесла: сначала спорткары, потом массовые. Или как Снепчат: сначала интерфейс для «избранных», потом для всех. Ориентиром считал бы передовых местных графдизайнеров и дизайнеров одежды. Чтобы взыскательные модники хотели носить логотип на себе.

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

Теперь пример. Осенью 2015-го Рижская дума объявило конкурс на логотип города. Герб Риги, кстати, рабочий. Конкурсная комиссия выбрала финалистов, а в выборе победителя комиссии помогло народное голосование. Победитель — нижний правый:

Тут все варианты тухлые. Единственный интересный, который я нашёл, в финал не вышел:

А вот как делать надо. С 2012 года местная студия «Миесай» делает вещи с собственным логотипом Риги. И их покупают и носят модники и бородатые хипстеры.

Ребята делают хорошо не только графику. У футболок крутое качество: ткани, швы, а главное — крой. Отдельно меня порадовало, что на шее нет ярлыка, который чешет. Вместо него — стопка картоночек на шнурке, который крепится к футболке английской булавкой.

Официальный логотип выбрали в 2015-м, в прошлом году ещё не видел его. Логотип Миесай пятый год покупают люди со всего мира.

2017   город   логотип   Рига

Вместо дизайн-руководств

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

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

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

Работы Басса лежат в Пинтересе каждого 2-го дизайнера, даже если они ничего не знают об авторе. Его работы лаконичны и хорошо вписываются в разные стилистке. При этом они с характером. Видимо, эти качества обеспечили логотипам Базза долгую жизнь — в среднем по 34 года.

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

2. Экономить начну дальше. Вместо руководств и прочего, найму дизайнера в штат. Уровень дизайнера будет зависеть от бюджета. Если будет супердефицит предложу сдельную работу большими кусками. У дизайнера будет логотип и свобода в оформлении материалов. Возможно, он создаст систему, а может, и нет — неважно.

3. Когда 1-й дизайнер устанет или придёт время меняться, найму 2-го. И снова дам ему логотип и свободу. Может, он создаст новую систему.

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

2016   логотип   мастера   решение   фирстиль

Представьте, что вы — логотип

В АРИЗе есть метод моделирования «маленькими человечками» (метод ММЧ):

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

Метод возник на основе синектической личной аналогии:

...В синектике используется личная аналогия (эмпатия): человек вживается в образ предмета, о котором идет речь в задаче, и пытается представить нужные изменения. Практика работы с этим приемом показала, что иногда он действительно облегчает решение задачи, а иногда, напротив, заводит в тупик. <...> Оказалось, что личная аналогия вредна во всех случаях, когда решение требует «разрушительного» изменения объекта (разделить, раздробить, расплавить и т. д.). Отождествив себя с объектом, человек невольно избегает «разрушительных» преобразований... Возникла проблема: как сохранить (и развить!) положительные качества личной аналогии и избавиться от ее отрицательных качеств? Так в ТРИЗ появился метод ММЧ. Оперативную зону (не весь объект!) представляют в виде разделенной на две «команды» толпы маленьких человечков. Строят схему конфликта, а потом меняют поведение маленьких человечков, устраняя конфликт. Толпа маленьких человечков легко дробится и перестраивается. Это гибкая и наглядная модель.

Саму же синектику разработал Уильям Гордон в США.

Сменил четыре университета, не окончив ни одного, потом перепробовал десятка полтора профессий, получил полсотни патентов на изобретения… В 1952 г. Гордон организовал первую постоянную группу для решения изобретательских задач. К 1960 г. группа выросла в фирму «Синектикс инкорпорейтед», принимающую заказы на решение задач и обучение творческому мышлению.

<...>

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

Рабочими механизмами для выработки свежего взгляда на задачу являются аналогии: 1) прямая — любая аналогия, например из природы; 2) личная (эмпатия) — попытка взглянуть на задачу, отождествив себя с объектом и войдя в его образ; 3) символическая — нахождение краткого символического описания задачи или объекта; 4) фантастическая — изложение задачи в терминах и понятиях сказок, мифов, легенд.

Личная аналогия помогает ответить на вопрос «что должен делать логотип, какая у него задача?». Предложение представить, что клиент и есть логотип, вызывает у собеседника конкретные образы: «я буду вежливо рассказывать о компании», «я покажу, на что мы способны». Ответы сильно зависят от человека. Не все раскроются или согласятся играть, и не у всех отважившихся получится хорошо. Но польза будет и в таких случаях. Вы лучше поймёте клиента, и вместе с ним приблизитесь к пониманию задачи.

Бывает личная аналогия некомфортна. Например, компания сносит промышленные объекты, а директор сдержанный и не готов собственноручно крушить. Чтобы снять психологический барьер, предложите представить любого другого человека, животное или «маленьких человечков». Главное, чтобы нечто было живое и осуществляло действие.

2015   логотип   решение   ТРИЗ

Пример: логотип в одну сущность, знающий о контексте

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

Похожий приём использован на сайте Эгеи, но прямой связи между образом и названием нет.

2015   логотип   ТРИЗ

Сущности логотипа

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

Когда информация в избытке, люди стремятся её упростить и систематизировать. Поэтому идентифицируют одно свойство бренда, и запоминают его по этому свойству. (Подробнее в лекции Аркадий Морейнис «Поиск и проверка новых идей бизнеса: взгляд с темной стороны» и книге Гарри Беквита «Продавая незримое».)

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

Чем меньше в логотипе сущностей, тем лучше: легче понять и запомнить.

Улучшим «классический» логотип сегодняшнего дня

Как правило, он состоит из знака, названия (оно же штифтовая часть или «логотип») и подстрочника (статус, слоган, дескриптор). Это 3 сущности. Каждая из них делится. Надписи делятся на буквы, знак — на фигуры. Если шрифтовик поработал хорошо, название и подстрочник воспринимаются цельно и остаются в сознании двумя сущностями. Хороший знак — одна сущность.

Две надписи в логотипе спорят или дополняют друг друга. Спор грозит кашей в голове зрителя. А дополнение указывает на несостоятельность одного из пары. Хороший дизайнер выбирает сильнейшего или соединяет надписи в одну. Например, Фольксваген не пишет название, только слоган:

Считаю, что в логотипе банка «Кольцо Урала» третью сущность — слово «банк» — лучше склеить с названием:

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

Название, выполненное характерными литерами — сильный логотип:

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

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

Если «идеальное» решение в одну сущность недоступно, ТРИЗ рекомендует «отступить от идеала». Дизайнер возвращается назад к двум сущностям и осмысляет связь между ними:

Тут уместно рассказать о приёме из рекламных макетов 2010 года компании «Мерседес-Бенц». У Мерседеса название набрано спокойной антиквой. Разнеся название и знак по разным сторонам макета, дизайнеры получили два логотипа в глазах профсообщества. В глазах потребителей оставался только знак. Отдельно написанное название не воспринималось логотипом, так как связь со знаком была слабая (центральная ось).

Главное, чему учит этот приём — знание о контексте. Не стоит проектировать логотип в белом вакууме графического редактора. Думайте о среде, в которой логотип будет работать.

Посмотрим в глубь сущности

Надпись состоит из букв. Пока сохраняется смысл, чем букв меньше, тем лучше (-: В аббревиатурах смысла нет, его придётся доносить дополнительно. Хорошо сделанные буквы собираются в цельную надпись — одну сущность.

Знак состоит из графических образов. Если он содержит один образ, это хорошо. Например, фигурка джентльмена. Два джентльмена — хуже. Тут важно ещё за сутью следить. Если компания называется «Банк братьев Смитов», то два джентльмена снова в деле. Они иллюстрируют братьев. Другой пример: волк и заяц. Сущности две, но если волк за зайцем бежит, то это уже «погоня» или «охота» — цельная сущность.

Когда сущностей на одном уровне становится больше 7-10, мозг собирает их в группу — в новую сущность. Яркий пример — Юнилевер. 26 сущностей образуют одну: флора и фауна в форме заглавной буквы названия. (Напомню об ограничениях: мелкие детали ухудшат читаемость знака в малых размерах.)

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

2015   логотип   ТРИЗ

Шрифтовые логотипы в вебе

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

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

Яндекс может просто впечатывать названия продуктов фирменным шрифтом.

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

В целом всё по стандартам триза «сделать статическое динамическим» (или постоянное — переменным) и «сделать неуправляемое управляемым» (другой пример применения стандарта). Кернить, менять цвет, подчёркивание, кегль и интерлиньяж — одно удовольствие.

Для примера наш логотип:

Процедура в три шага:

  1. Оупен-тайп собрал в приложении Glyphs (кстати, поделитесь простыми шрифтовыми редакторами в комментариях). Скопировал и вставил объекты из Иллюстратора плюс минимально настроил.
  2. Из полученного Оупен‑тайпа сгенерировал набор шрифтов для веба на Font Squirrel.
  3. Добавил набор на сайт.

Что скажете? :-)

2014   веб   идея   логотип   лучше так   ТРИЗ

Создание логотипа «Бабл фарма»

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

Один из основателей компании и ведущий проекта со стороны клиента — Алексей Черновой. Вместе мы работали над оформлением фестиваля «Сан-арт».

Сначала название. Клиент предпочитает латиницу. Накидываем идеи на тему мыла, пузырей, чистоты и сияния и отправляем лучшие. Побеждает «пузырьковая ферма»:

Клиенту нравятся персонажи в логотипах, он предлагает нарисовать мыльце. Эскизируем:

Хотим многовариативный логотип из названия, знака, расшифровки, лигатуры и подписи «основано в 2013». Подбираем варианты расположения элементов в логотипе. Цель — найти конструкцию, поэтому для скорости пренебрегаем оформлением (достаём милый сердцу Гарамонд, не смотрим на разрядку и прочее):

Ищем как лучше соединить «B» и «F»:

Создаем эскизную форму лигатуры, доработаем потом в зависимости от шрифта:

Рисуем много букв:

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

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

Ищем удачную композицию. Появляется флажок, мыльце шагает вперёд:

Видим каким должен быть шрифт — рисуем:

Собираем векторный эскиз логотипа:

Презентуем:

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

Находим новые образы: фермерская лейка, поливающая мыльными пузырями и «толстый» пузырь в ванне:

Лейка загадочней, переводим её в вектор:

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

На этой стадии важно найти интересный образ. Быстро соединяем шрифт с лейкой, грубо режем буквы:

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

Клиент рад. Приступаем к чистовой версии. Экспериментируем с формой ванны и густотой травы:

Ищем компактную шрифтовую композицию, которая уютно расположится в мыльном пузыре (попутно «играем» с новыми начертаниями):

Укладываем полюбившиеся клиенту буквы в пузырь:

Пришло время лигатуры:

Презентация. Основной цвет — яркий «чистый» голубой:

Хеппи-энд.

Проект в портфолио плюс Беханс и Ревижн для голосующих.

Процесс создания логотипа для кафе «Веранда»

Летом знакомые дизайнеры из Риги оформляли кафе-террасу в Твери и предложили нам сделать логотип по утверждённому эскизу.

Проект не для портфолио, но на его примере удобно рассказать о тонкостях процесса.

У нас были: падающая колибри с пузом и сломанным хвостом, неприятные шрифты, недожатая композиция (не то центрированная, не то с диагональным смещением) и неуловимый шарм, который стоило сохранить:

Сначала изучаем птичек:

Грубо лечим птичку в Фотошопе и утверждаем у ребят (они общались клиентом и вели проект):

Параллельно подбираем шрифты:

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

Выбираем подходящие варианты символов и собираем единую надпись:

Оптимизируем название:

Собираем и показываем логотип:

В целом всё хорошо. Ребятам не нравятся «осенние» цвета. Они замечают, что угол наклона буквы «f» не совпадает с углом корпуса и хвоста колибри, за что им спасибо. Менять угол наклона элементов букв сложно и опасно, а вот повернуть птичку на 7° легко.

Пришло время разобраться с пёрышками:

Ищем цвета:

Меняем фиолетовый на молочный шоколад. Упрощаем одноцветный вариант. При тестовой печати видим растекание краски около мелких элементов. Правим.

Готовим и отдаём все цветовые версии (полноцвет, пантоны, плёнки):

На основе гарнитур: Утопия и Бикхам-скрипт

Сан-арт

Мы сделали логотип и оформили печатные материалы для фестиваля «Сан-арт», проходящего на Бугазской косе Чёрного моря (Краснодарский край). Фестиваль ориентирован на творческих людей. Он для тех, кто хочет хорошо отдохнуть и многому научиться. Основная часть программы — это мастер-классы по фотографии, йоги, винд- и кайтсёрфингу.

Началось с того, что ребята из «Пиплз» зимой 2012—13 года организовывали фотоконкурс в Петербурге, где Алексею Черновому нас порекомендовали знакомые. С этим проектом мы не сошлись в цене, но клиент про нас узнал, ему понравился уровень и стилистики наших работ.

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

Бюджет был маленький, и целый стиль в него не укладывался. Опираясь на опыт «Школьной страны» мы рассчитали, объём, который можно успеть и предложили клиенту.

Скажу сразу, что в этом проекте мы не выдержали напора времени — проект занял немного больше, чем было оплачено. Да, можно было уменьшить объём работ, что-то упростить, но, поскольку до сдачи в печать (реальный дедлайн) было больше двух недель, мы договорились о бесплатном увеличении срока. Это решение облегчили полное доверие и ответственность со стороны Алексея и наша симпатия к культурным мероприятиям.

Процесс создания

Начинаем с логотипа. Идея сделать буквы в логотипе в виде чего-то относящегося к теме приходит сразу. Все эскизы уместились на листе А3:

Переводим в вектор, ищем заполнение «S», пробуем пальму для «Т», но отказываемся — импортная и несуразная слишком:

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

Презентуем и утверждаем:

Приступаем к персонажам. Их четверо, по одному на каждый мастер класс: фотограф, йог, кайт- и виндсерфер. Эскизные позы и прорисовка:

Карандашная картинка сканируется, чистится и печатается в увеличенном масштабе. За дело принимаются линеры и маркеры:

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

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

Как только билет окреп, возобновилась работа над персонажами:

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

Тем временем понимаем, что двое из четырёх героев получались тюфячками — правим:

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

Верстаем баннер для оформления задней стенки сцены:

Утверждаем персонажей, билеты и баннер. Готовим файлы для печати.

Алексей просит ещё сделать листовки и наклейки. Договариваемся о доплате, верстаем «по накатанной» и сдаём.

Гарнитура — Новито.

Проект в портфолио плюс Беханс и Ревижн для голосующих.

Ctrl + ↓ Ранее