{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Блог Фримонта, заметки с тегом: фирменный стиль", "home_page_url": "http:\/\/blog.djfreemont.ru\/?go=tags\/firmenny-stil\/", "feed_url": "http:\/\/blog.djfreemont.ru\/?go=tags%2Ffirmenny-stil%2Fjson%2F", "icon": "http:\/\/blog.djfreemont.ru\/user\/userpic@2x.jpg", "author": { "name": "DJFreemont", "url": "http:\/\/blog.djfreemont.ru\/", "avatar": "http:\/\/blog.djfreemont.ru\/user\/userpic@2x.jpg" }, "items": [ { "id": "43", "url": "http:\/\/blog.djfreemont.ru\/?go=all\/dobro-pozhalovat-evropa\/", "title": "Добро пожаловать, Европа!", "content_html": "

Процесс обновления фирменного стиля подкаста<\/p>\n

Конец марта 2026. После раскола в подкасте о Евровидении назрел вполне логичный вопрос о смене фирменного стиля. Должна ли она быть радикальной или можно слегка обновить то, что есть. Копаясь в своих ресурсах, я нашёл интересный шаблон для создания хромированного текста:<\/p>\n

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

Мне это показалось интересной задумкой, поэтому я решил поискать хорошую кириллическую антикву. Найдя подходящую, я открыл Фотошоп и сделал вот такой набросок:<\/p>\n

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

В отличие от Димы<\/a>, я не воспринял это всерьёз. На мой взгляд, подобное было бы слишком, поэтому на время отложил идею. Вообще, что было изначально:<\/p>\n

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

Мы видим синий фон, довольно кривую карту Европы + Австралия, немного странные жёлтые рукописные буквы. Может быть, взять более аккуратный шрифт?<\/p>\n

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

Ну такое. Решил найти оригинальный шрифт. Оказалось, что в нём нет кириллицы, её Дима в своё время пытался сделать сам. Работать с русскими буквами мне не впервой, поэтому нарисовал их заново, заодно попытался выровнять надпись по центру. В процессе поменял карту и добавил милых полосочек.<\/p>\n

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

Тут можно было бы остановиться, но Диме больше нравилась идея с металлической антиквой, видимо, из-за предвкушения просмотра сиквела «Дьявол носит Прада». Хозяин — барин. Было решено оставить сине-жёлтую цветовую гамму, которая отсылает ко флагу Европейского союза. Общий стиль должен стать строже. Отныне «Вэлкам, Юроп!» — это модный «журнал». Поехали!<\/p>\n

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

Что, если перекрасить в красненький:<\/p>\n

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

Ну нет, как-то не очень. Решили не трогать цвета совсем, только если в превью для видео в соцсетях. Ещё один подход, на всякий случай делаем английскую версию. Листайте галерею и вы узнаете, что мне напомнила текущая итерация:<\/p>\n

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

В целом, уже хорошо. В шрифте позже были найдены красивые веточки, которые потом были успешно внедрены в название, образуя полноценный логотип. Нравится намёк на жидкое стекло, но всё равно как будто чего-то не хватает. Нужно было отвлечься. Начали думать над превью. Год назад Дима меня уже просил обновить их, тогда мы оставили на будущее такой концепт, решаем использовать его:<\/p>\n

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

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

Обсуждая то, как продвигается создание оформления, Дима предложил как-нибудь сделать земной шар. Поначалу я не понял, что он хочет: маленький глобус внизу или просто планету на фоне названия. Но пару дней спустя он скидывает картинку из нейросети:<\/p>\n

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

Мы оба понимаем, что это то, что нужно. Изучаю видеоуроки по созданию Земли в АЕ, скачиваю снимки ночной планеты с официального сайта NASA.<\/p>\n

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

Нахожу нужный поворот и угол зрения, сохраняю слои, возвращаюсь в Фотошоп:<\/p>\n

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

В Евровидении с 2015 года участвует Австралия, поэтому ради неё мы нарушили географию и переместили континент в северное полушарие. Ищем приемлемое расположение:<\/p>\n

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

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

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

Делаем светлее и поворачиваем шар на один градус, чтобы избавиться от кусочка Африки:<\/p>\n

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

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

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

С логотипом и фоном понятно. Что насчёт плоской версии и брендовых цветов? На этом этапе произошла интересная ситуация. Я сохранил psd и ушёл спать, а утром я его не нашёл, он просто исчез. Целый день был потрачен на проверку жёсткого диска на целостность и всего компьютера на вирусы. Ничего плохого выявлено не было. Обидно. Пришлось создавать файл с нуля. Потом он пригодился для заставки.<\/p>\n

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

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

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

Тем временем, шведскому королю в этом году исполняется 80 лет. Что-то мне очень напоминает этот баннер…<\/p>\n

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

Шутки в сторону. Делаем некое подобие брендбука и шаблон под стрим.<\/p>\n

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

Предлагаю Диме обновить визуальный стиль Мегаквиза — ежегодной викторины подкаста. Он согласился:<\/p>\n

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

А вы тоже хотите обновить дизайн Мелодифестивалена? Если да — дайте SVT мои контакты. :)<\/p>\n

Ну вот и всё. Процесс занял чуть меньше месяца. Удивительно быстро. Оно и понятно: если есть чёткое представление того, как должно всё выглядеть, то работается легко и с удовольствием. Поиски нужного направления порой выматывают и заставляют сомневаться в себе. Здесь же и я, и Дима довольны и собой, и результатом. Благодарю его за сотрудничество и возможность сделать то, что раньше казалось мне сложным и даже невозможным. Оказывается, я это умею!<\/p>\n

Ищите, слушайте и смотрите подкаст «Вэлкам, Юроп!<\/u>»<\/a> в новом оформлении!<\/p>\n

\n\"\"\n<\/div>\n<\/div>", "date_published": "2026-04-29T07:59:55+05:00", "date_modified": "2026-04-29T08:12:01+05:00", "image": "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(1).jpg", "_date_published_rfc2822": "Wed, 29 Apr 2026 07:59:55 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "43", "_e2_data": { "is_favourite": false, "links_required": [ "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js" ], "og_images": [ "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(1).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(2).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(4).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(3).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(5).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(6).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(7).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(8).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(9).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(10).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(11).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(12).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(13).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(14).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(15).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(16a).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(17).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(18).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(19).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(20).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(21).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(22).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(23).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(24).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(25).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(26).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(27).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(28).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(29).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(30).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(31).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(32).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(33).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(34).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(35).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(36).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(37).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(38).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(39).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(40).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(41).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(42).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(43).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(44).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(45).jpg", "http:\/\/blog.djfreemont.ru\/pictures\/W-E-(46).jpg" ] } }, { "id": "9", "url": "http:\/\/blog.djfreemont.ru\/?go=all\/moy-moy-firmenny-stil\/", "title": "Мой, мой фирменный стиль", "content_html": "

Пришло время что-то менять<\/p>\n

Как вы успели заметить, мои дорогие читатели, если вы, конечно, у меня есть, я поменял аватар у блога. На нём изображён мой новый логотип. Теперь я буду использовать его взамен своего старого, последнюю версию которого сделал прекрасный 3D-дизайнер Кирилл<\/a>. Разумеется, было много всяких заморочек и правок, но он справился на отлично. Зайдите, посмотрите, хороший, талантливый малый.<\/p>\n

Диджейские миксы я делал во Фрутилупсе. Использовал совершенно разную музыку: от аналоговых синтезаторов Жана-Мишеля Жарра до прекрасного русского транса нулевых от PPK.<\/p>\n

С чего бы это вдруг я так, спросите вы. Предыстория. В начале 2012 я подумал, что наиболее чётким и запоминающимся псевдонимом будет как можно более короткий вариант. Т. к. я Фримонт, а на то время я любил делать музыкальные миксы (такое кривое позорище я не выкладывал никуда), то я избрал для себя имя DjF — будто бы сокращение от DJ Freemont. С тех пор прошло достаточно времени. Потом я узнал, что DJF — это аббревиатура франка Джибути. Поэтому в этом году я решил сделать свой псевдоним не только однозначно понятным всем, но и переработать свой фирменный стиль, сделать его более универсальным и гибким в применении в разных средах.<\/p>\n

Изначально хотелось чего-то фиолетового, со взглядом вверх. За основу взял шрифт Montserrat<\/b>. Очень похожий на всеми любимый и активно используемый Gotham Pro<\/b>, но со своими уникальными особенностями и фишками. Правда, без кириллицы, но в логотипе она не нужна. С чего всё началось:<\/p>\n

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

Размещение в две строки очень хорошо для аватаров и для других подобных ограниченных пространств правильной формы. Для баннеров нужна была однострочная версия, что я и сделал:<\/p>\n

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

Написал Никите. Он — лучший дизайнер-любитель, которого я знаю. Он удивился, почему я так радикально. Рассказал ему два первых абзаца этой заметки. Он оценил такой шаг. Если бы не оценил, то пришлось бы придумывать что-то другое, потому что мнения Никиты относительно дизайна очень часто оказываются правильными и разумными.<\/p>\n

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

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

На данном этапе поступило предложение приглушить цвета букв. Не проблема:<\/p>\n

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

Стало понятно, что меня затянуло в какие-то семидесятые. Как сказал Никита, это не хорошо и не плохо, да и мне, в принципе, подобное в последнее время нравится:<\/p>\n

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

Далее пробую монохромность и просто чёрный фон. Красота с привкусом ретро:<\/p>\n

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

Цвет, который оказался в середине слоёного пирога — голубой, очень хорошо подходил под фон. В итоге создавалась небольшая иллюзия, будто бы красные тени отделились от букв. Но тут я начинаю чувствовать подвох. Где-то это я уже видел:<\/p>\n

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

После этой итерации я лёг спать. На следующий день я провёл поиск по картинкам. Гугл был со мной солидарен, он тоже где-то подобное уже встречал:<\/p>\n

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

Обидно. Из этого вполне могло получиться что-нибудь киберпанковое. Хорошо, убрал голубой фон. С удивлением обнаружил, что жёлтый и красный цвета в подобном исполнении уж очень сильно напоминают стиль забегаловок типа Макдональдса или Бургер Кинга. Только в моём случае сие аппетит не возбуждает, ну, никак. Да и кулинарных блогов я никогда не заводил.<\/p>\n

Вот тут я запутался. Думал, ну нафиг ребрендинг. Но жалко потраченное время и фантазию. Написал ещё одному моему знакомому-дизайнеру Тёме (нет, не Лебедеву). Он сказал, что в логотипе нет изюминки, не за что зацепиться взглядом. Отчасти я с ним согласился: просто надпись, ну, под углом, ну, фон градиентный. Сейчас логотипы делают из двух составляющих: графической и текстовой. Только я никогда не связывал себя с каким-либо образом, который можно было бы отрисовать в Фотошопе.<\/p>\n

И я начал искать. Что бы можно было такого-эдакого сделать... В голову пришла идея графического эквалайзера, но рядом с буквами он казался чужеродным. И тут я нашёл у себя в коллекции шрифтов такой, в котором каждый символ состоит из точечек:<\/p>\n

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

Оставил полупрозрачную подложку для объёма:<\/p>\n

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

Вот оно. Буквы-эквалайзеры. Тут я убиваю сразу двух зайцев: немного понижаю уровень значимости того, что я когда-то был каким-то там никому неизвестным ди-джеем, а также рождается идея паттерна из точечек. Если приглядеться, то эти самые точки складываются в очень громкие слова: Design & Music.<\/p>\n

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

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

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

Параллельно делаю однострочную версию с белым фоном:<\/p>\n

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

Почти готово. Осталось только откернить буквы в точечном шрифте. Хотя, по сути, мне пришлось заново делать паттерн, ибо то, что я сделал изначально, было адом перфекциониста. Добавляю для аватарки контрастные границы. Готово.<\/p>\n

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

Итог. Я получил то, чего хотел. У подобной формы можно ставить разные фоны, буквы могут быть любого цвета, с подложкой и без, а паттерн из точек перешёл из старой версии в новом исполнении. Постепенно произойдёт унификация всех моих творений под марку DJFreemont. Такая, вот, маленькая победа для себя, хоть я и не профессиональный дизайнер, а самоучка. Однако людям нравится то, что я делаю, и думаю, что всё-таки надо учиться большему.<\/p>\n", "date_published": "2017-09-12T01:45:17+05:00", "date_modified": "2025-06-19T19:58:42+05:00", "image": "http:\/\/blog.djfreemont.ru\/pictures\/djf1.jpg", "_date_published_rfc2822": "Tue, 12 Sep 2017 01:45:17 +0500", "_rss_guid_is_permalink": "true", "_rss_guid": "http:\/\/blog.djfreemont.ru\/?go=all\/moy-moy-firmenny-stil\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "http:\/\/blog.djfreemont.ru\/pictures\/djf1.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf2.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf3.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf4.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf5.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf6.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf7.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf8.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf9.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf10.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf11.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf12.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf13.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf14.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf15.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf16.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf17.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf18.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf19.jpg", "http:\/\/blog.djfreemont.ru\/pictures\/djf20.jpg" ] } } ], "_e2_version": 3254, "_e2_ua_string": "E2 (v3254; Aegea)" }