о подаче информации, айдентике, интерфейсах и жизненной среде.
Посмотреть работы · Поддержать · Подписаться

Позднее Ctrl + ↑

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стихи XXXV (окончание)

25 сентября 2006
Как лимонная цедра,
Твои недра
Вызывают
Прилив слюны,
И рефлексы мечтать начинают
О начале войны.
И мозг клинит…
Когда судья
Плоток кинет,
И я
Отпущу свою похоть,
Услышу твой хохот,
И конвульсии тела
Сначала несмело,
И громче потом
Разродятся слоном?
15 января 2006
Стрелу в тетиву!
Нуждаясь в ярости, напряжении,
Поглощал белки, жиры, углеводы,
И созерцал гения
С большой «W».
А говоря, неосознанно что-то тая,
Лил воды.
Говоря так в одну зарю,
Произнес цель, которую необходимо разить.
Необузданное рвение получило прицел —
Пора жить.
И вот чей-то мужчина, чей-то сын,
Готов для «взрослых» дел.
Мне 21.

«Дизайн — это работа» Майка Монтейро

Название характеризует книгу невероятно метко: «Дизайн — это работа» (Design Is a Job).

Монтейро прост и силён. Главные идеи, сформулированные в призывы или инструкции, так и выпирают на читателя. Поясняющего текста между ними немного. Это отжатый опыт с щепоткой иронии.

Книга будет полезна дизайнерам (и не только) любого уровня. Далее используется терминология Антона Шнайдера из совета об уровнях осознанности дизайнеров. Информация в книге изложена по мере роста дизайнера.

Ребёнку

В начале Майк рассказывает о губительном мифе «дизайнер = творец». «Этот миф разрушителен, так как сводит работу дизайнера к возне канцелярской пиксельной крысы, украшателя и того, кто только ищет путь к успеху.» Почему так происходит автор объясняет за первые 3 страницы (первой главы). И немедля переходит к сути работы дизайнера:

«Первый шаг в разработке чего бы то ни было — это вопрос: „Зачем мы это делаем?“ Если ответ неясен — неясен лично вам или его просто не существует, — вы ничего не сможете создать.»

Ксероксу (и, возможно, Задире)

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

«В идеале клиент приходит и говорит: „Мы ясно понимаем свою проблему, мы не привязаны к какому-либо конкретному решению, и нам не терпится начать с вами работать, чтобы вместе найти решение“. А потом мы все седлаем наших единорогов и скачем. Куда вероятнее, что клиент приходит к вам, уже представляя себе какое-то решение, даже если толком не может сформулировать проблему.

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

Задире (особенно работающиму на себя)

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

«...Клиент сказал нам, что просит всех кандидатов набросать несколько концепций заказываемого сайта, чтобы помочь принятию решения. <...> Его целью было убедиться в том, что он получит хорошую работу. И он придумал план, который, по его мнению, это обеспечивал. Важно научиться отделять цели клиента от планов, потому что цели, как правило, стоят внимания. По крайней мере, тех клиентов, в разговоре с которыми вы зашли уже достаточно далеко. Их планы, однако, совсем другое дело.
За планирование того, как достичь цели, отвечаете вы. Это ваша работа. И если вы не покажете клиенту, что берете на себя эту ответственность, вам будет очень трудно осуществить что-либо в ходе проекта.»

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

Рекомендации работают.

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

Откровением было, что они бывают главным инструментом привлечения клиентов. Монтейро хорошо объясняет, почему и как они работают.

Учителю

Монтейро несёт простые и логичные идеи работы с другими дизайнерами:

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

«Дайте людям достаточно свободы действий для провала. И не так, чтобы в последний момент вы появлялись и спасали их, а так, чтобы они были уверены, что этого не будет.»

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

Художник знает, что искать лучше меня, сам справится.

Отмечу, что взгляды Майка на ценообразование дизайна противоречат принципу ФФФ:

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

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

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

P. S. Отзыв Артёма Горбунова

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Презентуем:

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

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

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

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

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

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

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

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

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

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

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

Хеппи-энд.

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

Ранее Ctrl + ↓