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

процесс

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Презентуем:

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

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

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

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

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

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

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

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

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

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

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

Хеппи-энд.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ищем цвета:

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

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

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

Сан-арт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лукрум

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

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



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



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



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


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


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


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

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

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



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

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

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



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



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



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



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



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



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



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



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

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

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

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



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



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



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



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

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

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

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



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



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



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



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



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



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

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

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



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



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



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



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



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



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



Готово:



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