{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Кирилл Беляев: заметки с тегом процесс", "_rss_description": "о подаче информации, айдентике, интерфейсах и жизненной среде", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags\/protsess\/", "feed_url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags%2Fprotsess%2Fjson%2F", "icon": "https:\/\/kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101", "author": { "name": "Кирилл Беляев", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/", "avatar": "https:\/\/kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101" }, "items": [ { "id": "572", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/designsnapper-process\/", "title": "Создание логотипа «Дизайн-снепера»", "content_html": "

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

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

Вместе с Николаем составляем схемы:<\/p>\n

\n $\"\"$ \n<\/div>\n

Думаем:<\/p>\n

\n $\"\"$ \n<\/div>\n

Первой идеей была искра. Собираем и презентуем:<\/p>\n

\n $\"\"$ \n<\/div>\n

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

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

\n $\"\"$ \n<\/div>\n

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

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

\n $\"\"$ \n<\/div>\n

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

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

\n $\"\"$ \n<\/div>\n

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

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

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

И вот сачок мутировал — он научился кадрировать:<\/p>\n

\n $\"\"$ \n<\/div>\n

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

\n $\"\"$ \n<\/div>\n

Находим фавиконку:<\/p>\n

\n $\"\"$ \n<\/div>\n

Страница проекта на сайте «Кипо»<\/a><\/p>\n", "date_published": "2015-02-25T18:22:06+03:00", "date_modified": "2017-11-28T12:50:43+03:00", "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ds-multiscreen-scheme-wapol@2x.png", "_date_published_rfc2822": "Wed, 25 Feb 2015 18:22:06 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/designsnapper-process\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ds-multiscreen-scheme-wapol@2x.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ds-board.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ds-spark@2x.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ds-letter.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ds-net-finger-gun@2x.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ds-neo-net@2x.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ds-net-crop@2x.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ds-net-crop-shadows@2x.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ds-favicon.jpg" ] } }, { "id": "319", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/chasha-tepla-10-gram-package\/", "title": "Десятиграммовая упаковка «Чаши тепла»", "content_html": "

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

\n $\"\"$ \n<\/div>\n

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

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

переход на понятные 10 грамм;<\/li>\n

эксперимент с печатью штампами, хотя результаты неоднозначны: получается дёшево в производстве, атмосферно, душевно, но трудоёмко;<\/li>\n

положительная обратная связь;<\/li>\n

информация для улучшений в следующих версиях.<\/li>\n<\/ul>\n
По плану фольга клеилась изнутри. Выглядело это хорошо, но упаковка чая превращалась в пытку.<\/p>\n
\n $\"\"$ \n<\/div>\n
Вторая версия решила ряд проблем:<\/p>\n
\n
стало удобно высыпать чай из коробочки в заварник (в прошлой версии этому мешали углы, которые оставляла окружность);<\/li>\n
сборка стала быстрее раз в пять;<\/li>\n
меньшее число склеек сделало коробочку аккуратнее и ровней;<\/li>\n
коробочки стали многоразовыми (в прошлой версии после вскрытия фольги коробочка больше не закрывалась).<\/li>\n<\/ul>\n
\n $\"\"$ \n<\/div>\n
\n $\"\"$ \n<\/div>\n
Конструкцию мы увидели в интернете и адаптировали под размер и продукт. Делали прототипы, чтобы понять, как коробочка будет складываться, как в неё засыпается и из неё высыпается чай:<\/p>\n
\n
прямые скосы (жёлтый макет) были слишком низкими — чай просыпался;<\/li>\n
выносы (ЛВУ) занимали всю полость коробочки — объёмному чаю не хватало места;<\/li>\n
ровные окружности (ПВУ) сработали лучше всего.<\/li>\n<\/ul>\n
\n $\"\"$ \n<\/div>\n
Дополнительный положительный эффект отказа от протыкающейся фольги — освобождение грани, на которую переехала информация о сорте чая, освободив место мини-инструкции заваривания проливом:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Инструкция и условия:<\/p>\n
\n $\"\"$ \n<\/div>\n
Фраза, авторства Артемия Лебедева,<\/a> отлично подошла чаю:<\/p>\n
\n $\"\"$ \n<\/div>\n
Пробную партию отпечатали на бумаге «Вудсток Битулла<\/a>» на цифровой машине. Офсетом в один пантон будет качественнее и дешевле.<\/p>\n
Абзац негодования о могучем русском сервисе. Изначально хотели печатать на «Сугеро<\/a>» (она более насыщенного цвета), но через пару дней после приёма заказа и оплаты типография «Эй-пи-трейд» сообщила, что такой бумаги у них нет, и за её наличие они не отвечают. Доброе имя портит плохое обслуживание.<\/p>\n
P. S. Заметка о прошлой версии<\/a><\/p>\n
P. P. S. Смотрите небольшую серию фотографий<\/a> в группе во Вконтакте:<\/p>\n
\n $\"\"$ \n<\/div>\n", "date_published": "2014-01-08T23:25:55+03:00", "date_modified": "2014-09-17T11:54:50+03:00", "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/blog_IMG_7692_2.jpg", "_date_published_rfc2822": "Wed, 08 Jan 2014 23:25:55 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/chasha-tepla-10-gram-package\/", "_e2_data": { "is_favourite": true, "links_required": [ "system\/library\/jquery\/jquery.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js" ], "og_images": [ "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/blog_IMG_7692_2.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/stamp-cut_1.5.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/stamp-cut_2.0.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/blog_IMG_7657.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/blog_IMG_7697.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/blog_IMG_7701.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/blog_IMG_7700_2.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/blog_IMG_7677-7679.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/blog_IMG_7682_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/blog_IMG_7815.jpg" ] } }, { "id": "312", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/bubble-farm-process\/", "title": "Создание логотипа «Бабл фарма»", "content_html": "
В октябре мы придумали название и сделали логотип для мастерской, изготавливающей мыло с изображениями на заказ. Мыло ручной работы с картинкой — новый вид сувенирной продукции, а-ля кружка с логотипом.<\/p>\n
\n $\"\"$ \n<\/div>\n
Один из основателей компании и ведущий проекта со стороны клиента — Алексей Черновой. Вместе мы работали над оформлением фестиваля «Сан-арт<\/a>».<\/p>\n
Сначала название. Клиент предпочитает латиницу. Накидываем идеи на тему мыла, пузырей, чистоты и сияния и отправляем лучшие. Побеждает «пузырьковая ферма»:<\/p>\n
\n $\"\"$ \n<\/div>\n
Клиенту нравятся персонажи в логотипах, он предлагает нарисовать мыльце. Эскизируем:<\/p>\n
\n $\"\"$ \n<\/div>\n
Хотим многовариативный логотип из названия, знака, расшифровки, лигатуры и подписи «основано в 2013». Подбираем варианты расположения элементов в логотипе. Цель — найти конструкцию, поэтому для скорости пренебрегаем оформлением (достаём милый сердцу Гарамонд, не смотрим на разрядку и прочее):<\/p>\n
\n $\"\"$ \n<\/div>\n
Ищем как лучше соединить «B» и «F»:<\/p>\n
\n $\"\"$ \n
Создаем эскизную форму лигатуры, доработаем потом в зависимости от шрифта:<\/div>\n<\/div>\n
\n $\"\"$ \n<\/div>\n
Рисуем много букв:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Понимаем, что без полной картины подбирать характер шрифта сложно. С подписью было легче, она получилась сразу:<\/p>\n
\n $\"\"$ \n<\/div>\n
Хотим увидеть готового персонажа, чтобы разобраться с композицией и почувствовать шрифт. Печатаем копии эскиза и рисуем штрихи (для скорости пробуем инверсию; не сработало):<\/p>\n
\n $\"\"$ \n<\/div>\n
Ищем удачную композицию. Появляется флажок, мыльце шагает вперёд:<\/p>\n
\n $\"\"$ \n<\/div>\n
Видим каким должен быть шрифт — рисуем:<\/p>\n
\n $\"\"$ \n<\/div>\n
Собираем векторный эскиз логотипа:<\/p>\n
\n $\"\"$ \n<\/div>\n
Презентуем:<\/p>\n
\n $\"\"$ \n<\/div>\n
Клиент говорит, что шрифт классный, но логотип в целом громоздкий и сложный. Персонаж не оправдал ожидания: слишком понятный, трёхмерный и штрихованный. Клиент хочет плоский логотип с загадкой, чем-то необычным по смыслу, «с фишечкой». Предлагает подумать над ванной.<\/p>\n
Находим новые образы: фермерская лейка, поливающая мыльными пузырями и «толстый» пузырь в ванне:<\/p>\n
\n $\"\"$ \n<\/div>\n
Лейка загадочней, переводим её в вектор:<\/p>\n
\n $\"\"$ \n<\/div>\n
Совмещаем с одобренным шрифтом. Лейка и шрифт стоят отдельно друг от друга или композиция получается слабая:<\/p>\n
\n $\"\"$ \n<\/div>\n
На этой стадии важно найти интересный образ. Быстро соединяем шрифт с лейкой, грубо режем буквы:<\/p>\n
\n $\"\"$ \n<\/div>\n
Образ лейки клиенту навивает садово-огородные темы, нужно ближе к мылу и дальше от фермы. Возвращаемся к пузырю в ванной. Перевозим её на ферму — ставим на траву:<\/p>\n
\n $\"\"$ \n<\/div>\n
Клиент рад. Приступаем к чистовой версии. Экспериментируем с формой ванны и густотой травы:<\/p>\n
\n $\"\"$ \n<\/div>\n
Ищем компактную шрифтовую композицию, которая уютно расположится в мыльном пузыре (попутно «играем» с новыми начертаниями):<\/p>\n
\n $\"\"$ \n<\/div>\n
Укладываем полюбившиеся клиенту буквы в пузырь:<\/p>\n
\n $\"\"$ \n<\/div>\n
Пришло время лигатуры:<\/p>\n
\n $\"\"$ \n<\/div>\n
Презентация. Основной цвет — яркий «чистый» голубой:<\/p>\n
\n $\"\"$ \n<\/div>\n
Хеппи-энд.<\/p>\n
Проект в портфолио<\/a> плюс Беханс<\/a> и Ревижн<\/a> для голосующих.<\/p>\n", "date_published": "2013-12-13T18:23:28+03:00", "date_modified": "2014-09-17T11:55:11+03:00", "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/0-Bubble_Farm_logo_pre.png", "_date_published_rfc2822": "Fri, 13 Dec 2013 18:23:28 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/bubble-farm-process\/", "_e2_data": { "is_favourite": true, "links_required": [ "system\/library\/jquery\/jquery.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js" ], "og_images": [ "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/0-Bubble_Farm_logo_pre.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/01-name2_1.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/03-1-bubble-farm_scan_soap_1_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/02-1-bubble-farm_comp2.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/04-1-bubble-farm_scan_ligature_1-2.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/4-2-bubble-farm_scan_ligature_1.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/05-4-bubble-farm_scan_type_4_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/05-5-bubble-farm_scan_type_5_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/05-6-bubble-farm_scan_type_6_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/5-bubble-farm_scan_type_7-2.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/06-0-bubble-farm_scan_soap_4.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/06-1-bubble-farm_1st_vector.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/05-7-bubble-farm_scan_type_7-1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/08-1-bubble-farm_1st_vector-2_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/09-bf_pre_soap.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/11-1-bubble-farm_scan_wateringcan+bath_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/12-1-bubble-farm_vector_wateringcan-1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/11-2-bubble-farm_vector_wateringcan-2.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/12-wcan-view.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/14-bath-view_1.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/14-1-bubble-farm_vector_bath_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/05-7-bubble-farm_scan_type_7-2.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/15-1-bubble-farm_vector_type_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/15-2-bubble-farm_scan_ligature.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/16-bf_pre_bath_1.png" ] } }, { "id": "302", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/veranda-cafe-process\/", "title": "Процесс создания логотипа для кафе «Веранда»", "content_html": "
\n $\"\"$ \n<\/div>\n
Летом знакомые дизайнеры из Риги оформляли кафе-террасу в Твери и предложили нам сделать логотип по утверждённому эскизу.<\/p>\n
Проект не для портфолио, но на его примере удобно рассказать о тонкостях процесса.<\/p>\n
У нас были: падающая колибри с пузом и сломанным хвостом, неприятные шрифты, недожатая композиция (не то центрированная, не то с диагональным смещением) и неуловимый шарм, который стоило сохранить:<\/p>\n
\n $\"\"$ \n<\/div>\n
Сначала изучаем птичек:<\/p>\n
\n $\"\"$ \n<\/div>\n
Грубо лечим птичку в Фотошопе и утверждаем у ребят (они общались клиентом и вели проект):<\/p>\n
\n $\"\"$ \n<\/div>\n
Параллельно подбираем шрифты:<\/p>\n
\n $\"\"$ \n<\/div>\n
\n $\"\"$ \n<\/div>\n
Разбираемся со светом, тенью и основными пятнами цвета. Включаем прогрессивный джипег: переводим изображение в вектор, хотим быстрее увидеть птицу, похожую на финальный логотип. Форму каждого пёрышка причешем позже.<\/p>\n
\n $\"\"$ \n<\/div>\n
Выбираем подходящие варианты символов и собираем единую надпись:<\/p>\n
\n $\"\"$ \n<\/div>\n
Оптимизируем название:<\/p>\n
\n $\"\"$ \n<\/div>\n
Собираем и показываем логотип:<\/p>\n
\n $\"\"$ \n<\/div>\n
В целом всё хорошо. Ребятам не нравятся «осенние» цвета. Они замечают, что угол наклона буквы «f» не совпадает с углом корпуса и хвоста колибри, за что им спасибо. Менять угол наклона элементов букв сложно и опасно, а вот повернуть птичку на 7° легко.<\/p>\n
Пришло время разобраться с пёрышками:<\/p>\n
\n $\"\"$ \n<\/div>\n
Ищем цвета:<\/p>\n
\n $\"\"$ \n<\/div>\n
Меняем фиолетовый на молочный шоколад. Упрощаем одноцветный вариант. При тестовой печати видим растекание краски около мелких элементов. Правим.<\/p>\n
\n $\"\"$ \n<\/div>\n
\n $\"\"$ \n<\/div>\n
Готовим и отдаём все цветовые версии (полноцвет, пантоны, плёнки):<\/p>\n
\n $\"\"$ \n<\/div>\n
На основе гарнитур: Утопия<\/a> и Бикхам-скрипт<\/p>\n", "date_published": "2013-11-11T15:22:38+03:00", "date_modified": "2013-11-11T15:21:10+03:00", "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/11-2veranda_logo_4colors_1.jpg", "_date_published_rfc2822": "Mon, 11 Nov 2013 15:22:38 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/veranda-cafe-process\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/11-2veranda_logo_4colors_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/01-veranda_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/02-veranda_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/03-veranda.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/vc_type-1_1.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/vc_type-2_1.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/05-veranda_n_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/vc_type-3.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/vc_type-4.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/07-logo_3colour_preview_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/08-veranda_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/09-colibri_06_colours_n_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/10-1-veranda_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/10-IMG_7564_1.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/11-1-veranda_logo_all_preveiw.jpg" ] } }, { "id": "288", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/sunart\/", "title": "Сан-арт", "content_html": "
\n $\"\"$ \n<\/div>\n
Мы сделали логотип и оформили печатные материалы для фестиваля «Сан-арт<\/a>», проходящего на Бугазской косе Чёрного моря (Краснодарский край). Фестиваль ориентирован на творческих людей. Он для тех, кто хочет хорошо отдохнуть и многому научиться. Основная часть программы — это мастер-классы по фотографии, йоги, винд- и кайтсёрфингу.<\/p>\n
Началось с того, что ребята из «Пиплз<\/a>» зимой 2012—13 года организовывали фотоконкурс в Петербурге, где Алексею Черновому нас порекомендовали знакомые. С этим проектом мы не сошлись в цене, но клиент про нас узнал, ему понравился уровень и стилистики наших работ.<\/p>\n
Когда пришло время оформлять «Сан-арт», Алексей связался с нами. Его интересовал полноценный фирменный стили с участием наших персонажей.<\/p>\n
Бюджет был маленький, и целый стиль в него не укладывался. Опираясь на опыт «Школьной страны<\/a>» мы рассчитали, объём, который можно успеть и предложили клиенту.<\/p>\n
Скажу сразу, что в этом проекте мы не выдержали напора времени — проект занял немного больше, чем было оплачено. Да, можно было уменьшить объём работ, что-то упростить, но, поскольку до сдачи в печать (реальный дедлайн) было больше двух недель, мы договорились о бесплатном увеличении срока. Это решение облегчили полное доверие и ответственность со стороны Алексея и наша симпатия к культурным мероприятиям.<\/p>\n
Процесс создания<\/h2>\n
Начинаем с логотипа. Идея сделать буквы в логотипе в виде чего-то относящегося к теме приходит сразу. Все эскизы уместились на листе А3:<\/p>\n
\n $\"\"$ \n<\/div>\n
Переводим в вектор, ищем заполнение «S», пробуем пальму для «Т», но отказываемся — импортная и несуразная слишком:<\/p>\n
\n $\"\"$ \n<\/div>\n
Пробуем цветовые сочетания. Не забывая, что лого будет взаимодействовать с плоскими одно- или двухцветными персонажами останавливаемся на двухцветном и находим приятное сочетания оранжевого (солнце) и голубого (море):<\/p>\n
\n $\"\"$ \n<\/div>\n
Презентуем и утверждаем:<\/p>\n
\n $\"\"$ \n<\/div>\n
Приступаем к персонажам. Их четверо, по одному на каждый мастер класс: фотограф, йог, кайт- и виндсерфер. Эскизные позы и прорисовка:<\/p>\n
\n $\"\"$ \n<\/div>\n
\n $\"\"$ \n<\/div>\n
Карандашная картинка сканируется, чистится и печатается в увеличенном масштабе. За дело принимаются линеры и маркеры:<\/p>\n
\n $\"\"$ \n<\/div>\n
Как только готов первый персонаж, приступаем к билету. Собираем всю полезную информацию для оборота. Определяемся с форматом, шрифтом и третьим цветом.<\/p>\n
\n $\"\"$ \n<\/div>\n
Куар-код сначала получился маленький и, не смотря на хороший контраст, не срабатывал на тест-драйвах. После увеличения он забрал всё внимание, чем сильно озадачил. Решили рискнуть — покрасить светлым цветом. К нашему удивлению после увеличения он срабатывал одинаково хорошо как коричневым, так и голубым или оранжевым.<\/p>\n
Как только билет окреп, возобновилась работа над персонажами:<\/p>\n
\n $\"\"$ \n<\/div>\n
Возвращаемся к отрывной части билета — купон на бесплатный пунш. Помня о синтезе векторной и растровой графики, решаем рисовать кривыми.<\/p>\n
\n $\"\"$ \n<\/div>\n
Тем временем понимаем, что двое из четырёх героев получались тюфячками — правим:<\/p>\n
\n $\"\"$ \n<\/div>\n
\n $\"\"$ \n<\/div>\n
Где-то тут становится понятно, что не успеваем. Времени не хватало на финальные чистку и колорирование двух персонажей, потому что мы рискнули, выбрав трудоёмкую стилистику персонажей.<\/p>\n
Верстаем баннер для оформления задней стенки сцены:<\/p>\n
\n $\"\"$ \n<\/div>\n
Утверждаем персонажей, билеты и баннер. Готовим файлы для печати.<\/p>\n
Алексей просит ещё сделать листовки и наклейки. Договариваемся о доплате, верстаем «по накатанной» и сдаём.<\/p>\n
Гарнитура — Новито<\/a>.<\/p>\n
Проект в портфолио<\/a> плюс Беханс<\/a> и Ревижн<\/a> для голосующих.<\/p>\n", "date_published": "2013-05-29T20:08:17+03:00", "date_modified": "2013-08-02T11:17:55+03:00", "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sunart_logo.png", "_date_published_rfc2822": "Wed, 29 May 2013 20:08:17 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/sunart\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sunart_logo.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_letters.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_logo_vector.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_logo_color.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_present.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_char_sketch.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_photo_sketch.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_photo_pen.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_tickets.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_yoga_sketch.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sunart_cup.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_wind_pen.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_kite_pen.jpg", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/sa_banner.jpg" ] } }, { "id": "285", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/school-land\/", "title": "Школьная страна", "content_html": "
\n $\"\"$ \n<\/div>\n
Мы сделали логотип для магазина детской одежды для школы и отдыха «Школьная страна<\/a>».<\/p>\n
Основной продукт — школьная форма. У компании своё швейное производство, на что тонко намекает знак. Клиент пожелал сохранить цветовую гамму, которую используют с основания.<\/p>\n
Этот проект дал нам уверенность, в работоспособности ФФФ. С этого года мы экспериментируем с этим методом (спасибо Бюро). У рабочего дня есть фиксированная стоимость. Проанализировав задачу, мы считаем сколько их понадобится и говорим стоимость. Если успели раньше — клиент тратит меньше. Если не успеваем, совещаемся с клиентом, что упростить или увеличиваем количество рабочих дней.<\/p>\n
В этот раз бюджет был фиксированным. И мы считали в обратную сторону — на сколько дней его хватит и какие решения мы можем проработает за это время.<\/p>\n
Итого получилось: два дня до презентации решения и ещё почти день на полировку и подготовку упрощённых вариантов.<\/p>\n
Скромный рабочий файл:<\/p>\n
\n $\"\"$ \n<\/div>\n
На основе гарнитуры — ПТ Моно<\/a><\/p>\n", "date_published": "2013-05-23T17:13:37+03:00", "date_modified": "2013-12-09T01:28:34+03:00", "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/schooland.png", "_date_published_rfc2822": "Thu, 23 May 2013 17:13:37 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/school-land\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/schooland.png", "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/schooland_proc.jpg" ] } }, { "id": "250", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/lookroom\/", "title": "Лукрум", "content_html": "
В декабре 2011 мы начали работу над мебельным интернет-магазином для дизайнеров интерьера. Основными фишками магазина должны были стать некрупные предметы (стулья, столы, свет и аксессуары), стиль, актуальность, именитость авторов мебели и конкурентные цены. Проект так и не запустился, и у нас остались интересные картинки, которые смотрятся хорошо и в 2012-м.

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$
Главная (1024 и 1920 пикселей по ширине)<\/i>

$\"\"$
Выпадающее меню и детали при наведении на объект<\/i>

$\"\"$
«Всплывашка» с контактной информацией<\/i>

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

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

$\"\"$

Проект остановился после утверждения главной.<\/div>", "date_published": "2012-11-24T15:29:52+03:00", "date_modified": "2013-05-15T20:50:11+03:00", "_date_published_rfc2822": "Sat, 24 Nov 2012 15:29:52 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/lookroom\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "245", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/28\/1\/", "title": "Процесс создания обложки для брошюры «Анлимитед хостинг из нот анлимитед»", "content_html": "Эта обложка была последней. Мы не рисовали эскизов, так как идея уже была: она осталась от параллельно работающего дизайнера, покинувшего проект раньше нас. Идея была хороша, поэтому мы согласились за неё взяться. Не думаю, что кто-то будет против, если я покажу эскиз:

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

P. S. Ссылка на заметку, в которой все обложки большого размера<\/a>.<\/div>", "date_published": "2012-08-28T00:06:28+03:00", "date_modified": "2012-08-27T13:11:12+03:00", "_date_published_rfc2822": "Tue, 28 Aug 2012 00:06:28 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/28\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "244", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/24\/1\/", "title": "Процесс создания обложки для брошюры «ВДС-хостинг хау-ту гайд»", "content_html": "
Эту обложку мы рисовали в Берлине на ноутбуке с тринадцатидюймовой диагональю. После родной машины, а главное — монитора в двадцать три дюйма это было неудобно. Эскизов было много. Клиент брал паузу для принятия решений, после просил попробовать что-то ещё, и снова пауза. Остановились на верблюде:

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

P. S. Ссылка на заметку, в которой все обложки большого размера<\/a>.<\/div>", "date_published": "2012-08-24T18:09:03+03:00", "date_modified": "2012-08-24T18:08:57+03:00", "_date_published_rfc2822": "Fri, 24 Aug 2012 18:09:03 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/24\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "243", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/23\/1\/", "title": "Процесс создания обложки для брошюры «Веб-сайт мирор гайд»", "content_html": "
Эта обложка для нас была экспериментом: до этого мы не делали «пластилиновых картинок». Использовали мы не пластилин, а полимерную глину<\/a>, так как она лучше держит форму, меньше прилипает и пачкает.

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

P. S. Ссылка на заметку, в которой все обложки большого размера<\/a>. <\/div>", "date_published": "2012-08-23T08:23:18+03:00", "date_modified": "2012-08-23T15:07:32+03:00", "_date_published_rfc2822": "Thu, 23 Aug 2012 08:23:18 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/23\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "242", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/21\/2\/", "title": "Процесс создания обложки для брошюры «Бук оф имеилс»", "content_html": "
Эта обложка была настоящим долгостроем. Начинаем с идей:

$\"\"$

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

$\"\"$ $\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$ $\"\"$

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

$\"\"$

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

$\"\"$

Готово:

$\"\"$

P. S. Ссылка на заметку, в которой все обложки большого размера<\/a>.<\/div>", "date_published": "2012-08-21T15:18:23+03:00", "date_modified": "2012-08-21T15:17:55+03:00", "_date_published_rfc2822": "Tue, 21 Aug 2012 15:18:23 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/21\/2\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "236", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/20\/1\/", "title": "Процесс создания обложки для брошюры «Калькулейтинг селерис ин Гугл-докс»", "content_html": "
Между обложками про дятла<\/a> и подсчёт зарплат была обложка про комментирование блогов.

$\"Процесс$

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

$\"Процесс$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

P. S. Ссылка на заметку, в которой все обложки большого размера<\/a>.<\/div>", "date_published": "2012-08-20T15:43:30+03:00", "date_modified": "2012-08-21T15:17:35+03:00", "_date_published_rfc2822": "Mon, 20 Aug 2012 15:43:30 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/20\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "234", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/07\/1\/", "title": "Процесс создания обложки для брошюры «Веб-хостинг баерс гайд»", "content_html": "
Заметка, которая презентует обложки,<\/a> не совсем полна: я забыл упомянуть, что брошюры полностью на английском, они только электронные, а основная территория распространения — США.

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

$\"Процесс$ $\"Процесс$

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

$\"Процесс$

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

$\"Процесс$

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

$\"Процесс$

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

$\"Процесс$ <\/div>", "date_published": "2012-08-07T09:57:58+03:00", "date_modified": "2012-08-07T09:57:53+03:00", "_date_published_rfc2822": "Tue, 07 Aug 2012 09:57:58 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/08\/07\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "194", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/06\/07\/1\/", "title": "«Не злые» обезьянки", "content_html": "
Рассказывая про «Тачес», я писал про 7 задач января и февраля<\/a>. Только теперь мы готовы представить ещё одну штуку из тех семи — пока очень много времени уходит на рутинные действия.<\/i>

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

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

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

Hear no evil<\/td> See no evil<\/td> Speak no evil<\/td> Do no evil<\/td> No evil monkeys<\/td><\/tr>
$\"«Не$ <\/td> $\"«Не$ <\/td> $\"«Не$ <\/td> $\"«Не$ <\/td> $\"«Не$ <\/td><\/tr>
футболка муж.<\/a> \/ жен.<\/a><\/td> футболка муж.<\/a> \/ жен.<\/a><\/td> футболка муж.<\/a> \/ жет.<\/a><\/td> футболка муж.<\/a> \/ жен.<\/a><\/td> футболка муж.<\/a> \/ жен.<\/a><\/td><\/tr>
майка<\/a><\/td> майка<\/a><\/td> майка<\/a><\/td> майка<\/a><\/td> майка<\/a><\/td><\/tr>
сумка<\/a><\/td> сумка<\/a><\/td> сумка<\/a><\/td> cумка<\/a><\/td> сумка<\/a><\/td><\/tr><\/td><\/tr><\/table>
$\"«Не$ $\"«Не$ $\"«Не$ $\"«Не$
Четыре в одном (без теней и в формате «ч\/б»).

$\"«Не$

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

$\"«Не$

Традиционно: большое спасибо за повышение ценности на Бехансе<\/a> (синий кругляк «Appreciate this»).<\/div>", "date_published": "2012-06-07T16:41:42+03:00", "date_modified": "2015-09-12T11:59:20+03:00", "_date_published_rfc2822": "Thu, 07 Jun 2012 16:41:42 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/06\/07\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "196", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/05\/14\/1\/", "title": "Арт-эффект", "content_html": "
По окончанию семестрового курса «Art and Business» в «Институте искусств при Сотбис<\/a>» моя сестра (вместе с двумя одногрупницами) готовила итоговый (выпускной) проект. Это концепт проект Санкт-Петербургской биеннале молодого российского искусства под названием «Art Effect». Идея:
Участвующие художники — будущее российского искусства, новое поколение, которое живет в «новом мире», но родились и выросли они в Советском Союзе, «старом мире». Поэтому мы предлагаем им подумать о связи времен — о прошлом, настоящем и будущем — о том, как они друг на друга влияют. Площадки биеннале соответственно будут разделены на три темы: «прошлое», «настоящее», «будущее». В названии «Art Effect» отражено взаимовлияние событий и времен, или же эффекта, который оказывают отдельные события на картину мира в целом. С одной стороны, это предложение задуматься о чем-то глобальном и серьезном, с другой стороны речь идет о всем понятных вещах, о том, что каждый испытывает на себе ежедневно и, скорее всего, так или иначе обдумывает.<\/blockquote>Сестрёнка попросила нарисовать лого для этого мероприятия. За два дня (на майских праздниках) мы сделали логотип и флаер для наглядности. Сначала немного процесса:

$\"Арт-эффект\"$

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

$\"Арт-эффект\"$

$\"Арт-эффект\"$

$\"Арт-эффект\"$

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

$\"Арт-эффект\"$
На лицевой стороне использована работа Сергея Лоцманова<\/a>, работы которого были заявлены в проекте<\/i>

$\"Арт-эффект\"$
Место проведения — выставочные пространства в зданиях бывших заводов на Обводном канале<\/i>

Голосуем на Бехансе<\/a> (синий кругляк «Appreciate this»).<\/div>", "date_published": "2012-05-14T19:32:05+03:00", "date_modified": "2012-05-14T19:35:09+03:00", "_date_published_rfc2822": "Mon, 14 May 2012 19:32:05 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/05\/14\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "147", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/04\/01\/1\/", "title": "Процесс создания сайта Тачес.ру", "content_html": "
Дизайн сайта «Тачес.ру»<\/a> заказало интернет-агентства «Дело в сайте». Это наш первая работа со студией в роли клиента: сотрудничество получилось продуктивнее и приятнее, чем с директором компании, которому нужен сайт подешевле и побыстрей.

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

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$
Ссылка на рабочий сайт<\/a><\/div>", "date_published": "2012-04-02T00:17:02+03:00", "date_modified": "2018-02-06T17:41:59+03:00", "_date_published_rfc2822": "Mon, 02 Apr 2012 00:17:02 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/04\/01\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "23", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/01\/05\/1\/", "title": "Процесс создания стиля бильярдного клуба «Русскiй»", "content_html": "
Внимание! Пост мега длинный и за пару секунд его не осилить. Рассчитывайте силы и время :)<\/i>

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

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

Первая презентация названия<\/b>

$\"\"$

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

Вторая презентация названия<\/b>

$\"\"$

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

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

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

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

BallBar (Ball Bar, Ballbar)<\/td> 3<\/td><\/tr>
БолБар (Бол Бар, Болбар)<\/td> 0<\/td><\/tr>
Green Keeng<\/td> 2<\/td><\/tr>
Лисий нос<\/td> 9<\/td><\/tr>
Looza<\/td> 6<\/td><\/tr>
Трик Стик (Трик стик)<\/td> 1<\/td><\/tr>
Кручёный<\/td> 3<\/td><\/tr>
Шаровая<\/td> 1<\/td><\/tr>
Кiй<\/td> 8<\/td><\/tr>
Русскiй<\/td> 1<\/td><\/tr>
Всего проголосовало<\/td> 34<\/td><\/tr><\/td><\/tr><\/table>
Следующий этап — создание логотипа. Возникает мысль использовать пабную эстетику: зелёное сукно, старое дерево, герб в старом стиле. Клиенту нравится идея и со старорусским написанием названия худо-бедно клеится. При первом подходе мы решили усилить название простым русским<\/i> образами — медведем, а для повышения его харизмы дать ему в руки кий. Собираем разные изображения медведей, геральдики и бильярдной тематики. Много набралось:

$\"\"$

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

$\"\"$

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

$\"\"$

Первая презентация логотипа<\/b>

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

Логотип готов.<\/b> У него есть несколько цветовых схем и компактная версия с уменьшенным драконом:
$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

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

$\"\"$

$\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/russkiy_show_w=768_fs_weblink.jpg\"$ <\/a><\/div>", "date_published": "2012-01-05T18:47:01+03:00", "date_modified": "2013-03-10T18:11:27+03:00", "_date_published_rfc2822": "Thu, 05 Jan 2012 18:47:01 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/01\/05\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } }, { "id": "42", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2011\/09\/12\/1\/", "title": "Процесс создания логотипа «Фьюжен + Керамика»", "content_html": "
$\"Процесс$

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

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

$\"Процесс$

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

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

$\"Процесс$

Первая презентация:<\/b>

$\"Процесс$

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

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

$\"Процесс$

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

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

$\"Процесс$

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

$\"Процесс$

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

$\"Процесс$

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

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

$\"Процесс$ <\/div>", "date_published": "2011-09-12T13:26:07+03:00", "date_modified": "2011-09-14T22:08:15+03:00", "_date_published_rfc2822": "Mon, 12 Sep 2011 13:26:07 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2011\/09\/12\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } } ], "_e2_version": 3572, "_e2_ua_string": "E2 (v3572; Aegea)" }