Кирилл Беляев: заметки с тегом процесс

Создание логотипа «Дизайн-снепера»

Кирилл Беляев — Wed, 25 Feb 2015 18:22:06 +0300

Этот проект особенный, впервые клиентом был дизайнер интерфейсов Николай Товеровский.

Николай предложил «Дизайн-снепер» для эксперимента «Бесплатный логотип». Задача выглядела сложной, неподходящей для нашего эксперимента. Тут было не обойтись без согласований и вариантов. Мы предложили сделать полноценный проект на 11 дней.

Вместе с Николаем составляем схемы:

Думаем:

Первой идеей была искра. Собираем и презентуем:

«Острая сопля», — говорит недоумевающий клиент. Единственная принятая идея — динамический шрифт.

Второй подход затягивается. Николай присылает письмо:

Договариваемся, что воспользуемся этой идеей, если не предложим ничего привлекательного в срок. Момент жёсткий: переживаем, что подведём клиента.

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

Клиенту нравится идея сачка, но просто сачок — это скучно и далеко от тематики скриншотов, ай-ти и пикселей. Нужен «нео-сачёк» для пикселей.

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

«Квадратный» сачок — шаг в правильном направлении.

Несколько подходов — всё не то. Клиент: «Не хватает связи с продуктом, с тем что он делает».

В этих поисках появляется версия с аббревиатурой, которую будем использовать для иконок.
ds-neo-net-search@2x.jpg

И вот сачок мутировал — он научился кадрировать:

Конструкции знака не хватает прочности. Финальным аккордом стали тени, которые разделили линейки кропа и позволили не разрывать форму:

Находим фавиконку:

Страница проекта на сайте «Кипо»

Десятиграммовая упаковка «Чаши тепла»

Кирилл Беляев — Wed, 08 Jan 2014 23:25:55 +0300

Готовы новые 10-граммовые чайные коробочки (версия 2.0). Эволюция:

Первая версия собиралась без нас из подручных материалов «на коленке» :-) На неё ребята из «Чаши тепла» получили положительные отзывы.

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

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

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

Вторая версия решила ряд проблем:

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

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

прямые скосы (жёлтый макет) были слишком низкими — чай просыпался;
выносы (ЛВУ) занимали всю полость коробочки — объёмному чаю не хватало места;
ровные окружности (ПВУ) сработали лучше всего.

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

Инструкция и условия:

Фраза, авторства Артемия Лебедева, отлично подошла чаю:

Пробную партию отпечатали на бумаге «Вудсток Битулла» на цифровой машине. Офсетом в один пантон будет качественнее и дешевле.

Абзац негодования о могучем русском сервисе. Изначально хотели печатать на «Сугеро» (она более насыщенного цвета), но через пару дней после приёма заказа и оплаты типография «Эй-пи-трейд» сообщила, что такой бумаги у них нет, и за её наличие они не отвечают. Доброе имя портит плохое обслуживание.

P. S. Заметка о прошлой версии

P. P. S. Смотрите небольшую серию фотографий в группе во Вконтакте:

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

Кирилл Беляев — Fri, 13 Dec 2013 18:23:28 +0300

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

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

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

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

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

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

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

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

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

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

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

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

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

Презентуем:

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

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

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

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

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

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

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

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

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

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

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

Хеппи-энд.

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

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

Кирилл Беляев — Mon, 11 Nov 2013 15:22:38 +0300

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

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

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

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

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

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

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

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

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

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

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

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

Ищем цвета:

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

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

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

Сан-арт

Кирилл Беляев — Wed, 29 May 2013 20:08:17 +0300

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Школьная страна

Кирилл Беляев — Thu, 23 May 2013 17:13:37 +0300

Мы сделали логотип для магазина детской одежды для школы и отдыха «Школьная страна».

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

Этот проект дал нам уверенность, в работоспособности ФФФ. С этого года мы экспериментируем с этим методом (спасибо Бюро). У рабочего дня есть фиксированная стоимость. Проанализировав задачу, мы считаем сколько их понадобится и говорим стоимость. Если успели раньше — клиент тратит меньше. Если не успеваем, совещаемся с клиентом, что упростить или увеличиваем количество рабочих дней.

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

Итого получилось: два дня до презентации решения и ещё почти день на полировку и подготовку упрощённых вариантов.

Скромный рабочий файл:

На основе гарнитуры — ПТ Моно

Лукрум

Кирилл Беляев — Sat, 24 Nov 2012 15:29:52 +0300

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

Всё началось с названия. Мы предложили четыре варианта (по два на английском и русском языках):

Победил «Lookroom». Затем сделали два варианта логотипа:

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

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

Главная (1024 и 1920 пикселей по ширине)

Выпадающее меню и детали при наведении на объект

«Всплывашка» с контактной информацией

Теперь хорошо.

Отдельно хочу показать переключалку сортировки — она получилась супер-отмороженной. У меня ушло секунд 30, что бы вспомнить что к чему. Но на неё точно бы все нажимали, точно бы поняли и точно бы запомнили — сайт-то для дизайнеров :)

Проект остановился после утверждения главной.

Процесс создания обложки для брошюры «Анлимитед хостинг из нот анлимитед»

Кирилл Беляев — Tue, 28 Aug 2012 00:06:28 +0300

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

Да здравствуют картинки из интернета: мифы, черепахи, слоны и горы!

Композиция обещала быть сложной, поэтому мы сражались с ней на бумаге карандашом:

Отрисовываем скан, ищем шрифтовую композицию, отправляем клиенту:

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

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

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

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

Эта обложка стоила на 6% дешевле, а торги начались с 20%. Клиент объяснил: бюджет уменьшен сверху, текущая цена — максимум для последующих обложек, и возможно её уменьшение (на те самые 20%). Мы предложили пропорционально упростить картинки: будем показывать идеи, реализация которых занимает меньше времени, и сократим число итераций — клиент ничего не ответил. У нас появилась работа, оплачиваемая лучше, и мы решили не начинать (или не продолжать) переговоры.

P. S. Ссылка на заметку, в которой все обложки большого размера.

Процесс создания обложки для брошюры «ВДС-хостинг хау-ту гайд»

Кирилл Беляев — Fri, 24 Aug 2012 18:09:03 +0300

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

Собираем картинки с профильным изображением верблюда в полный рост и тюками:

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

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

P. S. Ссылка на заметку, в которой все обложки большого размера.

Процесс создания обложки для брошюры «Веб-сайт мирор гайд»

Кирилл Беляев — Thu, 23 Aug 2012 08:23:18 +0300

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

Сначала были эскизы. C первого захода покорить высоту не удалось, а вот вторая идея попала в десятку — клиент не скрывал радость:

Картинка, на которую можно подглядеть, была всего одна, и та с Айстокфото. Надо было выдумать как может «выглядет» подлодка с перископом.

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

Теперь нужно превратить невзрачный скан в конфетку. Отражаем картинку, чтобы перископ смотрел «в будущее». Все элементы вырезаются на отдельные слои для коррекции цвета, местоположения и главное — для разглаживания поверхности (Surface Blur) без повреждения границ форм. После добавляем векторных пузырьков и бликов.

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

Клиент выбирает шрифт и просит сменить имя автора и ещё немного поработать с «белым» участком. Правим.

P. S. Ссылка на заметку, в которой все обложки большого размера.

Процесс создания обложки для брошюры «Бук оф имеилс»

Кирилл Беляев — Tue, 21 Aug 2012 15:18:23 +0300

Эта обложка была настоящим долгостроем. Начинаем с идей:

Клиент выбирает вариант с грибами и мы, собрав кучу картинок грибов, начинаем рисовать:

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

Клиенту хочет: 1) увеличить грибы; 2) уйти от деления на две зоны; 3) сменить «грязь» под грибами на травку; 4) сделать иллюстрации более реалистичными. Мы ненадолго возвращаемся к первой и второй обложкам, чтобы отвлечься и придумать как нам быть с картинки, которые нам прислал клиент в качестве референса желаемой реалистичности:

Освежившись, мы пробуем другой путь — аппликацию на основе переведённых в битмап фотографий:

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

Клиенту нравится. Дорабатываем траву, ищем подходящее сочетание шрифтов и меняем автора:

Готово:

P. S. Ссылка на заметку, в которой все обложки большого размера.

Процесс создания обложки для брошюры «Калькулейтинг селерис ин Гугл-докс»

Кирилл Беляев — Mon, 20 Aug 2012 15:43:30 +0300

Между обложками про дятла и подсчёт зарплат была обложка про комментирование блогов.

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

Эскиз принимается на ура и мы начинаем с варианта в стилистике обложки с дятлом:

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

Комментарии: 1) костяшки похожи на бобы и их всё ещё мало; 2) упразднить карандашные линии, как стилеобразующий элемент; 3) попробовать привнести «деревянности», шероховатости и реалистичности материалам. Берём картинку с текстурой дерева из интернета, переводим её в вектор и добавляем к освещённым частям рамки и костяшек.

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

P. S. Ссылка на заметку, в которой все обложки большого размера.

Процесс создания обложки для брошюры «Веб-хостинг баерс гайд»

Кирилл Беляев — Tue, 07 Aug 2012 09:57:58 +0300

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

В качестве пробного задания решили рисовать обложку для брошюры «Веб-хостинг баерс гайд». Идея с дятлом, выбирающим дерево для будущего дупла, пришла сразу (американский дятел не тупица, а трудяга). Собираем картинки для отрисовки (для скорости берём с Айстокфотос), рисуем и показываем первый вариант:

Клиенту нравится идея, не нравится шрифтовая работа и обилие деталей на заднем плане — правим — останавливаемся на вариант с баблом:

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

Возвращаем карандаш и бабл — с ними живее. Меняем приоритеты в названии:

Новости от клиента: используем только шрифты с открытой лицензией и вместо имён авторов пишем «коллективный псевдоним». Горячо любимый «Гилл Санс» заменён на шрифт молдавского происхождения «Скола» (Skola Sans):

«Не злые» обезьянки

Кирилл Беляев — Thu, 07 Jun 2012 16:41:42 +0300

Рассказывая про «Тачес», я писал про 7 задач января и февраля. Только теперь мы готовы представить ещё одну штуку из тех семи — пока очень много времени уходит на рутинные действия.

Это серия из пяти принтов для студии Артишок, обыгрывающая трёх обезьян, «символизирующих буддистскую идею не деяния зла и отрешённости от неистинного» (Википедия).

При первом ударе лопатой обнаружили клад — существование ещё одной мартышки, которая не «делает зла», закрывая живот или промежность. Мы не устояли и выбрали промежность :)

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

Hear no evil	See no evil	Speak no evil	Do no evil	No evil monkeys

футболка муж. / жен.	футболка муж. / жен.	футболка муж. / жет.	футболка муж. / жен.	футболка муж. / жен.
майка	майка	майка	майка	майка
сумка	сумка	сумка	cумка	сумка

Четыре в одном (без теней и в формате «ч/б»).

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

Традиционно: большое спасибо за повышение ценности на Бехансе (синий кругляк «Appreciate this»).

Арт-эффект

Кирилл Беляев — Mon, 14 May 2012 19:32:05 +0300

По окончанию семестрового курса «Art and Business» в «Институте искусств при Сотбис» моя сестра (вместе с двумя одногрупницами) готовила итоговый (выпускной) проект. Это концепт проект Санкт-Петербургской биеннале молодого российского искусства под названием «Art Effect». Идея:

Участвующие художники — будущее российского искусства, новое поколение, которое живет в «новом мире», но родились и выросли они в Советском Союзе, «старом мире». Поэтому мы предлагаем им подумать о связи времен — о прошлом, настоящем и будущем — о том, как они друг на друга влияют. Площадки биеннале соответственно будут разделены на три темы: «прошлое», «настоящее», «будущее». В названии «Art Effect» отражено взаимовлияние событий и времен, или же эффекта, который оказывают отдельные события на картину мира в целом. С одной стороны, это предложение задуматься о чем-то глобальном и серьезном, с другой стороны речь идет о всем понятных вещах, о том, что каждый испытывает на себе ежедневно и, скорее всего, так или иначе обдумывает.

Сестрёнка попросила нарисовать лого для этого мероприятия. За два дня (на майских праздниках) мы сделали логотип и флаер для наглядности. Сначала немного процесса:

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

Флаер формата 210x100 мм:

На лицевой стороне использована работа Сергея Лоцманова, работы которого были заявлены в проекте

Место проведения — выставочные пространства в зданиях бывших заводов на Обводном канале

Голосуем на Бехансе (синий кругляк «Appreciate this»).

Процесс создания сайта Тачес.ру

Кирилл Беляев — Mon, 02 Apr 2012 00:17:02 +0300

Дизайн сайта «Тачес.ру» заказало интернет-агентства «Дело в сайте». Это наш первая работа со студией в роли клиента: сотрудничество получилось продуктивнее и приятнее, чем с директором компании, которому нужен сайт подешевле и побыстрей.

По сути своей это мини-сайт: всё делалось ради главной станицы высадки. Кроме неё мы нарисовали форму заказа, информационную страницу и заставку с имитацией разблокировки сенсорного экрана.

Начинаем с главной:

Задачу не поняли, переделываем:

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

При встрече разбираемся, что не так, и обсуждаем, куда двигаться. Тут надо сказать отдельное спасибо Денису Левченко за его опыт и чёткое видение цели. Рисуем ещё раз:

Теперь ок. Когда дизайн уже был готов, меня пригласили на фотосесию для сайта. Было холодно (—24 C°), но познавательно.

В начале марта стартовали скидки — для них сделали весеннюю тему:

Ссылка на рабочий сайт

Процесс создания стиля бильярдного клуба «Русскiй»

Кирилл Беляев — Thu, 05 Jan 2012 18:47:01 +0300

Внимание! Пост мега длинный и за пару секунд его не осилить. Рассчитывайте силы и время :)

Московский бильярдный клуб «Русскiй» является первым совместным проектом молодых ребят — больших любителей поиграть в эту настольную игру. В клубе 7 столов, преимущественно двенадцатифутовых для русского бильярда. Для клуба мы сделали логотип, первый пакет бумажных носителей, немного наружной рекламы и промо-страничку в сети. Но обо всём по порядку.

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

Первая презентация названия

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

Вторая презентация названия

Клиент вдохновленный написанием слова «Кiй», сам придумал название «Русскiй», дабы акцентировать внимание, на преобладании в клубе аналогичных столов. Такое решение видится нам не удачным, так как, с одной стороны, это название звучит слегка националистично (особенно в Москве с её процентом приезжего населения), а с другой, его написание, неминуемо отсылает нас к Древней Руси (именно так это слово тогда писалось) или к Белорусскому написанию, что совсем не кстати. Мы озвучили наши сомнения, но клиент настоял на своём, оставшись уверенным, что большинство увидит только «i», а национализма никто не заметит, ведь бильярд-то «русский».

После этой части мы просим потратить 2 секунды на голосование. При желании, можно потратить ещё пару минут и объяснить в комментариях свой выбор.

UPD: Здесь была Голосовалка, но после обновления движка, она сломалась.

Результаты голосования «Какое название для бильярдного клуба нравится вам?»:

BallBar (Ball Bar, Ballbar)	3
БолБар (Бол Бар, Болбар)	0
Green Keeng	2
Лисий нос	9
Looza	6
Трик Стик (Трик стик)	1
Кручёный	3
Шаровая	1
Кiй	8
Русскiй	1
Всего проголосовало	34

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

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

Параллельно работаем над шрифтовой частью логотипа:

Первая презентация логотипа

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

Клиент, убедившись в том, что текст + кий + шары получается скучно, сказал что первый вариант нравится больше, только от медведя бы избавиться. Какое-то время обсуждаем, что же такое может там быть, относящееся к пабному гербу, клубу, бару и не конфликтующее с названием «Русскiй». И предлагаем сделать двуглавого дракона, глубоко внутри скрывающего русского Змея Горыныча, который, как и его предшественник, держит кий. Идея, утверждённая на словах с клиентом, начинает обретать физический облик. Времени остаётся совсем мало, поэтому быстро собираем картинки старых драконов, змиев и прочих гадов по теме, разбираемся с формой, презентуем первого дракона:

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

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

Логотип готов. У него есть несколько цветовых схем и компактная версия с уменьшенным драконом:

Переходим к носителям. Делаем листовку с картой:

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

На основе листовки собираем штендер и спичечный коробок:

Работаем над призматроном:

И наконец готовим промо-страничку rus-kiy.ru, с деревянной таблицей цен, картой земель, социокнопками и фотографиями, которые, кстати, листает Фоторама:

Процесс создания логотипа «Фьюжен + Керамика»

Кирилл Беляев — Mon, 12 Sep 2011 13:26:07 +0300

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

Клиент пришёл со словом «Фьюжен» и неуверенностью в том, что это то название, которое им нужно. Мы предложили сделать ещё парочку названий, чтобы клиент получил взгляд извне и примеры для сравнения. Из придуманных были: Overlay, Tilex, Terramix (Террамикс), Открытое пространство, Pottery (Поттери), Bitmix, Smartarea. Часть из них уже существовали, часть показались менее сильными и клиент увидел вот эти:

Несмотря на «Форд», клиент счёл, что первоначальный вариант лучше, а потом добавил ему ещё «керамику» и получилось «Фьюжен-керамика».

Пришло время начинать работу над логотипом:

Первая презентация:

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

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

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

Принялись за третью и четвёртую итерацию: пробуем с «и» вместо «+», добавляем подстрочник (пора посмотреть, как логотип будет выглядеть с ним), пробуем сгладить форму двумя способами: скруглить углы и заменить прямые на дуги плюс пробуем новые, теперь более простые варианты узоров:

Клиент останавливается на двух вариантах; теперь нужно поперекрашивать, покомбинировать и привнести чего-то новенького. Ну, и ещё раз поискать шрифты (правда на этот раз указывает два направление пути):

Мы утвердили знак, но шрифтовая часть всё ещё не устраивает. Клиент просит ещё раз поработать над шрифтовой частью без его наводки. Договариваемся, что следующий подход к поиску шрифтов будет последним. Делаем мощный рывок и находим необходимое:

Здесь приведены далеко не все варианты и их подварианты. Вообще, это был один из самых сложных моментов, а презентация по его итогам составила 31 страницу (вторая по величине за весь проект).

Дорабатываем и готовим материалы к передаче клиенту: