174

Редизайн «Два в Кубе»

Многие из вас знают, что я «наделал» достаточно дизайнов в сфере настолок. Meeple House, OMGames, Beaver Games, Board Game Family, Бабани Play, Table Top Time, Nastolio, YouLost, Клуб «Другое место» и тд. — все это большая семья настольщиков, которым я смог помочь и помогаю до сих пор :-) И я благодарен им за доверие и любовь к моим работам.Но была у меня мечта... сделать дизайн тому, кто многих из нас познакомил с миром настолок. И да, я говорю об Алексее Зуйкове и его видеоблоге «Два в Кубе».

Новая шапка для группы во Вконтакте
Новая шапка для группы во Вконтакте

Неожиданное «здравствуйте»

Благодаря моему другу и коллеге Илье Мурсееву, Лёша сам вышел на меня и попросил сделать ребрендинг его блога. Все это должно быть приурочено к 9 годам его блога.

Я был безумно рад! Я давно грезил ребрендингом для «Два в Кубе» :-) НО! Передо мной встала серьезная задача. Ребрендинг — это всегда болезненно и страшно, как для самого блогера, так и для его аудитории.

Инстаграм, Сбербанк, Слэк, Вконтакте и многие другие тому доказательство. Тут чистая психология — сначала отрицание, а потом принятие. Нам сложно принять новое, но потом от этого нового невозможно отказаться. Я знал, что так будет и в этот раз, но все же сильно волновался :-)

Снимаю шляпу перед мужеством и смелостью Лёши, который доверился мне в этом вопросе.

Алексей Зуйков. Игрокон 2019
Алексей Зуйков. Игрокон 2019

Ставим задачу

Оказалось, что до меня уже были попытки ребрендинга. Но все они (по тем или иным причинам) не понравились Лёше. Тут-то я понял, что «клиент» капризный малый XD весьма строг и выборочен. И это очень хорошо! Нам дизайнерам нельзя давать расслабляться.

Обсудив детали, стало ясно — узнаваемость сохраняем; цветовую гамму наследуем. В остальном Лёша попросил максимального минимализма. Ну не прям максимального, но все же минимализма :-)

Конкретно от меня требовалось:

  • Ребрендинг лого
  • Разработка шапок для ВК и Ютубчика
  • И видео обложки (под разные форматы видосиков)

Задача ясна :-) Беремся за перо!


Начинаем работу

Как и при строительстве дома, мы начинаем с фундамента — логотипа :-)

Блог «Два в Кубе» закристаллизовался в нашем сердце в виде двух кубиков, которые повернуты к нам гранями «2» и «3» соответственно. Это мы должны сохранить, но обновить визуально.

Старый логотип
Старый логотип

В исходном варианте, кубики летят не очень красиво (с точки зрения композиции). Само их положение говорит больше про «разлетание» в разные стороны, нежели про объединение.

Они прижаты к черной рамке, при этом на удивление выглядят мелко. Магия дизайна :-) Не иначе.

Ну и самый главный момент — они растровые :-) Логотип никогда не переводился в вектор, что давало свои ограничения и сложности.

Приступаем к исправлению данных моментов.


Этапы созревания логотипа
Этапы созревания логотипа

Покрутив кубы, я нашел хороший ракурс. Они стали плотнее, цельнее и дружнее.

Да, многие из вас сделают справедливое замечание, что теперь логика — один кубик над другим пропала.

И тут я отвечу, что это было интересным решением, но больше портило внешнюю эстетику. Да простят меня поклонники и сам Лёша :-)

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


Шапки для соц. сетей

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

А вот с шапками все было чуть сложнее :-)

Оригинальная шапка/заставка
Оригинальная шапка/заставка

Оригинальная заставка любима всем. Замена любой деталюшечки вызовет кровавые слезы всех и каждого. Ведь она как что-то очень родное...

Но давайте будет откровенны, она слишком устарела. Когда-нибудь она должна уйти на покой, как старый бабушкин ковер со стены :-)

Я решил начать с сохранения стиля, но полным его обновлением.

1 вариант
1 вариант

Вышло вроде бы неплохо, но какое-то г..вно. Скучно, грустно и по-детски.

2 вариант
2 вариант

Добавим немного солнца, подумал я. И полилась какая корейская версия «Два в Кубе»... я бы даже сказал Северо Корейская :-) Убираем это подальше и ищем еще.

10 вариант
10 вариант

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

Дальше были бесконечные поиски. Что-то не нравилось мне, что-то не нравилось Лёше. Я даже начал паниковать, что потерял хватку и сноровку. В таких случая очень помогает смена деятельности, что я и сделал — переключился на обложки для видео.

Но перед ними я все же сделал еще один выстрел в сердечко Алексея.

25 вариант
25 вариант

Но вновь промахнулся. Хотя идея мне самому (почему-то) очень нравилась.


Переключаемся на обложки для видео

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

Одна из старых обложек
Одна из старых обложек

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

Нужно это исправить. И тут дело не только в разработке дизайн-концепции обложки. От меня требовалось сделать шаблон, по которому Лёша мог бы создавать новые обложки.

1 вариант и финальный вариант
1 вариант и финальный вариант

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

Вариант для обложки «Играем» был утвержден и я принялся за доработку автоматики шаблона.

Куча слоев и папок
Куча слоев и папок

Фотошоп это не только прога для удаления прыщей с носа, но и инструмент для серьезной автоматизации. Я создал специальный файл формата «PSDT», который и является шаблоном, Открывая его, создается новый файл со всеми стиля и слоями, но который не влияет на исходный шаблон. Поломать шаблон невозможно :-)

Это очень удобно, если вы часто генерите контент в одном формате. У меня так сделаны шаблоны для шапок всех соц. сетей, обложки для видосиков на Meeple House и многое другое.

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

Фоновоя картинка была специальным смарт-объектом. Изменяя ее, автоматом менялся блюр на плашке.

Логотипы партнеров
Логотипы партнеров

В отдельную папку слоев я поместил смарт-картинку партнеров выпусков, менять которую Лёша может самостоятельно в пару кликов.

Иконка кол-ва игроков
Иконка кол-ва игроков

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


теперь беремся за обложку для «Обзоров». Концепцию сохраняем, но меняем логику и расположение элементов.

Обложка для видео «Обзоры»
Обложка для видео «Обзоры»

Шаблон работал как и предыдущий — содержал кучу слоев и папок.

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


Возвращаемся к шапкам

Мозг освежился :-) Открыв чистый хост, у меня сразу возникла классная идея.

1 вариант новой концепции
1 вариант новой концепции

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

Спустя N кол-во правок
Спустя N кол-во правок

Спустя некоторое время мы нашли идеальный вариант и обложка для ВК была готова. Я снова сделал шаблон, что бы Лёша мог менять содержимое картинок.

Теперь приступаем к адаптации под Ютубчик. Там все было еще проще :-)

Шапка для Ютубчика
Шапка для Ютубчика

Пара мелочей

Дополнительно я подготовил послойный логотип для видео-заставки и иконки кубов для подписчиков-спонсоров.

Да-да, видео заставку Лёша делает сам. Я пока познаю азы этого дела. Но рано или поздно займусь и этим ремеслом :-)


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

Я благодарен судьбе Илье Мурсееву, что он свел меня с таким прекрасным человеком. Уверен, это не последний проект с Лёшей :-) Мы что-нибудь интересненькое еще замутим.

Спасибо, что осилили этот пост. Буду рад вашему стрелочному лайку и комментарию. Другие работы можно посмотреть в моем инстике.

А на настолио есть еще несколько интересных статей про редизайны/дизайны. Обязательно почитайте :-)

Мир, дружба, жвачка!

Было бы хорошо предложить Алексею изменить значения на кубах, чтоб в сумме восемь получалось. Как раз те самые 2 в кубе.
А так не очень понятно, почему 2 и 3 там. Какая-то Доминос Пицца. )

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

Так, ну давай между нами дизайнерами, будем честными. =) И это не ребрендинг, а обновление бренда. =)

Вот перестал бы «Два в кубе» называться «Два в кубе», а стал бы называться «Три в квадрате», и логотип бы стал колесом с драконом... Вот это был бы ребрендинг. =)

article-commentsarticle-communityarticle-viewscontent-delimeterfooter-social-fb-activefooter-social-fbfooter-social-instagram-activefooter-social-instagramfooter-social-telegram-activefooter-social-telegramfooter-social-tgchat-activefooter-social-tgchatfooter-social-twitter-activefooter-social-twitterfooter-social-vk-activefooter-social-vkfooter-social-youtube-activefooter-social-youtubegame-edit-attributesgame-edit-authorsgame-edit-categoriesgame-edit-componentsgame-edit-descriptiongame-edit-duplicatesgame-edit-filesgame-edit-imagesgame-edit-infogame-edit-linksgame-edit-mechanicsgame-edit-namegame-edit-relationsgame-edit-videosmarket-advantages-searchmarket-advantages-sellmarket-advantages-watchmarket-user-menu-bookmarksmarket-user-menu-feedbackmarket-user-menu-offersmarket-user-menu-profilemarket-user-menu-wishlistmenu-alarmmenu-chats-activemenu-chatsmenu-communities-activemenu-communities-hovermenu-communitiesmenu-donate-activemenu-donate-hovermenu-donatemenu-editor-activemenu-editormenu-events-activemenu-events-hovermenu-eventsmenu-games-activemenu-games-hovermenu-gamesmenu-market-activemenu-market-hovermenu-marketmenu-newmenu-notificationsmenu-profile-activemenu-profile-hovermenu-profilemenu-publications-activemenu-publications-hovermenu-publicationsmenu-push-activemenu-pushmenu-services-activemenu-services-hovermenu-servicesscore-dice-1score-dice-10score-dice-2score-dice-3score-dice-4score-dice-5score-dice-6score-dice-7score-dice-8score-dice-9score-dice-active-1score-dice-active-10score-dice-active-2score-dice-active-3score-dice-active-4score-dice-active-5score-dice-active-6score-dice-active-7score-dice-active-8score-dice-active-9score-dice-hover-1score-dice-hover-10score-dice-hover-2score-dice-hover-3score-dice-hover-4score-dice-hover-5score-dice-hover-6score-dice-hover-7score-dice-hover-8score-dice-hover-9search-activesearchstub-communityuser-menu-exituser-menu-profileuser-menu-settingsuser-social-bgguser-social-emailuser-social-fbuser-social-instagramuser-social-kickstarteruser-social-siteuser-social-telegramuser-social-teserauser-social-tiktokuser-social-twitteruser-social-vkuser-social-youtube