TJ
Некоторые Филипп

Одна эпоха уходит, другая приходит, но потом тоже уйдёт Статьи редакции

Процесс и логика создания нового логотипа TJ.

Зачем вообще было что-то менять

Затем, что любой продукт и дизайн должны эволюционировать. Мы каждый год полностью переписываем и перезапускаем наш проект и никогда не следуем логике «лучше ничего не трогать, всё работает, сломаем — ещё и трафик упадёт». Плевать на всё это хотели. Поэтому ломали, ломаем и будем постоянно ломать, выкидывая на помойку старый код.

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

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

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

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

За эти годы мы предпринимали множество попыток избавиться от фона, верхней линии и создать простой и понятный знак. Но из этого ничего не выходило, поэтому вопрос постоянно откладывался. Нам не очень повезло с буквами T J, из-за особенности форм которых между ними образуется неприглядная пустота. С ними ничего не получалось сделать при самых разных вариантах начертания — а мы перепробовали десятки, если не сотни.

На этот раз мы решили обязательно дойти до конца

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

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

Нужно понимать, что слияние двух букв — это рискованный приём, потому что его часто применяют дизайнеры средней руки: «В любой непонятной ситуации сливай две буквы в одну — и логотип готов». Мы пошли по этому пути, потому что он показался единственно возможным. Я попросил участников процесса сузить задачу и работать только с теми вариантами, где две буквы слиты в одну.

Мы продолжили поиск в этих рамках:

Куда же без такого:

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

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

На рабочем звонке, когда лично я уже, если честно, потерял надежду на то, что задача будет решена, наш арт-директор взял в руки лист бумаги и загнул его:

— Так мы можем соединить буквы.— В смысле?— Я сейчас сделаю

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

Стоп.

Геометрические формы ровные, квадрат, избавились от линии сверху, сохранили цвет, соединили буквы, убрали градиент. Опрашиваем знакомых экспертов и понимаем, что задача решена.

Прикидываем монохром:

Дизайнер Антон Шнайдер даёт дельный совет по скосу тени:

Выравниваем:

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

Прикидываем обложки для социальных сетей:

Подбираем второй цвет для клуба читателей:

Закрываем задачу.

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

0
340 комментариев
Написать комментарий...
Преступный единорожек88

Для предупреждений перед баном

Ответить
Развернуть ветку
Нежный франт

Вот, как должно выглядеть предупреждение перед баном

Ответить
Развернуть ветку
1 комментарий
Фантастический щит

вас посетила полиция TJ

Ответить
Развернуть ветку
Немой Мика

Тени забыл, но в целом вполне годно

Ответить
Развернуть ветку
Исходный завод

Мне вот этот ещё понравился

Ответить
Развернуть ветку
Органический дебаркадер

Комментарий недоступен

Ответить
Развернуть ветку
7 комментариев
Нежный франт

Да, неплох.
Мне еще вот этот понравился, так как нет вышеупомянутой "пустоты" между буквами.

Ответить
Развернуть ветку
1 комментарий
Приличный Слава

Мне тоже он больше всего понравился

Ответить
Развернуть ветку
1 комментарий
Фантастический щит

Привет, клуб. Это новый логотип TJ, как он тебе?

Ответить
Развернуть ветку
Положительный холод

минусят расисты

Ответить
Развернуть ветку
1 комментарий
Благоприятный Гоша

Оставим эту шутку в прошлом)

Ответить
Развернуть ветку
6 комментариев
Долгий рубин

Комментарий недоступен

Ответить
Развернуть ветку
Газетный чайник

С вами в эфире ИЗ, и сейчас время пол шестого.

Ответить
Развернуть ветку
Желающий месяц

Мистер вялый?

Ответить
Развернуть ветку
Искусственный спрей

Комментарий недоступен

Ответить
Развернуть ветку
Дополнительный инструмент

Вот как такую милоту можно удалять ^_^
Заскринил.

Ответить
Развернуть ветку
Дневной пёс_анон

Комментарий недоступен

Ответить
Развернуть ветку
5 комментариев
Благоприятный Гоша

Хочешь стать первым забаненным?

Ответить
Развернуть ветку
4 комментария
Некоторые Филипп

Разработчики ушли спать и не сделали меня админом.

Ответить
Развернуть ветку
Привычный пришелец

Комментарий недоступен

Ответить
Развернуть ветку
2 комментария
Страстной Женя

Кстати, вопрос абсолютно серьезный, но Никита на него не ответил. Новые правила клуба применяются ко всем? Или некоторые традиционно "ровнее"?

Ответить
Развернуть ветку
Богатый торшер

По крайней мере, ты ничего не сломаешь 😁😄

Ответить
Развернуть ветку
Страстной Женя

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

Ответить
Развернуть ветку
9 комментариев
Драгоценный Кирилл
Ответить
Развернуть ветку
Немой месяц

Ты перепутал Лихачёва и Цыплухина

Ответить
Развернуть ветку
Драгоценный Кирилл

Вот честно, от всего этого такое впечатление осталось

Ответить
Развернуть ветку
Драгоценный Кирилл

То, что так радовало, поломано. Новое - свистоперделки, которые тоже нужны в некоторых случаях, но с учетом поломанного старого нахер не сдались. Получился инвалид с гугл-гласс, спиннером и очками виртуальной реальности. Да он просто ходить не может, нахер ему все эти свистелки?!

Ответить
Развернуть ветку
6 комментариев
Страстной Женя

Пасаны! Тут завезли логотип Чечни новый! (Извините)

Ответить
Развернуть ветку
Заключенный корабль

круто

Ответить
Развернуть ветку
Благоприятный Гоша

Имперская Чечня, лол

Ответить
Развернуть ветку
Скучный Денис

Чення

Ответить
Развернуть ветку
1 комментарий
Исходный завод

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

Ответить
Развернуть ветку
Исходный завод

И ещё надеялся что завезут в приложения "прямой эфир". Ночью перед сном хочется попиздеть, а где пиздеть непонятно.

Ответить
Развернуть ветку
3 комментария
Железный паркур

это мельтешит недовольство

Ответить
Развернуть ветку
Давний якорь

Было бы круто, если можно было бы скрыть эту полоску вообще.

Ответить
Развернуть ветку
Низкий единорожек88

Сейчас отключим анимацию, все так

Ответить
Развернуть ветку
1 комментарий
Приличный Слава
Меня одного раздражает обновление комментариев справа?

Не одного
Они как-то очень уж сильно мельтешат, что вместе с мигающей залупой "прямой эфир" отвлекает от центра. Хотелось бы иметь возможность этот блок вообще сворачивать
Но хоть прокрутку сделали, уже хорошо

Ответить
Развернуть ветку
7 комментариев
Громадный Филипп

меня это просто вымораживает

Ответить
Развернуть ветку
Исходный завод

ЭЭЭЭЭЭ БЛЯДЬ ВЫ ЕЩЁ РСС ПОЛОМАЛИ СУКА Я ВАС ПО АЙПИ ЖЕ ВЫЧИСЛЮ

Ответить
Развернуть ветку
4 комментария
Международный меч

есть такое, бесит пиздец

Ответить
Развернуть ветку
Молочный блик

Комментарий недоступен

Ответить
Развернуть ветку
Трудящийся цветок

На Android лойсать неудобно.

Ответить
Развернуть ветку
Трудящийся цветок

Я так понимаю, теперь комментарии сортируются по лайкам и это полная хуйня, верните как было, или добавьте хотя бы настройку.

Ответить
Развернуть ветку
6 комментариев
Водный Даниль

Дада! Надо попасть в это мелкое троеточие. А ведь уже приучили к попапу при нажатие на текст коммента

Ответить
Развернуть ветку
1 комментарий
Низкий единорожек88

Скоро будет апдейт с фиксами, чиним

Ответить
Развернуть ветку
1 комментарий
Полезный вентилятор

Да пиздец, нахуя это испортили(((

Ответить
Развернуть ветку
Клинический калькулятор

Комментарий недоступен

Ответить
Развернуть ветку
Осторожный огонь

Комментарий недоступен

Ответить
Развернуть ветку
3 комментария
Пограничный Паша

нахуя нужно было убирать что бы "подумать" ?

Ответить
Развернуть ветку
Дополнительный инструмент
Нам не очень повезло с буквами T J, из-за особенности форм которых между ними образуется неприглядная пустота. 

Жиденькая

Ответить
Развернуть ветку
Газетный Филипп

Отлично сочетается с пользователями клуба.

Ответить
Развернуть ветку
Страстной Женя

Я предлагаю повернуть логотип на 90 градусов и будет совсем заебок!

Ответить
Развернуть ветку
Земельный Абдужаббор

Комментарий недоступен

Ответить
Развернуть ветку
Международный меч

Обязательно

Ответить
Развернуть ветку
1 комментарий
Длинный ГОСТ

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

Ответить
Развернуть ветку
Выходной Валера

Тебе уже не выбраться. Смирись.

Ответить
Развернуть ветку
Богатый торшер

На Т нажми

Ответить
Развернуть ветку
Экспериментальный Слава

Ты походу по полной попал

Ответить
Развернуть ветку
Отрицательный турник

Комментарий недоступен

Ответить
Развернуть ветку
Драгоценный Кирилл

Едрить. Хан вернулся. Какой ты нахер новенький?!
Твои срачи тут в анналах навсегда остались

Ответить
Развернуть ветку
4 комментария
Сибирский Слава

Тебя с обновлением вернули?)

Ответить
Развернуть ветку
Умственный Мурод

Ты или даёшь оценку или уходи.

Ответить
Развернуть ветку
Аналитический пистолет

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

Неустойчивость версии заключается в том, что она теряет свою узнаваемость, как только переносится в другую среду или в монохром

Абсолютно нет. Я видела в Тайланде надпись на песке Tj и узнала логотип. Это лучшее доказательство всяких проверок монохромами.

Она не встраивается в круглые формы

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

свойственные сегодня многим социальным сетям

Tj – это будущая социальная сеть? Если нет, тогда зачем его так настойчиво вписывать в круг?

Но при попытке упростить логотип мы сталкивались с уродливым сочетанием двух букв

Оно ни разу не было уродливым. В негативном пространстве был встроен коммуникативный современный символ «рамка пальцами».
Зачем упрощать логотип путем потери идентификации с брендом? Создавая лого бренду, у которого среди ценностей доминирует эмоциональная составляющая, необходимо закладывать возможность его легко тиражировать без навыков рисования. Подробнее об этом я написала здесь: https://tjournal.ru/57120-otdel-razrabotki-i-posledovatelnost-deystviy#comment-1178053
Старый лого «Tj» мог кто-угодно воссоздать любым способом и на любой поверхности, передав тем самым коммуникационное послание соратникам бренда. Будет ли послание считано, если нарисовать букву Т со сломанной ножкой?

Ответить
Развернуть ветку
Аналитический пистолет

Коммент был обрезан по количеству символов без предупреждения. Так что продолжение мысли:
Семантика нового логотипа: оригами, молот (мотыга), топор в руке, острые углы, незащищенность, неустойчивость, падение, отсутствие стабильности, черная доминанта с коричневым следом, подвернул (сломал) ногу, толстый шуруп, обломанный гвоздь с толстой шляпкой, коричневая изнанка черной одежды, упавшая буква Ч.
Блочная, кондовая, равносторонняя структура шрифта, как заголовок советской газеты типа ТРУД (см.рис).

Ответить
Развернуть ветку
5 комментариев

Комментарий удален модератором

Развернуть ветку
Осторожный огонь

Комментарий недоступен

Ответить
Развернуть ветку
2 комментария
Уникальный турник

По-моему охуенно. Непривычно, но это фигня. Особенно мне нравится возможность изменения цвета «язычка» от J с сохранением узнаваемости логотипа.

Ответить
Развернуть ветку
Сомнительный супер_стар

ШТА вообще происходит? Где я?

Ответить
Развернуть ветку
Автомобильный волк

Вот это жесть! Новый логотип вызывает почти физические муки. Вот насколько он ужасен!

Ответить
Развернуть ветку
Киевский Слава

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

Ответить
Развернуть ветку
Искусственный спрей

Комментарий недоступен

Ответить
Развернуть ветку
Водный Даниль

Мимикрия?

Ответить
Развернуть ветку
Отрицательный химик

Паблик TJ последнее что осталось в более менее вменяемом состоянии без этих обложек. Может не надо?

На DTF и VC уже разучились писать заголовки в пабликах, что когда начинаешь читать - иногда бывает не понятно о чём идёт речь. Я конечно понимаю, что эту странную логику в идеале вы хотите применить везде, но может так же грамотно объясните в чём суть идеи читать снизу вверх? А в случаи если в сторонних приложениях не отображаются ваши обложки - вообще не понятно о чём вы хотите рассказать.

Так, например, если оставить контекст получается иногда вот такой бред. При мобильном трафике обложка может быть сжата и пользователь не увидит о чём идёт речь. Что за проект, на каком примере доказал и что вы вообще несёте.

Ответить
Развернуть ветку
Хитрый Валера

Комментарий недоступен

Ответить
Развернуть ветку
Научный чайник

так кликбейтно же не?

Ответить
Развернуть ветку
Партийный кот

А зачем надо проводить этот мысленный эксперимент и «оставлять контекст»? Посты в соцсетях — это текст анонса + ссылка, которая сейчас везде выглядит как карточка с картинкой и большим заголовком.

Ответить
Развернуть ветку
Выходной Валера

Ужасный логотип. Это провал.

Ответить
Развернуть ветку
Смертный будильник
Ответить
Развернуть ветку
Медленный Валера

Чайный теперь просто великолепен )

Ответить
Развернуть ветку
Защитный Женя

а на иконке приложения справа внизу получается раздражающая пустота ):

Ответить
Развернуть ветку
Испанский американец
Ответить
Развернуть ветку
1 комментарий
Изящный мангал

Мне тоже кажется, что Т нужно сделать асимметричной (сократить справа на пару пикселей), а тело сдвинуть.

Я у мамки дизигнер.

Ответить
Развернуть ветку
Первоначальный томагавк_два

Недовольных в студию

Ответить
Развернуть ветку
Партийный кот

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

Ответить
Развернуть ветку
1 комментарий
Необыкновенный бинокль

Комментарий недоступен

Ответить
Развернуть ветку
Некоторые Филипп

Сейчас время такое — все в дизайне разбираются.

Ответить
Развернуть ветку
1 комментарий
Благоприятный Гоша

Влад, расскажи лучше, почему теперь топ тоже платит за членство в клубе?

Ответить
Развернуть ветку
Длинный ГОСТ

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

Ответить
Развернуть ветку
Низкий единорожек88

Не успели, скоро починим

Ответить
Развернуть ветку
2 комментария
Некоторые Филипп

Да нет, ничего в этой сфере не должно было поменяться. Просто пока нет интерфейса вывода топа пользователей.

Ответить
Развернуть ветку
3 комментария
Первоначальный томагавк_два

Плосский логотип-это правильно.На правильном пути,товарищи шаро**ы.

Ответить
Развернуть ветку
Поразительный кавалер
>>На этот раз мы решили обязательно дойти до конца

И сделали толстовку!

Ответить
Развернуть ветку
Медицинский фитиль

Круто, что все меняется.
Если честно, то нравятся изменения!

Ответить
Развернуть ветку
4 комментария
Длинный ГОСТ

Новый логотип неплох, остальные вариации были похожи на обвислые гениталии.

Ответить
Развернуть ветку
2 комментария
Технологический танк88

А мне норм, понравилось всё. Разве что переключение между клубом и основной лентой совершенно не очевидно. Думаю все же стоит рядом с кнопкой "Клуб" добавить кнопку "Популярное" (раз ведет на такую вкладку) или ещё как-то. В общем на мониторе между логотипом и кнпокой Клуб огромное пространство и тянуться как-то неудобно.

Ответить
Развернуть ветку
3 комментария
Водный Даниль

На андройде убрали меню вылезающее слева. Навигация в жопе теперь

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
3 комментария
Благоприятный Гоша

Кстати, Никита, подаришь стикеры с новым лого?

Ответить
Развернуть ветку
2 комментария
Передовой пёс_анон

Сделал себе такое. Хрен с ним, что немного некрасиво.
По центру и ладно.

Ответить
Развернуть ветку
Ледяной Влад

Хороший логотип, достойная работа.
Был ещё неплохой с рамкой, в которую вписана J

Критикующим умникам скажу, что задача стояла техническая, вы не из-за логотипа ТЖ читаете, алло алло. Когда логотип в монохроме и кольце не оч - это действительно плохой логотип.

Ответить
Развернуть ветку
3 комментария
Ещё 141 комментарий
Читать все 340 комментариев
null