В ожидании следующего этапа программы компаньонов от Twitch, а именно введения возможности оформления платной подписки на канал компаньона (можно будет «засабица»), я решил заранее придумать стиль и оформление бейджиков (значков), которые появляются рядом с ником подписчика в чате.
Характерно, что ограничиться одним единственным значком нельзя. Ну, как нельзя… В принципе можно, но ты теряешь один из инструментов удержания аудитории. Ведь уже довольно продолжительное время у Твича работает система лояльности для подписчиков, которая выражается в своеобразном прогрессе внешнего вида значка в ростом стажа подписки.
Бейдж подписчика изменяется периодами: первый месяц подписки, третий месяц, полгода, год и два года. По умолчанию Твич обыгрывает тему драгоценных металлов и камней. Сначала подписчик получает неказистый серый бейдж с трещиной, через три месяца переходит на бронзу. По факту полугода берет серебро, на год получает золото. Ну, и еще через год на двухлетний юбилей подписки предлагается алмазный бейдж.
Поиск своего стиля
Подобный подход слишком примитивен, и я хотел избежать его использования. Вся эта тяга к золоту-серебру и прочей лакшуре всегда была весьма популярна, вспомните хотя бы стиль iOS до 7 версии. Мне же импонировали более интересные варианты прогресса значка, которые я встречал на каналах различных партнеров Twitch, — именно прогресса, изменения, а не смены его качества.
Первое, что мне пришло на ум в тот момент — это значки на канале WeLoveGames. К сожалению, не являюсь фанатом творчества данного стримера, но отдаю должное графическому оформлению, которое он использует для своего бренда. Денис обыгрывает логотип своего канала в стиле старых компьютерных игр: изначально пустое сердечко постепенно заполняется жизненной силой, а на 2 год становится золотым.
Я решил не придумывать велосипед, а взять за основу свой логотип, который так же отличается простотой геометрических форм. По факту это лиса, выполненная в максимально абстрактном стиле треугольниками. Перед вами иллюстрация, основу которой я нарисовал пальцем на экране телефона в Google Keep. Из-за отсутствия изначальной идеи о том, как стоит изобразить прогресс развития значка, я и сам первоначально скатился до «премиальности» благородных металлов, да еще и сердечко решил прилепить к своему будущему значку =)
18 пикселей
Не смотря на ущербность самой концепции, отсутствие идеи для двухлетней подписки и примитивности изложения пальцевого метода прототипирования, предложенный выше вариант получил одобрение у «фокус-группы» просто потому что выглядел вполне сносно. Проблемы начались на этапе врисовывания значка по заданным Твичом правилам.
Базовый размер бейджика подписчика установлен сервисом в 18 на 18 пикселей, так же запрашиваются варианты значков вдвое и вчетверо большем размере (квадраты 36 и 72 пикселя). Казалось бы, что сложного может быть в процессе? Уменьшай большой логотип в фотошопе, чтобы он поместился в заданные размеры — делов-то! Но так кажется, пока ты не начал что-то рисовать по пикселям в ограниченном пространстве.
Мне в принципе не понравилось оперировать в PhotoShop в рамках такой филигранной работы, и я открыл для себя piskelapp.com — онлайн сервис для создания пиксель-арта, в том числе и анимированного. Мучительные попытки отрисовать мою треугольную лису в течение нескольких дней привели меня к весьма блеклому результату. Но самое главное, у меня попрежнему не было концепции развития значка.
Мозговой штурм
Мы сидели с друзьями, я показывал им свои потуги в создании значков для подписчиков. Концепции всё еще не было. Я показывал парням разные варианты значков лояльности в поиске по картинкам Google. Открыл страницу подписки на RXNexus, с его птенцом, который вылупляется из яйца, получает корону и мантию. Стоял типичный тупняк утра после предшествующего кутежа.
В целом, товарищи оценивали мою работу высоко, значок в исхоном разрешении всем нравился. Всем, кроме меня, потому что не было идеи. Был просто логотип в цветном и черно-белом пексельартном исполнении. Я несколько раз произнес слово «целостность», показывая ребятам значки WLG и Нексуса. И вдруг меня осенило!
Ведь в моем значке действительно не хватает целостности — эти разрозненные треугольники смотрятся неплохо в большом разрешении, на значке группы ВКонтакте или логотипе канала Twitch, но на разрешении 18×18 пикселей это всё выглядит разрозненно и незакончено. Тогда я взял «карандаш», покрасил его в черный цвет и обвел контур. И всё сошлось!
Добавил немного объема темнорыжим. Саша, предложил нарисовать лисице глаза. Тут же я приделал корону для двухлетного подписчика, сделал бледную «песцовую» версию для подписчика первого месяца. Идея с головным убором хорошо смотрелась в плане получения беджика для годовалого подписчика, но что это должна быть за шапка?
Я вышел на балкон подышать и через минуту понял — бандана! Ведь я всегда провожу эфир в черной бандане с белыми иероглифами. Захожу обратно в комнату говорю:
— Саша, я придумал!
А он смотрит на меня, улыбается и отвечает:
— Я тоже. Бандана.
Возможно, у дураков мысли сходятся, но главное, что концепция начала складываться, и у меня не хватало всего одного значка для подписчика со стажем в 6 месяцев. Изначально я сделал цветную версию первого значка для 3-х месяцев с теми же плоскими глазами, а на 6 изобразил «глаза-ёлочки», но уже позже вечером, когда парни ушли, понял, что так не пойдет.
Изменения значка с трёх до шести месяцев должы быть более заметными, чем простое изменение выражения глаз с помощью перемещения двух пикселей вверх. И буквально сразу я подумал об очках Deal With It, и дорисовал их своей лисице. Головоломка сложилась.
UPD от августа 2017
После того, как я разработал новый смайлик для $10-подписчиков, пришла идея переработать и значок для подписчиков со стажем в один год. Солидный лис в котелке и с моноклем показался мне гораздо интереснее панковатого лиса в бандане. Он выглядит логичным переходным этапом от самоуверенного полугодовалого лиса. Но это всё, конечно, я пишу несерьезно. Просто банданы приходят и уходят, а золотые монокли остаются 😉
Заключение
Что характерно, я художник ненастоящий, всю жизнь занимался компьютерами и склонности к творческой деятельности за собой не замечал, разве что люблю постоянно что-то запевать. Но в данном случае мне захотелось сделать что-то хорошо и красиво, чтобы значки понравились мои будущим подписчикам. Чтобы на канал хотел подписаться просто ради такого симпатичного значка. И я теперь с нетерпением жду, когда подписка станет доступна.
P.S. Обратите внимание, что права на интеллектуальную собственность вступают в действие с момента публикации объекта защиты авторского права. Все права принадлежат их владельцам.