34 заметки с тегом

графдизайн

Ctrl + ↑ Позднее

Борис Трофимов о адресной понятности

...знак всегда понятен тому, кому он предназначен: если вы пешеход, знак «Кузовной ­ремонт» вам ни о чем не скажет, а авто­любитель считает его сразу и отличит от знака «Ремонт карбюратора». Чело­век, который бреется, узнает бритву, а тот, кому нужно поменять деньги, — узнает деньги. У пиктограммы нет за­дачи быть понятной всем, должна быть адресная понятность.

Из интервью «Большому городу» о пиктограммах Олимпиады-80.

2013   графдизайн   цитаты

Сан-арт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2013   графдизайн   логотип   мы сделали   процесс   школа

Гданьск в феврале 2013-го (часть 1)

На севере Польши есть портовый город Гданьск. Историческую часть города построили с 13 по 18 века: никакого неоклассицизма, преимущественно средневековые домики с налогом на окна.

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

Водостоки проходят прямо под лестницами.

В субботу в старом городе по соседству с церквью Святого Николая работает рынок.

Базилика Успения Пресвятой Девы Марии 2-й по величине (после Кёльнского собора) и самый крупный кирпичный храм в Европе. Внешне церковь неуклюжа и груба, что не вяжется с изящным белым интерьером.

Напротив церкви расположен участок полиции.

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

В Гданьске замечательные вывески.

Витрина ломбарда со старыми телевизором.

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

Лавочка-клумба.

Велодержатель.

Почтовый ящик.

Остановка.

Специальные баки для пластика, бумаги и стекла (цветного и прозрачного) стоят отдельно от бака для прочего мусора. Интересно, что бака для металла нет (в Латвии, кстати, тоже).

Недостатка в общественных туалетах нет.

Часть из них выполнены и виде арт-объектов.

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

Ремонтные работы идут с раннего утра.

В старом городе оформление табличек с номерами домов и названиями улиц привели к одному стандарту.

Но вместе с ними сохраняют ценные экземпляры.

За пределами старого города — лихой разнобой.

Здания социалистической эпохи традиционно портят пейзаж.

Неожиданное решение логотипа «Банка Польши».

Стрит-арт.

Старый город в Гданьске кажется больше Таллинского и Рижского. На подъезде к городу авторазвязки и интенсивность движения не уступят Петербургским, хотя здесь живёт всего 460 тысяч. Гданьск очень крупный порт, а вместе с соседними Сопотом и Гдыней он входит в агломерацию, насчитывающую более миллиона жителей.

Каунас

Каунас — самый старый и второй по величине город Литвы:

Расположен на холмистой местности на слиянии двух рек:

В Каунусе базируется самая титулованная команда Литвы по баскетболу:

Город не сильно богат, как, впрочем, и вся Прибалтика:

Интересные решения транспортно-навигационной системы:
табличка с зелёной стрелкой рядом с красным сигналом светофора означает — проезд направо разрешён при горящем красном;

светофор только с жёлтым сигналом на пересечении пешеходной улицы и проезжей;

информационное табло на автобусных остановках (похожие были в Берлине, но в Риге таких не видели).

Таблички с номерами домов в старом городе набраны преимущественно сильно зауженным гротеском и украшены маленькими скобочками снизу и сверху:

Другие разновидности:

Я неравнодушен к вывескам почти любого типа:

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

Безжалостное решение вызывает желание выкупить всё здание и вернуть ему подобающий вид, а давшему на это добро, оторвать руки:

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

Удачное решение — оставить видимой лишь наиболее интересную часть:

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

Старый город пропитан Рождеством:

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

два яруса, на стыке которых стоят «страшилы», верхний ярус вполне обычный, нижний же — это беседка, внутри которой лавочки и сотни записок с желаниями;

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

Нелепое:
табличка «Центра рекламы и дизайна», какой они там дизайн делают;

информационный центр для туристов по выходным не работает.

Приглянулись:
деревянные балкончики;

старые телефонные будки;

пешеходный вантовый мост через автостраду;

столбы «одетые» в вязанные свитера и шапочки;

дeкор арки;

Советские отголоски:

Местная уличная фишечка — котики в четыре дуги и галочку:

Комментарии:
Максим
Интересно было посмотреть (и почитать), какое впечатление приезжим оставляет город, в котором я уже 20 лет как живу. Если будете еще когда-нибудь — напишите, проведу экскурсию :-)

Дмитрий Викторович
Не понял как работает светофор с одной лампой, позавидовал возможности оставить записку в ёлке, а котики напомнили мантру «Ом» :-) Путешествия по Европе с вами полно переживаний, жду продолжения.

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

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



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



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



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



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



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



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



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



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

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

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

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



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



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



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



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

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

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

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



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



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



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



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



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



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

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

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



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



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



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



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



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



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



Готово:



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

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

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

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

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

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

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



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



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



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



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