#истории
«Они увидели мой набросок в тетради и предложили работу»
В вузе Роман от скуки рисовал в тетради, и его заметили. Этот момент — отправная точка к десяткам дизайн-проектов.
предоставлена ashley west edwards / kelly sikkema / unsplash / rudiecast / shutterstock / полина суворова для skillbox
Россия, г. Казань
Достижения
Уволился с нелюбимой работы, устроился дизайнером и придумал свой проект для российского автопрома.
В интервью Роман рассказал:
- как набросок в тетради дал ему работу;
- на какую коммерческую идею его натолкнула домашка на курсе;
- чему он учится, работая дизайнером билбордов;
- о советских авто как объектах дизайна.
— Есть такое убеждение: чтобы стать графическим дизайнером, нужно уметь рисовать. Как думаешь, это правда?
— Лично у меня художественного образования нет. Выручает техника — планшет и перо. С их помощью я могу накидать несколько мазков и в любой момент стереть то, что не понравилось. Или вообще удалить всё в один клик и попробовать заново. Но базовое понимание рисунка, правил композиции и сочетания цветов точно не помешают. Мне повезло: сестра отучилась в художке и всегда помогала советом.
«Свою аватарку для всех социальных сетей я нарисовал в технике дуотона, используя только два цвета. Получился Джокер, хоть я и не такой: я добрый
»— Как ты заинтересовался графическим дизайном?
— Всё началось в старших классах, когда я оформлял аватарки на игровой платформе Steam для своих друзей. Ребята говорили, что у меня круто получается.
Тогда-то дизайн меня и увлёк: я читал руководства по Photoshop и Cinema 4D, делал баннеры на YouTube, создавал логотипы. В то время я вообще не знал основ, даже не понимал, чем отличается растр от вектора, — но было очень интересно.
Потом, уже в вузе, мне предложили сверстать интерфейс мобильного приложения университета. Что-то вроде универсального помощника, в котором можно посмотреть расписание занятий и мероприятий. Мне крупно повезло с этим заказом.
— Получается, что нужные люди в универе узнали, что ты связан с дизайном?
— Да, чистая случайность! На скучных парах я рисовал логотипы — мои картинки заметила девушка из потока. Она рассказала мне, что человек из профсоюза набирает команду для разработки мобильного приложения.
Сначала мне дали пробное задание: создать макет толстовок с эмблемой КАИ — моего универа. Я сделал, мой вариант всем понравился, и мы приступили к разработке. Интерфейс приложения я верстал в Adobe XD: мой первый прототип показался мне хорошим, но сейчас я понимаю — это был ужас. Но руководителя всё устроило, и с тех пор он начал подкидывать мне задачи по дизайну.
Студенты КАИ и сам Роман (крайний справа) в толстовках с его дизайном
— Как у вас сложились отношения с твоим первым работодателем?
— КАИ до сих пор отправляет мне задания: оформить баннер для дня открытых дверей, афишу, рекламу в метро… у них прям много «наружки». Я прихожу после основной работы и берусь за заказ, иногда даже в выходные. Причём у вуза есть штатный дизайнер, но он то ли не успевает, то ли просто не справляется. А мне это только на руку.
Потом тот самый руководитель профсоюза привлекал меня и к подработке вне универа. Он нашёл нишу, и мы начали делать сайты медицинским и образовательным учреждениям. Я создавал макеты в Photoshop или Adobe XD и зарабатывал на этом.
— А есть ли в твоей профессии то, что можно было бы назвать делом для души?
— Для меня это иллюстрации. Моя первая прорывная иллюстрация вышла некрасивой, корявенькой, но именно тогда я понял: иллюстрации — это моё, я буду создавать их для себя, а не для денег.
— Твоих навыков вполне хватало для подработки в университете. Почему ты решил пойти на курсы?
— Да, я многое умел, но чувствовал, что знания, полученные на YouTube, поверхностны, а я хотел развиваться. Раньше я просто запоминал алгоритмы действий и функции той или иной кнопочки. Но однажды умные нейросети подкинули мне видео Skillbox — я посмотрел вебинар и решил систематизировать навыки.
Я оставил заявку на обратный звонок и уехал в деревню на две недели. Эта поездка стала для меня рубежом: будто бы стёрла меня предыдущего и создала меня нового. Вернулся в город без всяких сомнений: всё, я иду учиться.
— Что произошло в деревне?
— Это целая история! Связь в деревне была просто ужасной, а интернет работал только в сельском клубе, и то по субботам. Когда мне позвонил менеджер, я был у речки. Принял звонок, и всё — молчание. Понял, что сеть пропала и надо срочно что-то делать. Побежал к дому, залез на гараж-пристройку и уже оттуда перезвонил.
— Классная история. Прям как в той новости про омского студента, который залезал на дерево, ловил связь и слушал оттуда лекции :)
— Да, но это ещё не всё :)
Потом, сидя на этом же гараже, я звонил в банк по поводу рассрочки. Тот ещё кадр: сижу на крыше с паспортом, диктую данные, записываю кодовые слова, а рядом петух орёт «кукареку-кукареку».
Дальше ещё смешнее. На следующий день мне снова позвонил сотрудник банка и попросил перенести приём документов. Я только хотел спросить о причине, как вдруг слышу у него на заднем фоне блеяние овец. Говорю: «Вы тоже в деревне?» Он отвечает: «Да» — и всё встаёт на свои места :)
— Ты начал учёбу почти два года назад. Как твои успехи сейчас?
— Ещё учусь. На выпускном курсе универа на меня навалилось много задач: диплом, фриланс по сайтам и логотипам, работа в «Бургер Кинге» и учёба в Skillbox. Утром я ехал в вуз, затем возвращался домой, обедал и бежал на работу, пахал там часов до девяти, а вечером сидел над проектами.
— До интервью ты рассказал о проблемах с тайм-менеджментом, но, судя по всему, тебе просто не хватало времени…
— Я мечтал успевать всё на свете: учиться в вузе и на курсе, работать для денег и для души. Даже пару раз выгорал из-за этого. Помню, сижу уставший и думаю: «Господи, Рома, это не твоё». Я описал свою проблему куратору чата студентов Юлии, и она предложила отвлечься — несколько дней не использовать компьютер и другие девайсы. Помогло.
Ещё, конечно, важна правильная мотивация. Когда у меня нет сил, я просто смотрю, какие крутые работы делают другие дизайнеры, и понимаю, что обязан научиться рисовать так же.
— А назови своих любимых графических дизайнеров.
— Есть команда Second Syndicate — в своих иллюстрациях они используют элементы роботов. Ты узнаешь их работу среди миллиона других — вот это, я понимаю, единый стиль!
Примеры работ студии Second Syndicate. Изображения: Second Syndicate /
BehanceИз дизайнерских студий мне нравится Pinkman. Они оформляют сайты, создают фирменный стиль, занимаются полной адаптацией бренда. Было бы круто в будущем поработать с ними :)
— Ты сказал про проблемы со временем. А как справлялся с остальным?
— Все проблемы я создавал себе сам. Я не хотел делать по примерам преподавателя и подходил к домашним заданиям по-своему — усложнял их. Например, по заданию нужно было сверстать небольшую брошюру для любой компании. Я решил, что это слишком легко. В итоге придумал свой проект, посвящённый тюнингу советских автомобилей, и сверстал полноценный журнал на 24 полосы. С настоящими рассказами людей и фотографиями.
Кстати, эта домашка вдохновила меня на одну идею. Я сижу в автомобильном сообществе DRIVE2.RU, где каждый месяц проводят конкурс на лучший автопроект. И я в рамках этого конкурса хочу предложить организаторам свои услуги — оформлять памятный буклет с работами участников на постоянной основе.
— Выходит, у тебя за время учёбы не было невыполнимых задач?
— Одно домашнее задание показалось мне очень сложным: надо было придумать концепцию бренда с нуля, его айдентику, логотип, выбрать цветовую гамму. Это был большой объём задач, над которым я целый месяц размышлял и ещё тысячу раз передумывал. В итоге получился концепт компании по доставке завтраков. Я оформил работу и выложил её в своё портфолио.
— А как относишься к критике?
— Я её очень люблю! Мне нравится, когда работу принимают не с первого раза — это значит, что мне есть что доработать. Конструктивная критика — это в помощь, а не в обиду. Если преподаватель постоянно говорит тебе: «О, so good, ты крутой чувак!» — ты рано или поздно переоценишь себя.
— А ты уже сталкивался с жёсткими отзывами о своих работах?
— Да, но они всё равно были полезными. Недавно я проходил собеседование в крутую казанскую студию. Мне перезвонили и сообщили радостную новость: меня не берут. Мы общались с директором полчаса, обсуждали меня и мой вектор развития. Он сказал: «Я вижу, что у тебя есть задатки, но то, что ты делаешь на данном этапе, — это отстой». Он посоветовал устраиваться в Москву на удалёнку и работать за небольшие деньги в крутых студиях — лишь бы показать себя.
— Он не взял тебя на работу, но не остался равнодушным и дал обратную связь — это круто.
— Кроме того, он натолкнул меня на правильные мысли. Он спросил: «На сколько процентов ты готов отдаватьскя профессии и насколько ты безбашенный?» А ведь, если посмотреть мой распорядок дня, я именно такой. И это очень важно для развития. Он посоветовал мне посмотреть фильм «Одержимость», и я узнал в главном герое себя. История посвящена обезумевшему от барабанов чуваку, который готов сделать всё, лишь бы добиться успеха в своём деле.
Процесс создания иллюстрации Романа
— Как у тебя в итоге сложилась карьера?
— Недавно я устроился в медиагруппу «РИМ». Они занимаются наружной рекламой. Я работаю дизайнером билбордов. У этого направления есть своя специфика. Посыл на билборде должен читаться мгновенно: когда потенциальный клиент едет по автомагистрали, у него есть только пять секунд, чтобы усвоить информацию. Поэтому никаких длинных слов, маленьких букв и сложных картинок. Если можно обойтись текстом «БЕТОН» с номером телефона — вообще круто.
Мне только предстоит узнать, как правильно и красиво делать такую рекламу, но я уже увлёкся этим. «РИМ» — это не суперизвестное агентство, но, пока есть хоть какое-то пространство для роста, им нужно пользоваться.
— Расскажи о каком-нибудь заказе, который ты уже успел выполнить для агентства.
— Моим первым заданием стал билборд для компании, которая асфальтирует дороги в Казани. Заказчик попросил изобразить половину дороги разрушенной, а половину — идеально асфальтированной. Я решил между этими двумя частями сделать пограничный промежуток с дырками — в жизни же не бывает, чтобы плохая дорога моментально превращалась в ровную!
Заказчик посмотрел и говорит: «Ты хочешь, чтобы у меня клиентов не осталось? Сделай, как я прошу». Переделал.
— А почему ты вообще устроился в офис, а не работаешь на удалёнке?
— Я хотел работать в офисе, чтобы общаться с коллегами. Я очень обрадовался, когда узнал, что в агентстве работают ещё три дизайнера: смогу перенять у них опыт и общаться на профильные темы.
— Какая у тебя личная история с советским автопромом? Я заметила, что многие работы посвящены этой тематике.
— Как говорится, тазовод — это в крови :) Но я не из тех владельцев ВАЗа, которые любят посадить автомобиль на кузов и громко слушать музыку. Я считаю, что старые автомобили — это эстетика и искусство в железе.
Недавно я купил девятку — ВАЗ-2109 1987 года. И когда я устаю от работы, то думаю над тем, как её преобразовать и улучшить. Наверное, сделаю тюнинг «стенс» — это аккуратный стиль, когда все элементы машины сочетаются по стилистике. Как минимализм в дизайне: ничего лишнего.
Машина Романа — ВАЗ-2109
— Что бы ты изменил в дизайне российского автопрома?
— У наших автопроизводителей совсем не запоминающиеся билборды: они тусклые и совершенно не продающие. Эту ситуацию я бы хотел исправить. В рамках одного из заданий на курсе я даже придумал новый слоган и визуализацию для компании LADA.
— Ты почти окончил курс и устроился на работу по специальности. Как ты планируешь развиваться в дизайне дальше?
— Моя цель — освоить motion-дизайн. Хочу совмещать работу по 2D и 3D, чтобы делать более качественные и функциональные проекты. Пока я умею создавать только примитивные анимации в Photoshop, но я активно осваиваю Cinema 4D и Blender. Помню, как однажды для домашней работы я не мог найти мокапы пластиковых стаканчиков и купил их за 1200 рублей. Потом подумал: умел бы работать в 3D, сам бы создал эти стаканчики!
— Что тебя вдохновляет?
— В творчестве: чужие работы на Behance или Dribbble. В жизни: простые мелочи — прогулки, кино, разговоры. Люблю творить под музыку. А ещё мне нравится автоблогер «Ильдар авто-подбор»: он безвозмездно совершает добрые дела и через экран вдохновляет меня жить и работать от всего сердца.
— Какие ресурсы или книги помогают тебе расти в профессии?
— Из книг по дизайну мне понравились «Дизайн — это работа» Майка Монтейро и «Дизайн для реального мира» Виктора Папанека. Ещё мне помогает чат с одногруппниками по Skillbox: мы делимся своими работами, обсуждаем и оцениваем друг друга. Опыт у всех совершенно разный: например, есть студент Евгений, который уже 14 лет в дизайне.
— Рынок дизайна большой. Как планируешь выделяться?
— Делать качественно и круто — и тогда рано или поздно всё получится.
Попробуйте бесплатно 4 топовые профессии в дизайне
Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше.
Пройти курс→
<!DOCTYPE html>
<html class="l-html" lang="ru">
<head>
<script>
mindbox = window.mindbox || function() { mindbox.queue.push(arguments); };
mindbox.queue = mindbox.queue || [];
mindbox('create', {
endpointId: 'skillbox.skillboxMediaWebsite'
});
</script>
<script src="https://api.s.mindbox.ru/scripts/v1/tracker.js" async></script>
<script>window.yaContextCb = window.yaContextCb || []</script>
<script src="https://yandex.ru/ads/system/context.js" async></script>
<!-- Google Tag Manager -->
<script async data-skip-moving="true" type="text/javascript">
/** Google Tagmanager */
;(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-NLCGQ25');
window.dataLayer = window.dataLayer || [];
function gtag() {
window.dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'GTM-NLCGQ25');
</script>
<!-- End Google Tag Manager -->
<!-- Retail Rocket -->
<script type="text/javascript">
var rrPartnerId = "6048a0d097a52514f050731f";
var rrApi = {};
var rrApiOnReady = rrApiOnReady || [];
rrApi.addToBasket = rrApi.order = rrApi.categoryView = rrApi.view =
rrApi.recomMouseDown = rrApi.recomAddToCart = function() {};
(function(d) {
var ref = d.getElementsByTagName('script')[0];
var apiJs, apiJsId = 'rrApi-jssdk';
if (d.getElementById(apiJsId)) return;
apiJs = d.createElement('script');
apiJs.id = apiJsId;
apiJs.async = true;
apiJs.src = "//cdn.retailrocket.ru/content/javascript/tracking.js";
ref.parentNode.insertBefore(apiJs, ref);
}(document));
</script>
<!-- End Retail Rocket -->
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta name="google-site-verification" content="UA-kf725UpqwkHenFmDQ05SW115fL9UdD9uXiFy-ibQ"/>
<meta name="robots" content="index, follow"/>
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="canonical" href="https://skillbox.ru/media/design/story-roman-makarov/">
<link rel="preload" href="https://marketplace.canva.com/EAD2962NKnQ/2/0/1600w/canva-rainbow-gradient-pink-and-purple-zoom-virtual-background-_Tcjok-d9b4.jpg" as="image" />
<link rel="preload" href="https://via.placeholder.com/1170x250/92c952" as="image" />
<link rel="preload" href="https://via.placeholder.com/768x250/40E0D0" as="image" />
<link rel="preload" href="https://via.placeholder.com/375x250/ffbcee" as="image" />
<title>Отзыв о Skillbox / Skillbox Media</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="В вузе Роман от скуки рисовал в тетради, и его заметили. Этот момент — отправная точка к десяткам дизайн-проектов." />
<link href="/bitrix/cache/css/s1/media/kernel_main/kernel_main_v1.css?177096852510536" type="text/css" rel="stylesheet" />
<link href="/bitrix/js/ui/fonts/opensans/ui.font.opensans.css?16341171742599" type="text/css" rel="stylesheet" />
<link href="/bitrix/js/main/popup/dist/main.popup.bundle.css?163411696226345" type="text/css" rel="stylesheet" />
<link href="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css" type="text/css" rel="stylesheet" />
<link href="/bitrix/cache/css/s1/media/page_a1ad23d5ae1fea4c6ac7c690c80a4763/page_a1ad23d5ae1fea4c6ac7c690c80a4763_v1.css?1771490810746236" type="text/css" rel="stylesheet" />
<link href="/bitrix/cache/css/s1/media/template_176a7c2453ad8025fa7d27f65ba6a4b1/template_176a7c2453ad8025fa7d27f65ba6a4b1_v1.css?1771490810442835" type="text/css" data-template-style="true" rel="stylesheet" />
<script type="text/javascript">if(!window.BX)window.BX={};if(!window.BX.message)window.BX.message=function(mess){if(typeof mess==='object'){for(let i in mess) {BX.message[i]=mess[i];} return true;}};</script>
<script type="text/javascript">(window.BX||top.BX).message({'JS_CORE_LOADING':'Загрузка...','JS_CORE_NO_DATA':'- Нет данных -','JS_CORE_WINDOW_CLOSE':'Закрыть','JS_CORE_WINDOW_EXPAND':'Развернуть','JS_CORE_WINDOW_NARROW':'Свернуть в окно','JS_CORE_WINDOW_SAVE':'Сохранить','JS_CORE_WINDOW_CANCEL':'Отменить','JS_CORE_WINDOW_CONTINUE':'Продолжить','JS_CORE_H':'ч','JS_CORE_M':'м','JS_CORE_S':'с','JSADM_AI_HIDE_EXTRA':'Скрыть лишние','JSADM_AI_ALL_NOTIF':'Показать все','JSADM_AUTH_REQ':'Требуется авторизация!','JS_CORE_WINDOW_AUTH':'Войти','JS_CORE_IMAGE_FULL':'Полный размер'});</script>
<script type="text/javascript" src="/bitrix/js/main/core/core.js?1634117028565340"></script>
<script>BX.setJSList(['/bitrix/js/main/core/core_ajax.js','/bitrix/js/main/core/core_promise.js','/bitrix/js/main/polyfill/promise/js/promise.js','/bitrix/js/main/loadext/loadext.js','/bitrix/js/main/loadext/extension.js','/bitrix/js/main/polyfill/promise/js/promise.js','/bitrix/js/main/polyfill/find/js/find.js','/bitrix/js/main/polyfill/includes/js/includes.js','/bitrix/js/main/polyfill/matches/js/matches.js','/bitrix/js/ui/polyfill/closest/js/closest.js','/bitrix/js/main/polyfill/fill/main.polyfill.fill.js','/bitrix/js/main/polyfill/find/js/find.js','/bitrix/js/main/polyfill/matches/js/matches.js','/bitrix/js/main/polyfill/core/dist/polyfill.bundle.js','/bitrix/js/main/core/core.js','/bitrix/js/main/polyfill/intersectionobserver/js/intersectionobserver.js','/bitrix/js/main/lazyload/dist/lazyload.bundle.js','/bitrix/js/main/polyfill/core/dist/polyfill.bundle.js','/bitrix/js/main/parambag/dist/parambag.bundle.js']);
BX.setCSSList(['/bitrix/js/main/lazyload/dist/lazyload.bundle.css','/bitrix/js/main/parambag/dist/parambag.bundle.css']);</script>
<script type="text/javascript">(window.BX||top.BX).message({'AMPM_MODE':false});(window.BX||top.BX).message({'MONTH_1':'Январь','MONTH_2':'Февраль','MONTH_3':'Март','MONTH_4':'Апрель','MONTH_5':'Май','MONTH_6':'Июнь','MONTH_7':'Июль','MONTH_8':'Август','MONTH_9':'Сентябрь','MONTH_10':'Октябрь','MONTH_11':'Ноябрь','MONTH_12':'Декабрь','MONTH_1_S':'января','MONTH_2_S':'февраля','MONTH_3_S':'марта','MONTH_4_S':'апреля','MONTH_5_S':'мая','MONTH_6_S':'июня','MONTH_7_S':'июля','MONTH_8_S':'августа','MONTH_9_S':'сентября','MONTH_10_S':'октября','MONTH_11_S':'ноября','MONTH_12_S':'декабря','MON_1':'янв','MON_2':'фев','MON_3':'мар','MON_4':'апр','MON_5':'май','MON_6':'июн','MON_7':'июл','MON_8':'авг','MON_9':'сен','MON_10':'окт','MON_11':'ноя','MON_12':'дек','DAY_OF_WEEK_0':'Воскресенье','DAY_OF_WEEK_1':'Понедельник','DAY_OF_WEEK_2':'Вторник','DAY_OF_WEEK_3':'Среда','DAY_OF_WEEK_4':'Четверг','DAY_OF_WEEK_5':'Пятница','DAY_OF_WEEK_6':'Суббота','DOW_0':'Вс','DOW_1':'Пн','DOW_2':'Вт','DOW_3':'Ср','DOW_4':'Чт','DOW_5':'Пт','DOW_6':'Сб','FD_SECOND_AGO_0':'#VALUE# секунд назад','FD_SECOND_AGO_1':'#VALUE# секунду назад','FD_SECOND_AGO_10_20':'#VALUE# секунд назад','FD_SECOND_AGO_MOD_1':'#VALUE# секунду назад','FD_SECOND_AGO_MOD_2_4':'#VALUE# секунды назад','FD_SECOND_AGO_MOD_OTHER':'#VALUE# секунд назад','FD_SECOND_DIFF_0':'#VALUE# секунд','FD_SECOND_DIFF_1':'#VALUE# секунда','FD_SECOND_DIFF_10_20':'#VALUE# секунд','FD_SECOND_DIFF_MOD_1':'#VALUE# секунда','FD_SECOND_DIFF_MOD_2_4':'#VALUE# секунды','FD_SECOND_DIFF_MOD_OTHER':'#VALUE# секунд','FD_SECOND_SHORT':'#VALUE#с','FD_MINUTE_AGO_0':'#VALUE# минут назад','FD_MINUTE_AGO_1':'#VALUE# минуту назад','FD_MINUTE_AGO_10_20':'#VALUE# минут назад','FD_MINUTE_AGO_MOD_1':'#VALUE# минуту назад','FD_MINUTE_AGO_MOD_2_4':'#VALUE# минуты назад','FD_MINUTE_AGO_MOD_OTHER':'#VALUE# минут назад','FD_MINUTE_DIFF_0':'#VALUE# минут','FD_MINUTE_DIFF_1':'#VALUE# минута','FD_MINUTE_DIFF_10_20':'#VALUE# минут','FD_MINUTE_DIFF_MOD_1':'#VALUE# минута','FD_MINUTE_DIFF_MOD_2_4':'#VALUE# минуты','FD_MINUTE_DIFF_MOD_OTHER':'#VALUE# минут','FD_MINUTE_0':'#VALUE# минут','FD_MINUTE_1':'#VALUE# минуту','FD_MINUTE_10_20':'#VALUE# минут','FD_MINUTE_MOD_1':'#VALUE# минуту','FD_MINUTE_MOD_2_4':'#VALUE# минуты','FD_MINUTE_MOD_OTHER':'#VALUE# минут','FD_MINUTE_SHORT':'#VALUE#мин','FD_HOUR_AGO_0':'#VALUE# часов назад','FD_HOUR_AGO_1':'#VALUE# час назад','FD_HOUR_AGO_10_20':'#VALUE# часов назад','FD_HOUR_AGO_MOD_1':'#VALUE# час назад','FD_HOUR_AGO_MOD_2_4':'#VALUE# часа назад','FD_HOUR_AGO_MOD_OTHER':'#VALUE# часов назад','FD_HOUR_DIFF_0':'#VALUE# часов','FD_HOUR_DIFF_1':'#VALUE# час','FD_HOUR_DIFF_10_20':'#VALUE# часов','FD_HOUR_DIFF_MOD_1':'#VALUE# час','FD_HOUR_DIFF_MOD_2_4':'#VALUE# часа','FD_HOUR_DIFF_MOD_OTHER':'#VALUE# часов','FD_HOUR_SHORT':'#VALUE#ч','FD_YESTERDAY':'вчера','FD_TODAY':'сегодня','FD_TOMORROW':'завтра','FD_DAY_AGO_0':'#VALUE# дней назад','FD_DAY_AGO_1':'#VALUE# день назад','FD_DAY_AGO_10_20':'#VALUE# дней назад','FD_DAY_AGO_MOD_1':'#VALUE# день назад','FD_DAY_AGO_MOD_2_4':'#VALUE# дня назад','FD_DAY_AGO_MOD_OTHER':'#VALUE# дней назад','FD_DAY_DIFF_0':'#VALUE# дней','FD_DAY_DIFF_1':'#VALUE# день','FD_DAY_DIFF_10_20':'#VALUE# дней','FD_DAY_DIFF_MOD_1':'#VALUE# день','FD_DAY_DIFF_MOD_2_4':'#VALUE# дня','FD_DAY_DIFF_MOD_OTHER':'#VALUE# дней','FD_DAY_AT_TIME':'#DAY# в #TIME#','FD_DAY_SHORT':'#VALUE#д','FD_MONTH_AGO_0':'#VALUE# месяцев назад','FD_MONTH_AGO_1':'#VALUE# месяц назад','FD_MONTH_AGO_10_20':'#VALUE# месяцев назад','FD_MONTH_AGO_MOD_1':'#VALUE# месяц назад','FD_MONTH_AGO_MOD_2_4':'#VALUE# месяца назад','FD_MONTH_AGO_MOD_OTHER':'#VALUE# месяцев назад','FD_MONTH_DIFF_0':'#VALUE# месяцев','FD_MONTH_DIFF_1':'#VALUE# месяц','FD_MONTH_DIFF_10_20':'#VALUE# месяцев','FD_MONTH_DIFF_MOD_1':'#VALUE# месяц','FD_MONTH_DIFF_MOD_2_4':'#VALUE# месяца','FD_MONTH_DIFF_MOD_OTHER':'#VALUE# месяцев','FD_MONTH_SHORT':'#VALUE#мес','FD_YEARS_AGO_0':'#VALUE# лет назад','FD_YEARS_AGO_1':'#VALUE# год назад','FD_YEARS_AGO_10_20':'#VALUE# лет назад','FD_YEARS_AGO_MOD_1':'#VALUE# год назад','FD_YEARS_AGO_MOD_2_4':'#VALUE# года назад','FD_YEARS_AGO_MOD_OTHER':'#VALUE# лет назад','FD_YEARS_DIFF_0':'#VALUE# лет','FD_YEARS_DIFF_1':'#VALUE# год','FD_YEARS_DIFF_10_20':'#VALUE# лет','FD_YEARS_DIFF_MOD_1':'#VALUE# год','FD_YEARS_DIFF_MOD_2_4':'#VALUE# года','FD_YEARS_DIFF_MOD_OTHER':'#VALUE# лет','FD_YEARS_SHORT_0':'#VALUE#л','FD_YEARS_SHORT_1':'#VALUE#г','FD_YEARS_SHORT_10_20':'#VALUE#л','FD_YEARS_SHORT_MOD_1':'#VALUE#г','FD_YEARS_SHORT_MOD_2_4':'#VALUE#г','FD_YEARS_SHORT_MOD_OTHER':'#VALUE#л','CAL_BUTTON':'Выбрать','CAL_TIME_SET':'Установить время','CAL_TIME':'Время','FD_LAST_SEEN_TOMORROW':'завтра в #TIME#','FD_LAST_SEEN_NOW':'только что','FD_LAST_SEEN_TODAY':'сегодня в #TIME#','FD_LAST_SEEN_YESTERDAY':'вчера в #TIME#','FD_LAST_SEEN_MORE_YEAR':'более года назад'});</script>
<script type="text/javascript">(window.BX||top.BX).message({'WEEK_START':'1'});</script>
<script type="text/javascript">(window.BX||top.BX).message({'LANGUAGE_ID':'ru','FORMAT_DATE':'DD.MM.YYYY','FORMAT_DATETIME':'DD.MM.YYYY HH:MI:SS','COOKIE_PREFIX':'BITRIX_SM','SERVER_TZ_OFFSET':'10800','UTF_MODE':'Y','SITE_ID':'s1','SITE_DIR':'/','USER_ID':'','SERVER_TIME':'1771681464','USER_TZ_OFFSET':'0','USER_TZ_AUTO':'Y','bitrix_sessid':'ebab4dcdfdb809a47c90239f15156b91'});</script>
<script type="text/javascript" src="/bitrix/js/main/date/main.date.js?159955296434530"></script>
<script type="text/javascript" src="/bitrix/js/main/popup/dist/main.popup.bundle.js?1634116962109107"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_date.js?163411653136080"></script>
<script type="text/javascript" src="/bitrix/js/ui/vue/vue2/prod/dist/vue.bundle.js?1635848017173206"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fingerprintjs2/2.1.0/fingerprint2.min.js"></script>
<script type="text/javascript">BX.setCSSList(['/bitrix/js/main/core/css/core_date.css','/setka/css/setka_skillbox.css','/local/templates/.default/components/bitrix/news.detail/article/style.css','/static/css/newarticle.css','/local/templates/media/libs/jquery.formstyler.css','/local/templates/media/fonts/graphik-font/stylesheet.css','/static/css/main.css','/local/templates/media/template_styles.css']);</script>
<script src="https://cdn.skillbox.pro/frontend-libs/promo-banner/5.10.1/banner-plugin.min.js"></script>
<script type="text/javascript" async src="https://relap.io/api/v6/head.js?token=sI73Ph6a5BnkqK2o"></script>
<meta property="og:title" content="«Они увидели мой набросок в тетради и предложили работу»" />
<meta property="og:description" content="В вузе Роман от скуки рисовал в тетради, и его заметили. Этот момент — отправная точка к десяткам дизайн-проектов." />
<meta property="og:url" content="https://skillbox.ru/media/design/story-roman-makarov/" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="skillbox.ru" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:image" content="https://248006.selcdn.ru/main/iblock/9e2/9e22c9eb61c7674bad4f928d00b13960/bd68ec3ed762c7287460b1bc62425822.jpg" />
<meta name="relap-image" content="https://248006.selcdn.ru/main/iblock/9e2/9e22c9eb61c7674bad4f928d00b13960/bd68ec3ed762c7287460b1bc62425822.jpg" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:image" content="https://248006.selcdn.ru/main/iblock/9e2/9e22c9eb61c7674bad4f928d00b13960/bd68ec3ed762c7287460b1bc62425822.jpg" />
<meta property="vk:image" content="https://248006.selcdn.ru/main/iblock/390/390eeb737041bf15328b575f190521c9/c3c4c3c9b83831165e688fe6ef1c488c.jpg" />
<meta property="article:author" content="Валерия Лозовская" />
<meta property="article:tag" content="истории" />
<meta property="article:section" content="Дизайн" />
<script type="text/javascript" src="/static/js/vendor.js?1771489421543641"></script>
<script type="text/javascript" src="/local/assets/js/common.js?177148933727419"></script>
<script type="text/javascript" src="/static/js/main.js?1771489421125222"></script>
<script type="text/javascript" src="/local/templates/media/js/main.js?17714893372418"></script>
<script type="text/javascript" src="/local/components/prmedia/popup.subscribe/templates/.default/script.js?17714893376820"></script>
<script type="text/javascript" src="/local/templates/.default/components/bitrix/news.detail/article/infinity.js?177148933713735"></script>
<script type="text/javascript" src="/local/templates/.default/components/bitrix/news/articles/script.js?1771489337246"></script>
<script type="text/javascript" src="/setka/js/setka_skillbox.js?1771489337106775"></script>
<script type="text/javascript" src="/local/templates/.default/components/bitrix/news.detail/article/script.js?17714893377503"></script>
<script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "84a6082a990bbac8858fb733b97bed30"]); _ba.push(["host", "skillbox.ru"]); (function() {var ba = document.createElement("script"); ba.type = "text/javascript"; ba.async = true;ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ba, s);})();</script>
</head>
<body>
<div class="js-sticky-delimiter"></div>
<div class="bx-panel"></div>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLCGQ25" height="0" width="0"
style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<svg class="app-svg-visually-hidden" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="def-arrow-down-a" d="M223 20813l4 5 4-5z"/>
<path id="def-arrow-a" d="M1044.6 803.2a.81.81 0 01-.5.18.8.8 0 01-.8-.8v-3.24c-2.97.1-5.17.88-6.52 2.3a4.86 4.86 0 00-1.39 3.29.8.8 0 01-.75.83h-.04a.79.79 0 01-.79-.74c-.22-3.78.69-6.76 2.69-8.84a10.76 10.76 0 016.81-3.07v-3.3a.8.8 0 011.29-.63l7.91 6.39a.8.8 0 010 1.25zm.3-11.73v2.42a.5.5 0 01-.03.1.8.8 0 01-.05.21.78.78 0 01-.47.42.67.67 0 01-.25.05h-.01c-.06 0-3.93-.04-6.46 2.62-.8.85-1.4 1.87-1.74 2.99 1.79-1.7 4.55-2.57 8.21-2.57.44 0 .8.36.8.8v2.4l5.85-4.72z"/>
<path id="def-be-a" d="M55.6 29.58h6.12v-1.59H55.6zm.64 5.74s.26-2.23 2.58-2.23c2.32 0 2.26 2.23 2.26 2.23zm-3.23 1.27S52.56 42 58.72 42c0 0 5.26.37 5.26-3.81H61.4s-.09 1.59-2.58 1.59c0 0-2.58.17-2.58-2.55l7.74-.01c-.08-.32.9-6.42-5.16-6.36-5.77.05-5.81 5.73-5.81 5.73zm-10.34 2.8v-4.24H47s1.7.16 1.7 2.24c0 1.76-1.06 1.99-1.7 2zM47 29.61s1.16.06 1.16 1.62-.76 1.64-1.49 1.64h-4v-3.26zm4.33 1.3c0-2.68-1.81-3.91-4.26-3.91H39v15.01h8.07s4.92.15 4.92-4.43c0 0 .22-3.73-2.9-3.73 0 0 2.24-.25 2.24-2.94z"/>
<path id="def-briefcase-a" d="M855 13538c0-1.7 1.3-3 3-3s3 1.3 3 3v7c0 1.7-1.3 3-3 3s-3-1.3-3-3v-7z"/>
<path id="def-comments-a" d="M752 8958l-4 4v-12a1 1 0 011-1h11a1 1 0 011 1v7a1 1 0 01-1 1zm12-6v13l-3.2-4H751l2-2h9v-8h1c1 0 1 .45 1 1z"/>
<path id="def-eaye-a" d="M630 8956.22c0 1.04-3.58 5.21-8 5.21s-8-4.26-8-5.21c0-1.05 3.58-5.22 8-5.22s8 4.17 8 5.22zm-5 0h-3v-3.13a3.13 3.13 0 100 6.26 3.07 3.07 0 003-3.13z"/>
<path id="def-file-a" d="M493 9457a2 2 0 01-1.98-2v-16a2 2 0 011.98-2h19.82c1.13 0 2.07.87 2.15 2v16a2.15 2.15 0 01-2.15 2zm0-18v8.83l5.3-4.59a.98.98 0 011.35.05l5.34 5.39 3.27-2.48a.98.98 0 011.36.16l3.35 4.07V9439zm19.97 14.55l-4.27-5.18-3.21 2.43c-.4.3-.95.26-1.3-.09l-5.3-5.35-5.9 5.1v4.54h19.98zm-6.1-10.55a1.98 1.98 0 113.97.04 1.98 1.98 0 01-3.97-.04z"/>
<path id="def-gplus-a" d="M466 10169a4 4 0 013.87-3.99 4.14 4.14 0 012.93.99c-.33.36-.67.71-1.03 1.04-.72-.42-1.58-.75-2.41-.46a2.52 2.52 0 00-1.67 3.23c.41 1.35 2.09 2.1 3.4 1.52a2.22 2.22 0 001.33-1.51c-.78-.01-1.56 0-2.34-.03v-1.36h3.9a4.45 4.45 0 01-.83 3.2c-1 1.28-2.88 1.66-4.4 1.16a4 4 0 01-2.75-3.79z"/><path id="def-gplus-b" d="M476.34 10166h1.32l.01 1.33H479v1.33l-1.33.01v1.33h-1.33l-.01-1.33H475v-1.33l1.33-.01.01-1.33z"/>
<path id="def-inst-a" d="M1480.93 332c-3.5 0-3.95.02-5.32.07-1.37.07-2.3.28-3.14.6-.84.34-1.57.77-2.28 1.5a6.36 6.36 0 00-1.5 2.28 9.84 9.84 0 00-.6 3.14c-.07 1.37-.07 1.82-.07 5.32s.02 3.96.07 5.32c.07 1.37.28 2.31.6 3.14.34.85.77 1.58 1.5 2.29a6.51 6.51 0 002.28 1.5c.82.3 1.77.53 3.14.6 1.37.07 1.82.07 5.32.07s3.96-.02 5.32-.07a9.48 9.48 0 003.14-.6 6.14 6.14 0 002.29-1.5 6.36 6.36 0 001.5-2.29c.3-.81.53-1.77.6-3.14.07-1.36.07-1.82.07-5.32s-.02-3.95-.07-5.32a9.48 9.48 0 00-.6-3.14 6.14 6.14 0 00-1.5-2.28 6.36 6.36 0 00-2.29-1.5 9.84 9.84 0 00-3.14-.6c-1.38-.05-1.82-.07-5.32-.07zm0 2.32c3.45 0 3.85.02 5.22.07 1.27.05 1.94.26 2.4.45.6.25 1.03.52 1.48.97.45.45.73.89.97 1.5.18.44.39 1.14.45 2.39.07 1.37.07 1.76.07 5.21s-.01 3.85-.07 5.22a6.55 6.55 0 01-.45 2.4c-.24.6-.52 1.03-.97 1.48-.45.45-.88.73-1.49.97-.45.18-1.14.39-2.39.45-1.37.07-1.77.07-5.22.07-3.45 0-3.84-.01-5.21-.07a6.55 6.55 0 01-2.4-.45 4.11 4.11 0 01-1.49-.97 4.11 4.11 0 01-.97-1.49 7.52 7.52 0 01-.45-2.39c-.07-1.37-.07-1.77-.07-5.22 0-3.45.02-3.84.07-5.21.05-1.27.26-1.95.45-2.4.25-.6.52-1.04.97-1.49.45-.45.89-.72 1.5-.97a7.52 7.52 0 012.39-.45c1.35-.05 1.76-.07 5.21-.07z"/><path id="def-inst-b" d="M1480.93 349.2a4.3 4.3 0 110-8.59 4.3 4.3 0 010 8.6zm0-10.93a6.62 6.62 0 100 13.24 6.62 6.62 0 000-13.24z"/><path id="def-inst-c" d="M1486.27 338.01a1.54 1.54 0 113.09 0 1.54 1.54 0 01-3.09 0z"/>
<path id="def-like-down-a" d="M1004.33 543.66c-1.1 0-2.45-.86-2.61-3.31-.05-1.41.11-2.82.48-4.19h-2.96c-2.15 0-3.42-1.35-3.42-2.67 0-.39.05-.77.17-1.13a2.4 2.4 0 01-.99-2.03 2.35 2.35 0 011.02-2.05c-.12-.34-.18-.7-.17-1.06.86-.6 1.2-1.7.86-2.7 0-2.52 3.45-2.52 4.57-2.52h2.85c1.3.06 2.56.4 3.71 1 .67.36 1.41.6 2.18.67h3.23c.25 0 .5.11.65.31.12.14 1.1 1.47 1.1 4.69.03 1.8-.28 3.6-.9 5.31a.83.83 0 01-.67.5c-.03 0-3.27.4-4.85 1.98a10.32 10.32 0 00-2.8 5.94 1.4 1.4 0 01-1.45 1.26zm-6.84-10.17c0 .34.52 1 1.75 1h4.06a.83.83 0 01.8 1.1c-.5 1.5-.73 3.07-.72 4.65.08 1.1.44 1.6.79 1.72a11.94 11.94 0 013.23-6.67c1.57-1.58 4.2-2.18 5.32-2.38.41-1.37.62-2.8.61-4.24a8.18 8.18 0 00-.56-3.34h-2.75c-1-.07-1.97-.35-2.85-.81a7.53 7.53 0 00-3.04-.85h-2.85c-1.32 0-2.9.15-2.9.85-.02.11.02.22.09.3a.73.73 0 01.75.77.92.92 0 01-.85.87.85.85 0 00-.85.77c-.05.22.01.44.17.6.42.07.71.45.67.88a.87.87 0 01-.86.77.77.77 0 00-.83.85.8.8 0 00.87.85c.46.01.82.4.81.85 0 .43-.33.78-.76.8-.09.21-.12.44-.1.66z"/>
<path id="def-like-up-a" d="M944.67 520c1.1 0 2.45.87 2.61 3.32.05 1.4-.11 2.82-.48 4.18h2.96c2.15 0 3.42 1.36 3.42 2.67 0 .39-.05.77-.17 1.14a2.4 2.4 0 01.99 2.02c.04.81-.35 1.59-1.02 2.05.12.34.18.7.17 1.07-.86.6-1.2 1.7-.86 2.69 0 2.52-3.45 2.52-4.57 2.52h-2.85a8.94 8.94 0 01-3.71-.99 5.67 5.67 0 00-2.18-.67h-3.23a.83.83 0 01-.65-.32c-.12-.14-1.1-1.47-1.1-4.68-.03-1.81.28-3.62.9-5.32a.83.83 0 01.67-.5c.03 0 3.27-.4 4.85-1.98a10.32 10.32 0 002.8-5.93 1.4 1.4 0 011.45-1.27zm6.84 10.17c0-.34-.52-1-1.75-1h-4.06a.83.83 0 01-.8-1.1c.5-1.5.73-3.07.72-4.65-.08-1.1-.44-1.6-.79-1.72a11.94 11.94 0 01-3.23 6.67c-1.57 1.58-4.2 2.19-5.32 2.38a14.38 14.38 0 00-.61 4.25 8.18 8.18 0 00.56 3.33h2.75c1 .07 1.97.35 2.85.82.94.49 1.98.78 3.04.85h2.85c1.32 0 2.9-.15 2.9-.86a.35.35 0 00-.09-.3.73.73 0 01-.75-.77.92.92 0 01.85-.87c.44 0 .81-.33.85-.77a.65.65 0 00-.17-.6.81.81 0 01-.67-.87.87.87 0 01.86-.78.77.77 0 00.83-.85.8.8 0 00-.87-.85.83.83 0 01-.81-.85c0-.43.33-.78.76-.8.09-.21.12-.43.1-.66z"/>
<path id="def-like-a" d="M701.32 8960.32a.95.95 0 01-.95.95h-5.72c-.96 0-1.92-.95-2.87-.95h-.95v-6.68c.04-.6.4-1.12.95-1.36a4.78 4.78 0 002.87-4.37v-.96a.95.95 0 01.95-.95h.95c.53 0 .95.43.95.95v5.73h3.82a.9.9 0 01.96.96zm-14.31.95v-9.54h1.9a.96.96 0 01.97.95v7.64a.96.96 0 01-.96.95zm.99-8.3a.48.48 0 10.88.38.48.48 0 00-.88-.38z"/>
<path id="def-link-a" d="M626.02 1163.93l-.02 15.99 13.02.01v-4a.86.86 0 01.24-.68.9.9 0 01.66-.28 1 1 0 011 1v4.95a1 1 0 01-.29.7 1 1 0 01-.71.29H625a1 1 0 01-.71-.29 1 1 0 01-.29-.7V1163a1 1 0 011-1h3.95a1 1 0 011 1 .89.89 0 01-.93.93z"/><path id="def-link-b" d="M641.95 1171a1 1 0 01-1-1v-5.59l-9.25 9.3a.99.99 0 01-1.41-.01.99.99 0 01.01-1.41l9.24-9.29h-5.56a1 1 0 01-1-1 1 1 0 011-1h7.97a1 1 0 011 1v8a1 1 0 01-1 1z"/>
<path id="def-mail-a" d="M1058 261c0-.6-.4-1-1-1h-14c-.6 0-1 .4-1 1l8 6.5z"/><path id="def-mail-b" d="M1042 262.5v8.5c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-8.5l-8 6.5z"/>
<path id="def-outside-a" d="M1204.24 9231.16h-10.05c-.92 0-1.67-.75-1.67-1.68v-4.2c0-.46.38-.84.84-.84a.81.81 0 01.8.84v4.2h10.08v-16.8h-10.08v4.2a.81.81 0 01-.8.84.84.84 0 01-.84-.84v-4.2c0-.93.75-1.68 1.67-1.68h10.05c.92 0 1.67.75 1.67 1.68v16.8c0 .93-.75 1.68-1.67 1.68zm-15.56-10.92h11.37a.84.84 0 110 1.68h-11.36l1.91 1.92a.84.84 0 11-1.18 1.2l-3.35-3.36a.86.86 0 01-.24-.6v-.02a.83.83 0 01.24-.58l3.35-3.36a.83.83 0 011.18 0c.33.33.33.87 0 1.2z"/>
<path id="def-pencil-a" d="M1190.84 9818.68a.64.64 0 01-.19.13l-.07.06-4.42 1.82c-.1.05-.21.07-.32.07a.83.83 0 01-.77-1.15l1.84-4.4v-.02a.38.38 0 01.09-.13l.08-.13v-.01l10.82-10.82-.44-.44-3.56 3.57a.83.83 0 01-1.18-1.18l4.16-4.15a.81.81 0 011.17 0l1.03 1.03 1.86-1.86a.84.84 0 011.17 0l2.58 2.58c.33.32.33.85 0 1.18zm-2.88-1.7l-.58 1.41 1.41-.58zm.88-1.47l1.41 1.4 10.24-10.23-1.4-1.4zm12.69-12.68l-1.27 1.27 1.4 1.4 1.28-1.27z"/>
<path id="def-phone-a" d="M732.62 41c-2.25 0-6.37-2.73-10.24-6.78a33.08 33.08 0 01-5.22-6.96c-1.33-2.53-1.52-4.32-.56-5.31l2.91-2.72c.17-.16.4-.24.63-.23.24.02.46.13.61.32l3.79 4.58c.23.28.28.68.12 1.01l-1.47 3.08 5.24 5.48 2.93-1.54a.83.83 0 01.96.12l4.38 3.96c.17.16.28.38.3.63a.97.97 0 01-.22.67l-2.53 3.02c-.33.34-.81.67-1.63.67zm-14.76-17.78c-.15.21-.25 1.09.83 3.15 1.06 2 2.8 4.32 4.93 6.55 3.87 4.06 7.53 6.25 9 6.25.2 0 .3-.04.33-.08l1.94-2.3-3.27-2.95-2.98 1.56a.84.84 0 01-1.01-.17l-6.12-6.42a.92.92 0 01-.16-1.05l1.48-3.12-2.82-3.42z"/>
<path id="def-plus-a" d="M1223.33 4172.67h-6.66v6.66a.67.67 0 01-1.34 0v-6.66h-6.66a.67.67 0 010-1.34h6.66v-6.66a.67.67 0 011.34 0v6.66h6.66a.67.67 0 010 1.34z"/>
<path id="def-search-a" d="M1092.53 24.87a6.7 6.7 0 10-.05 13.4 6.7 6.7 0 00.05-13.4zm12.1 18.85a.95.95 0 01-1.35 0l-5.4-5.43a8.62 8.62 0 111.35-1.35l5.4 5.43c.37.37.37.98 0 1.35z"/>
<path id="def-shape-a" d="M879 13323h-4a1 1 0 01-1-1v-4a1 1 0 011-1h.85c-1.29-8.14-8.38-15.22-16.85-16.81v.81a1 1 0 01-1 1h-4a1 1 0 01-1-1v-.81c-8.47 1.6-15.56 8.67-16.85 16.81h.85a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h1.13c1.03-7.24 6.24-13.76 13.07-17h-6.48a1.98 1.98 0 01-1.72 1.01c-.97 0-1.8-.69-1.98-1.65a2 2 0 011.28-2.23 2 2 0 012.42.87H853v-1a1 1 0 011-1h4a1 1 0 011 1v1h12.27a2.01 2.01 0 110 2h-6.47c6.83 3.24 12.04 9.76 13.07 17H879a1 1 0 011 1v4a1 1 0 01-1 1zm-43-4h-2v2h2zm21-21h-2v2h2zm21 21h-2v2h2zm-22.93-12.51a.52.52 0 01.1-.18l.01-.03.03-.03a1 1 0 01.2-.21l.06-.04c.06-.04.12-.08.19-.1l.04-.02.09-.01.05-.01.16-.03.15.03h.04l.11.01.04.02.19.1.02.02.02.01a.92.92 0 01.24.25l.02.03c.04.05.08.12.1.18l.03.05c.02.07 2.33 7.26 8.51 10.59.26.14.45.39.51.68a.97.97 0 01-.2.82 23.7 23.7 0 00-3.99 8.81 8.02 8.02 0 012.21 5.57 1 1 0 01-1 1h-14a1 1 0 01-1-1 8.02 8.02 0 012.21-5.57 23.66 23.66 0 00-3.99-8.8 1 1 0 01.31-1.51c6.21-3.34 8.49-10.52 8.51-10.59l.03-.04zm.93 20.49a6 6 0 00-5.92 5.02h11.84a6 6 0 00-5.92-5.02zm-4.06-.9a8.17 8.17 0 018.12 0 25.8 25.8 0 013.47-7.78 20.33 20.33 0 01-6.53-6.96v6.93a2 2 0 01-.97 3.73 2.03 2.03 0 01-2.03-2 2 2 0 011-1.7v-6.96a20.33 20.33 0 01-6.53 6.96 25.8 25.8 0 013.47 7.78z"/>
<path id="def-strawberry-a" d="M873.26 13427.96a7.49 7.49 0 01-4.13-1.21 20.45 20.45 0 012.02 8.92c0 10.41-17.26 18.25-28.46 18.25-3.71 0-6.53-.86-8.17-2.48l-.1-.1c-3.9-4.01-2.65-13.97.62-21.78 3.77-9.01 9.53-14.39 15.41-14.39 3.1 0 6.17.68 8.97 1.99a8.12 8.12 0 01-.65-1.24c-1.09-2.7-.53-5.87 1.68-9.44a1 1 0 011.11-.45c.21.06 5.12 1.38 6.8 5.49.8 2.19.7 4.61-.29 6.72 1.25-.51 2.58-.79 3.92-.83 5.12 0 7.74 4.75 8.4 7.26a.97.97 0 01-.45 1.1 12.95 12.95 0 01-6.68 2.19zm-36.36 2.36c-3.42 8.19-3.85 16.84-.97 19.69l.08.09c1.26 1.18 3.62 1.82 6.68 1.82a38.27 38.27 0 0017.26-4.82c3.43-1.92 9.18-5.96 9.18-11.43a18.4 18.4 0 00-18.68-18.5c-5.93 0-10.89 6.79-13.55 13.15zm29.59-18.05c-.97-2.38-3.49-3.6-4.73-4.07-1.52 2.71-1.89 5.05-1.12 6.96.96 2.37 3.48 3.6 4.73 4.08 1.52-2.71 1.89-5.05 1.12-6.97zm5.5 7.13c-1.75.08-3.45.6-4.95 1.51.59 1.54 2.36 5.06 6.22 5.06 1.75-.08 3.45-.6 4.94-1.5-.59-1.55-2.36-5.07-6.21-5.07zm-13.43 13.54h3v3h-3zm-4-5h3v3h-3zm2 13h-3v-3h3zm-7-8h3v3h-3zm0-9h3v3h-3zm2 22h-3v-3h3zm-7-8h3v3h-3zm0-9h3v3h-3zm-5 14h3v3h-3zm0-9h3v3h-3z"/>
<path id="def-telegram-a" d="M823.8 272.93l-4.09 20.05c-.3 1.42-1.16 1.76-2.36 1.1l-6.52-4.77-3.13 3c-.55.47-.75.66-1.27.65-.5 0-.74-.3-1.03-1.1l-2.4-7.29-6.26-1.94c-1.01-.32-1.06-1.66.31-2.05l25.01-9.39c1.14-.52 2.18 0 1.74 1.74zm-17.39 18.55l.6-5.26 11.83-10.54c.31-.36.09-.88-.61-.42l-14.24 8.87z"/>
<path id="def-tm-a" d="M1406.46 346.34l13.28-8.34c.65-.44.86.05.57.39l-11.02 9.91-.57 4.96zm16.84-12.16l-23.32 8.83c-1.27.37-1.24 1.62-.3 1.93l5.84 1.82 2.24 6.86c.28.75.5 1.04.96 1.04.49 0 .67-.18 1.19-.62.58-.55 1.5-1.43 2.92-2.83l6.08 4.49c1.12.62 1.92.3 2.21-1.04l3.8-18.85c.41-1.63-.55-2.12-1.62-1.63z"/>
<path id="def-trash-a" d="M1175 9805h-1.09l-1.8 13.12a2.15 2.15 0 01-2.11 1.88h-8a2.14 2.14 0 01-2.1-1.88l-1.78-13.12H1157a1 1 0 010-2h5v-1a3 3 0 013-3h2a3 3 0 013 3v1h5a1 1 0 010 2zm-7-3a1 1 0 00-1-1h-2a1 1 0 00-1 1v1h4zm-7.87 3l1.75 12.9c.02.05.07.09.12.1h8c.06-.01.1-.05.12-.11l1.78-12.89zm6.87 3h2v6h-2zm-4 0h2v6h-2z"/>
<path id="def-triangle-a" d="M1238 6883l7.22 7.22 7.22-7.22z"/>
<path id="def-user-circle-a" d="M1265.24 30.18a10 10 0 01-2.18 10.9 6.94 6.94 0 00-4.7-4.69 5 5 0 10-4.66.01c-2.24.72-4 2.47-4.72 4.71a10 10 0 1116.26-10.93zm-6.22 1.82a3 3 0 11-6-.01 3 3 0 016 .01zm-8.3 10.48c.4-2.6 2.65-4.5 5.28-4.48 2.73 0 5.1 1.96 5.27 4.37l.03.09a9.9 9.9 0 01-10.57.02zM1256 46a12.01 12.01 0 000-24 12 12 0 100 24z"/>
<path id="def-vb-a" d="M955.45 276.38c.68 3.25.79 6.51-.02 9.76-.14.57-.36 1.11-.58 1.65-.84 2.05-2.5 3.13-4.57 3.73-1.63.48-3.31.69-5 .82-.89.07-2.29.03-3.18.02-.76-.01-.55-.04-1.04.45-.96.97-1.84 1.82-2.76 2.84a28 28 0 01-1.35 1.35v-4.93c0-.25-.07-.4-.3-.5-.26-.1-.5-.24-.75-.34a6.95 6.95 0 01-4.35-4.98 19.93 19.93 0 01-.51-6.16c.07-1.4.26-2.79.64-4.15a6.8 6.8 0 013.48-4.25 13.83 13.83 0 014.79-1.47 25.9 25.9 0 019.8.59 8.9 8.9 0 013.5 1.69 6.59 6.59 0 012.2 3.88zm-12.05-1.52c.54.04 1.07.15 1.6.28 1.98.5 3.52 1.53 4.32 3.43.42.99.63 2.02.7 3.08.02.27.15.42.43.42.27-.01.38-.19.39-.43.02-.21.01-.42.01-.64a7.41 7.41 0 00-1.39-4.12c-1.49-1.96-3.43-2.7-6-2.82-.31-.02-.49.1-.51.42-.01.31.21.36.45.38zm4.39 4.61c.11.4.21.81.26 1.22.03.27-.03.64.42.65.32.01.4-.13.43-.67a4.58 4.58 0 00-.68-2.46c-.96-1.52-2.37-2.16-4.16-2.32-.28-.03-.48.08-.52.37-.05.3.14.44.41.48.55.08 1.08.22 1.6.4a3.32 3.32 0 012.24 2.33zm-2.22-1.46a2.29 2.29 0 00-.89-.22c-.38.03-.58.19-.58.45.01.33.3.33.52.39l.27.06c.72.19 1.13.65 1.27 1.36.03.13.04.27.08.4.06.18.18.31.4.31.21-.01.34-.13.39-.32l.04-.35a2.4 2.4 0 00-1.5-2.08zm4.89 7.94c-.78-.65-1.6-1.25-2.47-1.78-1.02-.62-1.77-.45-2.47.49l-.11.14c-.32.39-.72.54-1.22.4a5.89 5.89 0 01-1.51-.74 6.76 6.76 0 01-2.77-3.19c-.35-.82-.19-1.35.54-1.88l.28-.2c.55-.45.68-.89.37-1.52a9.94 9.94 0 00-2.3-3.05 1.3 1.3 0 00-.97-.36 2.9 2.9 0 00-2.62 2.74c-.01.37.08.78.24 1.17 2.23 5.38 6.16 9.1 11.6 11.36.4.17.82.27 1.25.15a3.75 3.75 0 002.55-2.16c.28-.61.14-1.13-.39-1.57z"/>
<path id="def-ynadex-a" d="M471.93 10326.44h-.59c-.92 0-1.8-.64-1.8-2.24 0-1.67.83-2.35 1.68-2.35h.7v4.59zm.92-5.44h-1.6c-1.55 0-2.87 1.13-2.87 3.33 0 1.32.64 2.3 1.78 2.78l-2.13 3.68c-.07.12 0 .21.1.21h1c.08 0 .14-.03.17-.1l1.93-3.6h.7v3.6c0 .05.04.1.1.1h.86c.08 0 .11-.04.11-.1v-9.77c0-.09-.06-.13-.15-.13z"/>
<path id="def-ytube-a" d="M1343.37 349.72v-9.44l6.27 4.72zm-7.81-14.03a3.54 3.54 0 00-3.56 3.51v11.6a3.54 3.54 0 003.56 3.51h19.88a3.54 3.54 0 003.56-3.5V339.2a3.54 3.54 0 00-3.56-3.51h-19.88z"/>
</defs>
<symbol id="icon-arrow-chevron" viewBox="0 0 9 15"><path d="M7.07.862L0 7.93 7.072 15l1.06-1.06-6.011-6.01L8.13 1.922 7.07.862z"/></symbol>
<symbol id="icon-arrow-down" viewBox="0 0 8 5"><use xlink:href="#def-arrow-down-a" transform="translate(-223 -20813)"/></symbol>
<symbol id="icon-arrow-left" viewBox="0 0 18 12"><path d="M.1 6.3c-.1-.3 0-.6.1-.8l4.3-4.3c.3-.3.7-.3 1 0 .3.3.3.7 0 1l-3 3.1h14.1c.4 0 .7.3.7.7 0 .4-.3.7-.7.7H2.5l3.1 3.1c.3.3.3.8 0 1-.2.2-.3.2-.4.3-.2.1-.5 0-.7-.2L.2 6.6c-.1-.1-.1-.2-.1-.3z"/></symbol>
<symbol id="icon-arrow-menu" viewBox="0 0 10 5"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0l5 5 5-5H0z"/></symbol>
<symbol id="icon-arrow-right" viewBox="0 0 15 12"><path d="M14.19 5.77c.11.26.05.57-.15.78l-4.32 4.33a.72.72 0 01-1.02 0 .72.72 0 010-1.02l3.09-3.1H.69A.72.72 0 010 6.04c0-.38.31-.7.69-.72h11.1L8.7 2.23a.73.73 0 01.33-1.21c.24-.06.51.01.69.19l4.32 4.32a.6.6 0 01.15.24z"/></symbol>
<symbol id="icon-arrow" viewBox="0 0 20 17"><use xlink:href="#def-arrow-a" transform="translate(-1033 -789)"/></symbol>
<symbol id="icon-be" viewBox="0 0 25 16"><use xlink:href="#def-be-a" transform="translate(-39 -27)"/></symbol>
<symbol id="icon-be2-mob" viewBox="0 0 34 34"><path d="M15.426 16.508s1.507-.112 1.507-1.879S15.7 12 14.138 12H9v9.875h5.138s3.137.099 3.137-2.915c0 0 .137-2.452-1.85-2.452zm-4.162-2.753h2.874s.699 0 .699 1.027c0 1.028-.411 1.177-.877 1.177h-2.696v-2.204zm2.742 6.365h-2.742v-2.64h2.874s1.041-.013 1.041 1.357c0 1.142-.761 1.271-1.173 1.283zM23.408 12.582h-4.074v1.216h4.074v-1.216zM21.458 14.513c-3.797 0-3.794 3.793-3.794 3.793s-.26 3.775 3.794 3.775c0 0 3.38.193 3.38-2.626H23.1s.058 1.062-1.584 1.062c0 0-1.737.116-1.737-1.718h5.116s.56-4.286-3.437-4.286zm1.545 2.968h-3.244s.213-1.522 1.738-1.522 1.506 1.522 1.506 1.522z"/></symbol>
<symbol id="icon-be2" viewBox="0 0 56 56"><path d="M27.475 27.946s1.987-.148 1.987-2.479c0-2.33-1.625-3.467-3.685-3.467H19v13.024h6.777s4.137.13 4.137-3.844c0 0 .18-3.234-2.439-3.234zm-5.489-3.631h3.791s.921 0 .921 1.355-.542 1.551-1.156 1.551h-3.556v-2.906zm3.616 8.394h-3.616v-3.48h3.79s1.374-.018 1.374 1.788c0 1.506-1.004 1.677-1.548 1.692zM38.004 22.767H32.63v1.604h5.373v-1.604zM35.432 25.314c-5.009 0-5.004 5.003-5.004 5.003s-.344 4.98 5.004 4.98c0 0 4.456.254 4.456-3.464h-2.292s.077 1.4-2.088 1.4c0 0-2.291.154-2.291-2.266h6.748s.738-5.653-4.533-5.653zm2.037 3.915H33.19s.28-2.008 2.291-2.008c2.013 0 1.987 2.008 1.987 2.008z"/></symbol>
<symbol id="icon-briefcase" viewBox="834 13519 48 44"><path d="M836.5 13563c-1.4 0-2.5-1.2-2.5-2.6v-19.4c0 .6.4 1 1 1h1v18.4c0 .3.2.6.5.6h42.9c.3 0 .5-.3.5-.6v-18.4h1c.6 0 1-.4 1-1s-.4-1-1-1h-1v-10.4c0-.3-.2-.5-.5-.6h-42.9c-.3 0-.5.3-.5.6v10.4h-1c-.6 0-1 .4-1 1v-11.4c0-1.4 1.1-2.5 2.5-2.6H849v1c0 .6.4 1 1 1s1-.4 1-1v-1h14v1c0 .6.4 1 1 1 .3 0 .5-.1.7-.3.2-.2.3-.4.3-.7v-1h12.5c1.4 0 2.5 1.2 2.5 2.6v30.9c0 1.4-1.1 2.6-2.5 2.6h-43zm18.4-21H836v-2h18.9c.6 0 1 .4 1 1s-.4 1-1 1zm25.1-2v2h-18.9c-.6 0-1-.4-1-1s.4-1 1-1H880zm-13-16.8c0-2.3-1.9-4.2-4.2-4.2h-9.6c-2.3 0-4.2 1.9-4.2 4.2v3.8h2v-3.8c0-1.2 1-2.2 2.2-2.2h9.6c1.2 0 2.2 1 2.2 2.2v3.8h2v-3.8z"/><clipPath id="def-briefcase-b"><use xlink:href="#def-briefcase-a" overflow="visible"/></clipPath><g clip-path="url(#def-briefcase-b)"><path stroke-width="4" stroke-miterlimit="50" d="M855 13538c0-1.7 1.3-3 3-3s3 1.3 3 3v7c0 1.7-1.3 3-3 3s-3-1.3-3-3v-7z"/></g></symbol>
<symbol id="icon-burger" viewBox="0 0 20 14"><g fill-rule="evenodd"><path d="M0 0h20v2H0zM0 6h20v2H0zM0 12h20v2H0z"/></g></symbol>
<symbol id="icon-cancel-circle" viewBox="0 0 24 24"><path d="M12 24a12 12 0 110-24 12 12 0 010 24zm0-22a10 10 0 100 20 10 10 0 000-20zm4.71 13.29L13.41 12l3.3-3.29a1 1 0 00-.02-1.4 1 1 0 00-1.4-.02L12 10.59l-3.29-3.3a1 1 0 00-1.4.02 1 1 0 00-.02 1.4l3.3 3.29-3.3 3.29a1 1 0 00.02 1.4 1 1 0 001.4.02l3.29-3.3 3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z"/></symbol>
<symbol id="icon-clip" viewBox="0 0 25 22"><path d="M12.1 21.37a1.02 1.02 0 01-.71-1.73L21.74 9.11a4.19 4.19 0 000-5.87 4.04 4.04 0 00-5.78 0l-12 12.21c-.59.49-.94 1.2-.97 1.97.05.49.28.95.63 1.29.31.35.77.53 1.23.48.74-.17 1.4-.57 1.89-1.15l9.42-9.58a.98.98 0 011.41 0c.39.4.39 1.04 0 1.44l-9.42 9.58A5.3 5.3 0 015.1 21.2a3.37 3.37 0 01-2.89-1.05A4.16 4.16 0 011 17.54a4.62 4.62 0 011.55-3.53l12-12.2a6.03 6.03 0 018.6 0 6.24 6.24 0 010 8.74L12.8 21.07a.98.98 0 01-.7.3z"/></symbol>
<symbol id="icon-clock" viewBox="0 0 24 24"><path d="M0 12a12 12 0 1124 0 12 12 0 01-24 0zm2 0a10 10 0 1020 0 10 10 0 00-20 0zm14 5a1 1 0 00.71-1.71L13 11.59V5a1 1 0 00-1-1 1 1 0 00-1 1v7a1 1 0 00.08.38c.05.12.12.24.21.33l4 4c.19.18.45.29.71.29z"/></symbol>
<symbol id="icon-close-menu" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.636 2.303L13.97.636 8.136 6.469 2.303.636.636 2.303 6.47 8.136.636 13.97l1.667 1.667 5.833-5.833 5.833 5.833 1.667-1.666-5.833-5.834 5.833-5.833z"/></symbol>
<symbol id="icon-close" viewBox="0 0 16 15"><g fill-rule="evenodd"><path d="M1.963.045l13.791 12.86-1.364 1.463L.6 1.508z"/><path d="M14.39.045L.6 12.905l1.364 1.463 13.79-12.86z"/></g></symbol>
<symbol id="icon-comments" viewBox="0 0 16 16"><use xlink:href="#def-comments-a" transform="translate(-748 -8949)"/></symbol>
<symbol id="icon-eaye" viewBox="0 0 16 11"><use xlink:href="#def-eaye-a" transform="translate(-614 -8951)"/></symbol>
<symbol id="icon-fb" viewBox="0 0 13 25"><path d="M8.44 25V13.6h3.83l.58-4.45H8.44V6.31c0-1.28.36-2.16 2.2-2.16H13V.18A29.7 29.7 0 009.57 0c-3.4 0-5.73 2.07-5.73 5.87v3.28H0v4.45h3.84V25z"/></symbol>
<symbol id="icon-fb2-mob" viewBox="0 0 34 34"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.415 24.638v-7.131h2.457l.366-2.784h-2.823v-1.776c0-.8.23-1.351 1.411-1.351h1.514v-2.49A21.931 21.931 0 0019.14 9c-2.182 0-3.677 1.295-3.677 3.672v2.051H13v2.784h2.463v7.13h2.952z"/></symbol>
<symbol id="icon-fb2" viewBox="0 0 56 56"><path fill-rule="evenodd" clip-rule="evenodd" d="M30.142 38.625V29.22h3.24l.483-3.671H30.14v-2.343c0-1.056.305-1.782 1.862-1.782H34V18.14a28.937 28.937 0 00-2.902-.14c-2.877 0-4.849 1.708-4.849 4.843v2.706H23v3.671h3.25v9.405h3.892z"/></symbol>
<symbol id="icon-file" viewBox="0 0 24 20"><use xlink:href="#def-file-a" transform="translate(-491 -9437)"/></symbol>
<symbol id="icon-github-mob" viewBox="0 0 34 34"><path d="M17.2 10c-3.978 0-7.2 3.307-7.2 7.386 0 3.263 2.063 6.031 4.923 7.007.36.07.492-.16.492-.355 0-.175-.006-.64-.009-1.256-2.003.445-2.425-.99-2.425-.99-.328-.853-.801-1.081-.801-1.081-.652-.458.05-.449.05-.449.723.052 1.103.761 1.103.761.642 1.13 1.685.803 2.097.615.065-.478.25-.803.456-.988-1.599-.185-3.28-.82-3.28-3.65 0-.806.28-1.464.741-1.981-.08-.187-.324-.938.063-1.955 0 0 .603-.198 1.98.757a6.754 6.754 0 011.8-.25 6.754 6.754 0 011.8.25c1.368-.955 1.971-.757 1.971-.757.387 1.017.144 1.768.072 1.955.46.517.738 1.175.738 1.981 0 2.838-1.683 3.462-3.285 3.644.252.222.486.674.486 1.366 0 .989-.009 1.783-.009 2.023 0 .193.126.424.495.35 2.881-.969 4.942-3.739 4.942-6.997 0-4.079-3.224-7.386-7.2-7.386z"/></symbol>
<symbol id="icon-github" viewBox="0 0 56 56"><path d="M27.913 19C22.436 19 18 23.362 18 28.741c0 4.305 2.84 7.955 6.778 9.242.496.092.677-.21.677-.468 0-.232-.008-.844-.012-1.657-2.758.588-3.34-1.306-3.34-1.306-.45-1.125-1.102-1.425-1.102-1.425-.898-.604.07-.592.07-.592.995.068 1.518 1.004 1.518 1.004.884 1.49 2.32 1.059 2.887.81.09-.63.344-1.059.628-1.302-2.202-.244-4.515-1.082-4.515-4.814 0-1.063.384-1.932 1.02-2.614-.112-.246-.446-1.236.086-2.578 0 0 .83-.26 2.727.999a9.676 9.676 0 012.478-.329 9.676 9.676 0 012.478.329c1.883-1.26 2.714-.999 2.714-.999.532 1.342.198 2.332.099 2.578a3.737 3.737 0 011.016 2.614c0 3.742-2.317 4.566-4.523 4.805.347.293.67.89.67 1.803 0 1.303-.013 2.35-.013 2.667 0 .255.173.56.681.463 3.966-1.279 6.804-4.932 6.804-9.23 0-5.38-4.439-9.741-9.913-9.741z"/></symbol>
<symbol id="icon-gplus" viewBox="0 0 13 8"><use xlink:href="#def-gplus-a" transform="translate(-466 -10165)"/><use xlink:href="#def-gplus-b" transform="translate(-466 -10165)"/></symbol>
<symbol id="icon-head" viewBox="0 0 54 45"><g transform="translate(2 2)" fill-rule="evenodd"><path d="M9.23 19.458v17.61s14.232 8.328 28.462 0V19.231" fill-rule="nonzero"/><path stroke-width="3" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" d="M46.923 13.25L22.99 0 0 14.007l23.179 13.44L46.923 13.25V30"/><path d="M9.23 19.458v17.61s14.232 8.328 28.462 0V19.231" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><circle stroke-width="3" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" cx="47.308" cy="32.692" r="2.692"/><path d="M32.733 18.745c.53.295 1.074.575 1.604.87 1.302.7 2.468-1.164 1.181-1.865-3.694-1.99-7.403-3.98-11.097-5.957-.53-.294-1.075-.575-1.604-.869-1.302-.7-2.468 1.163-1.181 1.864 3.694 1.99 7.403 3.981 11.097 5.957zM36.733 15.745c.53.295 1.074.575 1.604.87 1.302.7 2.468-1.164 1.181-1.865a4281.61 4281.61 0 00-11.097-5.957c-.53-.294-1.075-.575-1.604-.869-1.302-.7-2.468 1.163-1.181 1.864 3.694 1.99 7.403 3.981 11.097 5.957z" fill-rule="nonzero"/></g></symbol>
<symbol id="icon-inst" viewBox="0 0 26 26"><use xlink:href="#def-inst-a" transform="translate(-1468 -332)"/><use xlink:href="#def-inst-b" transform="translate(-1468 -332)"/><use xlink:href="#def-inst-c" transform="translate(-1468 -332)"/></symbol>
<symbol id="icon-instagram-mob" viewBox="0 0 34 34"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.027 20.23a3.801 3.801 0 01-3.797 3.797h-6.433A3.801 3.801 0 0110 20.23v-6.433A3.801 3.801 0 0113.797 10h6.433a3.801 3.801 0 013.797 3.797v6.433zm-7.014-7.052a3.84 3.84 0 00-3.835 3.835 3.84 3.84 0 003.835 3.836 3.84 3.84 0 003.836-3.836 3.84 3.84 0 00-3.836-3.835zm0 6.848A3.016 3.016 0 0114 17.013 3.016 3.016 0 0117.013 14a3.016 3.016 0 013.013 3.013 3.016 3.016 0 01-3.013 3.013zm2.794-7.077c0-.625.509-1.133 1.133-1.133.625 0 1.134.508 1.134 1.133s-.509 1.134-1.134 1.134a1.135 1.135 0 01-1.133-1.134z"/></symbol>
<symbol id="icon-instagram" viewBox="0 0 56 56"><path fill-rule="evenodd" clip-rule="evenodd" d="M37.5 32.492a5.014 5.014 0 01-5.008 5.008h-8.484A5.014 5.014 0 0119 32.492v-8.484A5.014 5.014 0 0124.008 19h8.484a5.014 5.014 0 015.008 5.008v8.484zm-9.25-9.3a5.064 5.064 0 00-5.058 5.058c0 2.79 2.269 5.059 5.058 5.059 2.79 0 5.059-2.27 5.059-5.059 0-2.79-2.27-5.058-5.059-5.058zm0 9.032a3.978 3.978 0 01-3.974-3.974 3.978 3.978 0 013.974-3.974 3.978 3.978 0 013.974 3.974 3.978 3.978 0 01-3.974 3.974zm3.685-9.334c0-.825.67-1.495 1.494-1.495.825 0 1.495.67 1.495 1.495 0 .824-.67 1.495-1.495 1.495-.824 0-1.494-.67-1.494-1.495z"/></symbol>
<symbol id="icon-like-down" viewBox="0 0 20 22"><use xlink:href="#def-like-down-a" transform="translate(-995 -522)"/></symbol>
<symbol id="icon-like-up" viewBox="0 0 20 22"><use xlink:href="#def-like-up-a" transform="translate(-934 -520)"/></symbol>
<symbol id="icon-like" viewBox="0 0 16 16"><use xlink:href="#def-like-a" transform="translate(-687 -8946)"/></symbol>
<symbol id="icon-link" viewBox="0 0 19 21"><use xlink:href="#def-link-a" transform="translate(-624 -1161)"/><use xlink:href="#def-link-b" transform="translate(-624 -1161)"/></symbol>
<symbol id="icon-mail" viewBox="0 0 16 12"><use xlink:href="#def-mail-a" transform="translate(-1042 -260)"/><use xlink:href="#def-mail-b" transform="translate(-1042 -260)"/></symbol>
<symbol id="icon-minus-zoom" viewBox="0 0 26 2"><path stroke-linecap="square" stroke-miterlimit="50" stroke-width="2" d="M1.5 1h23.19"/></symbol>
<symbol id="icon-outside" viewBox="0 0 21 21"><use xlink:href="#def-outside-a" transform="translate(-1185 -9211)"/></symbol>
<symbol id="icon-pencil" viewBox="0 0 20 21"><use xlink:href="#def-pencil-a" transform="translate(-1185 -9800)"/></symbol>
<symbol id="icon-phone" viewBox="0 0 21 22"><use xlink:href="#def-phone-a" transform="translate(-716 -19)"/></symbol>
<symbol id="icon-play-circle" viewBox="0 0 24 24"><path d="M12 24a12 12 0 110-24 12 12 0 010 24zM2 12a10 10 0 1020 0 10 10 0 00-20 0z"/><path d="M11.01 14.52c-.05.28.1.55.35.67.25.13.55.07.74-.14l2.85-2.94c.26-.27.27-.7.02-.98l-2.83-2.94a.69.69 0 00-.75-.13.67.67 0 00-.38.65z"/></symbol>
<symbol id="icon-play-reviews" viewBox="0 0 9 9"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.074 4.507c0 .41-.745.741-.745.741l-5.854 2.91a.619.619 0 01-.563-.054.649.649 0 01-.294-.494V1.392A.586.586 0 01.895.853a.557.557 0 01.595.01l5.839 2.903s.745.331.745.741z"/></symbol>
<symbol id="icon-play" viewBox="0 0 17 17"><path d="M17 9.02c0 .88-1.6 1.59-1.6 1.59L2.84 16.86c-.4.16-.84.12-1.21-.12A1.4 1.4 0 011 15.68V2.33c-.03-.47.2-.92.6-1.16.39-.24.89-.23 1.27.02L15.4 7.43s1.6.71 1.6 1.59z"/></symbol>
<symbol id="icon-plus-zoom" viewBox="0 0 24 24"><path d="M23 13H13v10a1 1 0 01-1 1 1 1 0 01-1-1V13H1a1 1 0 01-1-1 1 1 0 011-1h10V1a1 1 0 011-1 1 1 0 011 1v10h10a1 1 0 011 1 1 1 0 01-1 1z"/></symbol>
<symbol id="icon-plus" viewBox="0 0 16 16"><use xlink:href="#def-plus-a" transform="translate(-1208 -4164)"/></symbol>
<symbol id="icon-search" viewBox="0 0 22 22"><use xlink:href="#def-search-a" transform="translate(-1083 -22)"/></symbol>
<symbol id="icon-shape" viewBox="0 0 48 38"><use xlink:href="#def-shape-a" transform="translate(-832 -13296)"/></symbol>
<symbol id="icon-share" viewBox="0 0 26 24"><path d="M21.03 8a3.95 3.95 0 01-3.02-1.41l-9.08 4.54c.12.55.13 1.11.02 1.66l9.06 4.61a3.98 3.98 0 11-.9 1.79l-9.05-4.61a4 4 0 11-.05-5.22l9.1-4.55A4 4 0 1121.03 8zm0 14a2 2 0 002-2 2 2 0 10-2 2zm-18-10a2 2 0 104 0 2 2 0 00-4 0zm16-8a2 2 0 104 0 2 2 0 00-4 0z"/></symbol>
<symbol id="icon-smile" viewBox="0 0 23 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 23.278c-6.351 0-11.5-5.148-11.5-11.5C0 5.427 5.149.278 11.5.278S23 5.427 23 11.778c-.005 6.35-5.15 11.495-11.5 11.5zm0-21.083a9.583 9.583 0 00-9.583 9.583 9.584 9.584 0 1019.167 0A9.599 9.599 0 0011.5 2.195zm-6.613 12.87a7.38 7.38 0 006.613 4.38 7.333 7.333 0 006.613-4.38.957.957 0 00-.93-1.427.96.96 0 00-.796.603 5.277 5.277 0 01-9.774 0 .959.959 0 00-1.726.824zm10.447-3.287a1.917 1.917 0 110-3.833 1.917 1.917 0 010 3.833zM5.75 9.862a1.917 1.917 0 103.833 0 1.917 1.917 0 00-3.833 0z"/></symbol>
<symbol id="icon-socials" viewBox="0 0 40 40"><g fill-rule="evenodd"><circle cx="20" cy="20" r="20"/><path d="M20.021 31h-.485C13.717 31 9 26.08 9 20.009c0-6.07 4.717-10.991 10.536-10.991.309-.024.619-.024.928 0 5.819 0 10.536 4.92 10.536 10.99C31 26.08 26.283 31 20.464 31h-.443zm0-2.198h.316c4.655 0 8.43-3.937 8.43-8.793s-3.775-8.793-8.43-8.793h-.632c-4.655 0-8.43 3.937-8.43 8.793s3.775 8.793 8.43 8.793h.316z"/><path d="M19.382 31C13.648 31 9 26.08 9 20.009c0-6.07 4.648-10.991 10.382-10.991.305-.024.61-.024.914 0 .252.02.488.138.665.33 5.385 5.95 5.385 15.338 0 21.29a.998.998 0 01-1.142.252.992.992 0 01-.437.11zm.322-19.784h-.238c-4.588 0-8.306 3.937-8.306 8.793s3.718 8.793 8.306 8.793a.981.981 0 01.26 0c4.23-5.007 4.23-12.58 0-17.586h-.022z" clip-rule="evenodd"/><path d="M19.91 30.967a1.101 1.101 0 01-.419-.077 1.101 1.101 0 01-1.21-.253c-5.708-5.95-5.708-15.337 0-21.288a1.1 1.1 0 01.704-.33 6.664 6.664 0 011.012 0C26.074 9.02 31 13.94 31 20.01S26.074 31 19.997 31l-.088-.033zm-.353-19.783a13.177 13.177 0 000 17.585c.091-.012.184-.012.275 0 4.861 0 8.802-3.936 8.802-8.792s-3.94-8.793-8.802-8.793h-.275z" clip-rule="evenodd"/><path d="M27.944 17H11.056C10.473 17 10 16.552 10 16s.473-1 1.056-1h16.888c.583 0 1.056.448 1.056 1s-.473 1-1.056 1zM27.944 25H11.056C10.473 25 10 24.552 10 24s.473-1 1.056-1h16.888c.583 0 1.056.448 1.056 1s-.473 1-1.056 1z"/></g></symbol>
<symbol id="icon-strawberry" viewBox="0 0 49 48"><use xlink:href="#def-strawberry-a" transform="translate(-832 -13406)"/></symbol>
<symbol id="icon-telegram" viewBox="0 0 29 24"><use xlink:href="#def-telegram-a" transform="translate(-795 -271)"/></symbol>
<symbol id="icon-telegram2-mob" viewBox="0 0 34 34"><path d="M14.95 19.329l-.25 3.528c.358 0 .514-.154.7-.34l1.683-1.607 3.486 2.553c.64.356 1.09.168 1.263-.588L24.12 12.15c.204-.946-.341-1.316-.964-1.084l-13.452 5.15c-.918.357-.904.869-.156 1.1l3.44 1.07 7.988-4.998c.375-.25.717-.112.436.137L14.95 19.33z"/></symbol>
<symbol id="icon-telegram2" viewBox="0 0 56 56"><path d="M25.848 30.985l-.331 4.653c.473 0 .678-.203.924-.447l2.22-2.121 4.598 3.367c.843.47 1.437.223 1.665-.776l3.018-14.143.001-.001c.268-1.247-.45-1.734-1.272-1.428L18.929 26.88c-1.211.47-1.193 1.145-.206 1.451l4.536 1.411 10.536-6.593c.495-.328.946-.146.575.182l-8.522 7.653z"/></symbol>
<symbol id="icon-tm" viewBox="0 0 26 22"><use xlink:href="#def-tm-a" transform="translate(-1399 -334)"/></symbol>
<symbol id="icon-trash" viewBox="0 0 20 21"><use xlink:href="#def-trash-a" transform="translate(-1156 -9799)"/></symbol>
<symbol id="icon-triangle" viewBox="0 0 16 8"><use xlink:href="#def-triangle-a" transform="translate(-1237 -6883)"/></symbol>
<symbol id="icon-tw" viewBox="0 0 18 15"><path d="M18 1.75c-.66.3-1.37.5-2.12.59A3.7 3.7 0 0017.5.27c-.71.43-1.5.74-2.34.91a3.68 3.68 0 00-6.39 2.56c0 .3.03.58.09.85A10.45 10.45 0 011.25.69 3.75 3.75 0 002.4 5.68a3.67 3.67 0 01-1.68-.47v.05a3.75 3.75 0 002.97 3.67 3.51 3.51 0 01-1.67.06 3.7 3.7 0 003.45 2.6A7.33 7.33 0 010 13.14a10.37 10.37 0 005.66 1.68c6.79 0 10.51-5.7 10.51-10.64l-.01-.49A7.35 7.35 0 0018 1.76z"/></symbol>
<symbol id="icon-twitter-mob" viewBox="0 0 34 34"><path d="M24.406 12.386a6.16 6.16 0 01-1.702.466 2.937 2.937 0 001.3-1.632c-.572.34-1.202.58-1.873.715a2.952 2.952 0 00-5.109 2.02c0 .233.02.458.068.672a8.36 8.36 0 01-6.087-3.089 2.957 2.957 0 00.908 3.947 2.917 2.917 0 01-1.335-.363v.032a2.967 2.967 0 002.366 2.902c-.24.066-.502.097-.774.097-.189 0-.38-.01-.56-.05a2.981 2.981 0 002.76 2.057 5.934 5.934 0 01-3.661 1.26c-.242 0-.475-.011-.707-.04a8.314 8.314 0 004.53 1.325c5.435 0 8.406-4.502 8.406-8.404 0-.13-.004-.257-.01-.382a5.89 5.89 0 001.48-1.533z"/></symbol>
<symbol id="icon-twitter" viewBox="0 0 56 56"><path d="M38 21.828c-.707.31-1.46.515-2.244.615a3.874 3.874 0 001.713-2.153 7.783 7.783 0 01-2.47.943 3.894 3.894 0 00-6.738 2.664c0 .308.026.605.09.887a11.025 11.025 0 01-8.028-4.074 3.922 3.922 0 00-.533 1.969 3.9 3.9 0 001.73 3.237 3.847 3.847 0 01-1.76-.48v.043a3.913 3.913 0 003.12 3.827 3.887 3.887 0 01-1.02.129c-.25 0-.502-.015-.738-.067.505 1.543 1.937 2.677 3.64 2.714a7.827 7.827 0 01-4.83 1.66c-.32 0-.626-.013-.932-.052a10.966 10.966 0 005.976 1.748c7.167 0 11.086-5.938 11.086-11.085a9.95 9.95 0 00-.014-.503A7.77 7.77 0 0038 21.828z"/></symbol>
<symbol id="icon-user-circle" viewBox="0 0 24 24"><use xlink:href="#def-user-circle-a" transform="translate(-1244 -22)"/></symbol>
<symbol id="icon-vb" viewBox="0 0 25 27"><use xlink:href="#def-vb-a" transform="translate(-931 -270)"/></symbol>
<symbol id="icon-view-list" viewBox="0 0 15 15"><path d="M0 6V0h15v6zm0 9V9h15v6z"/></symbol>
<symbol id="icon-view-tile" viewBox="0 0 15 15"><path d="M0 6V0h6v6zm9 0V0h6v6zm0 9V9h6v6zm-9 0V9h6v6z"/></symbol>
<symbol id="icon-vk" viewBox="0 0 22 14"><path d="M10.61 13.8h1.3s.39-.04.59-.27c.19-.2.18-.59.18-.59s-.02-1.8.78-2.07c.8-.26 1.82 1.75 2.91 2.52.81.58 1.44.46 1.44.46l2.89-.05s1.52-.09.8-1.33c-.06-.1-.42-.92-2.15-2.59-1.82-1.75-1.58-1.47.61-4.5 1.33-1.84 1.87-2.97 1.7-3.45-.16-.46-1.14-.34-1.14-.34l-3.26.02s-.24-.03-.42.08-.29.36-.29.36-.52 1.43-1.2 2.64c-1.46 2.57-2.04 2.7-2.27 2.54-.56-.37-.42-1.49-.42-2.28 0-2.49.36-3.52-.71-3.79A5.26 5.26 0 0010.43 1c-1.16-.01-2.15.01-2.7.29-.38.19-.66.61-.49.63.22.03.71.14.97.51.33.47.32 1.53.32 1.53s.19 2.92-.45 3.29c-.44.25-1.04-.26-2.34-2.59-.66-1.19-1.16-2.5-1.16-2.5s-.1-.25-.27-.38c-.21-.16-.5-.21-.5-.21l-3.1.02s-.47.01-.64.22c-.15.19-.01.58-.01.58s2.43 5.89 5.17 8.87c2.52 2.72 5.38 2.54 5.38 2.54z"/></symbol>
<symbol id="icon-vk2-mob" viewBox="0 0 34 34"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.79 21.913h.947a.77.77 0 00.436-.201.795.795 0 00.13-.459s-.016-1.399.573-1.608c.588-.209 1.336 1.351 2.13 1.954.297.259.68.383 1.063.346l2.123-.032s1.116-.073.589-1.03a7.642 7.642 0 00-1.582-2.002c-1.337-1.35-1.153-1.134.451-3.473.978-1.424 1.367-2.3 1.245-2.67a.866.866 0 00-.832-.257l-2.4.016a.463.463 0 00-.305.056.702.702 0 00-.214.282 15.134 15.134 0 01-.886 2.042c-1.062 1.978-1.49 2.082-1.665 1.962-.405-.29-.306-1.15-.306-1.77 0-1.913.268-2.717-.511-2.926a4.053 4.053 0 00-1.123-.12 4.804 4.804 0 00-1.987.225c-.275.144-.48.466-.351.49.273.03.524.167.703.386.165.37.246.774.237 1.182 0 0 .145 2.26-.329 2.54-.32.194-.764-.2-1.719-1.993a17.581 17.581 0 01-.848-1.938.803.803 0 00-.198-.29.84.84 0 00-.367-.16l-2.276.016a.723.723 0 00-.466.169.581.581 0 00-.016.442s1.788 4.559 3.805 6.859c.99 1.217 2.427 1.931 3.95 1.962z"/></symbol>
<symbol id="icon-vk2" viewBox="0 0 56 56"><path fill-rule="evenodd" clip-rule="evenodd" d="M28.274 34.074h1.25c.213-.024.413-.117.574-.265.117-.177.177-.39.172-.605 0 0-.02-1.845.755-2.12.776-.276 1.763 1.78 2.811 2.576.391.342.895.506 1.4.456l2.802-.042s1.47-.096.775-1.358a10.079 10.079 0 00-2.085-2.64c-1.763-1.782-1.522-1.495.594-4.582 1.29-1.877 1.804-3.033 1.642-3.52a1.143 1.143 0 00-1.098-.34l-3.163.021a.61.61 0 00-.403.075.925.925 0 00-.282.37 19.972 19.972 0 01-1.17 2.694c-1.4 2.61-1.964 2.747-2.196 2.588-.534-.382-.403-1.516-.403-2.333 0-2.524.353-3.584-.675-3.86a5.345 5.345 0 00-1.48-.16 6.336 6.336 0 00-2.62.298c-.363.19-.635.615-.464.646.36.039.691.221.927.51.218.487.325 1.02.312 1.558 0 0 .192 2.98-.433 3.352-.423.254-1.007-.265-2.267-2.63a23.184 23.184 0 01-1.118-2.556 1.06 1.06 0 00-.262-.382 1.109 1.109 0 00-.484-.212l-3.002.021a.953.953 0 00-.615.223.767.767 0 00-.02.583s2.358 6.013 5.018 9.046c1.305 1.606 3.2 2.548 5.209 2.588z"/></symbol>
<symbol id="icon-yandex" viewBox="0 0 5 11"><path d="M4.847 0H3.259C1.7 0 .376 1.169.376 3.438c0 1.36.64 2.364 1.783 2.86L.028 10.092c-.07.123 0 .22.111.22h.99c.083 0 .139-.028.166-.097L3.231 6.49h.697v3.726c0 .041.041.097.097.097h.864c.083 0 .111-.042.111-.11V.138C5 .04 4.944 0 4.847 0zm-.92 5.61h-.584c-.92 0-1.81-.66-1.81-2.31 0-1.719.835-2.42 1.684-2.42h.71v4.73z" fill-rule="nonzero"/></symbol>
<symbol id="icon-ynadex" viewBox="0 0 5 10"><use xlink:href="#def-ynadex-a" transform="translate(-468 -10321)"/></symbol>
<symbol id="icon-ytube" viewBox="0 0 27 20"><use xlink:href="#def-ytube-a" transform="translate(-1332 -335)"/></symbol>
</svg>
<div class="header-banner topBanner" data-type="header" style="display: block; position: sticky; top: 0; z-index: 999;">
<a data-source="202861" data-banner="226288" class="universal-notice js-universal-notice-notice universal-notice--webp universal-notice--bitrix universal-notice--active" href="https://skillbox.ru/sale/main/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_banners_header_all_all_skillbox" target="_blank" style="--banner-bg: #5927E9;--banner-color: #fff;--button-font-color: #000000;--button-bg-color: #FFFFFF;--banner-img-left: url(https://cdn.skillbox.pro/mainsite/banners/promo_picture_left/602754/f9ac17dd-a1d4-46c6-aa14-4f7b949defd1.png);--banner-img-left-webp: url(https://cdn.skillbox.pro/mainsite/banners/promo_picture_left/602754/f9ac17dd-a1d4-46c6-aa14-4f7b949defd1.webp);--banner-img-center: url(https://cdn.skillbox.pro/mainsite/banners/promo_picture_center/602507/232fc4a5-b130-4af2-a629-bdb293a4dd2e.png);--banner-img-center-webp: url(https://cdn.skillbox.pro/mainsite/banners/promo_picture_center/602507/232fc4a5-b130-4af2-a629-bdb293a4dd2e.webp);--banner-img-center-mobile: url(https://cdn.skillbox.pro/mainsite/banners/promo_picture_center/602507/232fc4a5-b130-4af2-a629-bdb293a4dd2e.png);--banner-img-center-mobile-webp: url(https://cdn.skillbox.pro/mainsite/banners/promo_picture_center/602507/232fc4a5-b130-4af2-a629-bdb293a4dd2e.webp);--banner-img-right: url(https://cdn.skillbox.pro/mainsite/banners/promo_picture_right/602755/ad7a7fe5-b8d3-47a3-885b-51a7971c12a9.png);--banner-img-right-webp: url(https://cdn.skillbox.pro/mainsite/banners/promo_picture_right/602755/ad7a7fe5-b8d3-47a3-885b-51a7971c12a9.webp);">
<span class="universal-notice__wrapper">
<b class="universal-notice__title">
Скидка до 55% и 3 курса в подарок
</b>
<span class="universal-timer js-universal-notice-timer js-universal-notice-active">
<span class="universal-timer__days js-universal-notice-days">2 дня</span>
<span class="js-universal-notice-hours">13</span>
:<span class="js-universal-notice-minutes">30</span>
:<span class="js-universal-notice-seconds">09</span>
</span>
<span class="universal-notice__button">Выбрать курс</span>
</span>
</a><script>
document.addEventListener('DOMContentLoaded', () => {
// Установите конечную дату
const deadline = new Date();
deadline.setDate(5);
deadline.setHours(0, 0, 0);
// Найдите элементы DOM
var timer = document.querySelector('.universal-timer');
const elDays = timer.querySelector('.js-universal-notice-days');
const elHours = timer.querySelector('.js-universal-notice-hours');
const elMinutes = timer.querySelector('.js-universal-notice-minutes');
const elSeconds = timer.querySelector('.js-universal-notice-seconds');
// Функция обновления таймера
const updateTimer = () => {
const now = new Date();
let diff = Math.max(0, deadline - now);
if (diff === 0) {
let lastDayOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0);
let lastDay = lastDayOfMonth.getDate();
if (lastDay - now.getDate() < 4) {
deadline.setMonth(deadline.getMonth() + 1, 1);
} else {
deadline.setDate(deadline.getDate() + 4);
}
diff = Math.max(0, deadline - now);
}
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)).toString();
var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)).toString();
var seconds = Math.floor((diff % (1000 * 60)) / 1000).toString();
if (timer) {
let dayTitles = ['день', 'дня', 'дней'];
let daySuffix = dayTitles[(days % 100 > 4 && days % 100 < 20) ? 2 : [2, 0, 1, 1, 1, 2][days % 10 < 5 ? days % 10 : 5]]
elDays.innerHTML = days + ' ' + daySuffix;
elHours.innerHTML = hours.padStart(2, '0');
elMinutes.innerHTML = minutes.padStart(2, '0');
elSeconds.innerHTML = seconds.padStart(2, '0');
}
};
updateTimer();
const timerId = setInterval(updateTimer, 1000);
});
</script>
<style>@font-face{font-display:swap;font-family:Graphik;font-weight:500;font-style:normal;src:url(https://248006.selcdn.ru/Shared/fonts/GraphikLCTT-VA-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Graphik;font-weight:700;font-style:normal;src:url(https://248006.selcdn.ru/Shared/fonts/GraphikLCTT-VA-Bold.woff2) format("woff2")}.universal-notice{position:sticky;z-index:5;top:0;box-sizing:border-box;text-decoration:none;display:none;justify-content:space-between;overflow:hidden;color:var(--banner-color);background-color:var(--banner-bg);font-family:Graphik,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity .25s ease-in-out}.universal-notice--active{display:flex}.universal-notice--bitrix{z-index:1000}.universal-notice *,.universal-notice ::after,.universal-notice ::before{box-sizing:inherit}.universal-notice::after,.universal-notice::before{display:none;width:194px;height:56px;content:"";background-size:194px 56px;background-repeat:no-repeat}.universal-notice--no-webp::before{background-image:var(--banner-img-left)}.universal-notice--no-webp::after{background-image:var(--banner-img-right)}.universal-notice--webp::before{background-image:var(--banner-img-left-webp)}.universal-notice--webp::after{background-image:var(--banner-img-right-webp)}.universal-notice--new-design{position:static;margin:4px;border-radius:16px}.universal-notice--new-design::after,.universal-notice--new-design::before{width:166px;height:48px;background-size:166px 48px}.universal-notice__wrapper{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:12px;padding:12px;width:100%}.universal-notice--new-design .universal-notice__wrapper::after{height:48px}.universal-notice__title{font-weight:500;font-size:15px;line-height:16px}.universal-notice--new-design .universal-notice__title{font-size:14px;line-height:15px}.universal-timer{display:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;font-size:24px;line-height:26px}.universal-notice--new-design .universal-timer{font-size:22px;line-height:24px}.universal-timer__days{margin-right:8px}.universal-notice__button{grid-column:2/3;padding:6px 16px;border-radius:6px;color:var(--button-font-color);background-color:var(--button-bg-color);font-weight:500;font-size:14px;line-height:20px}.universal-notice-sticky{position:fixed;z-index:5;top:0;left:0;width:100%;padding:11px 8px;color:var(--banner-color);background-color:var(--banner-bg);text-align:center;transition:transform .3s ease-in-out;will-change:transform;transform:translateY(-200%)}.universal-notice-sticky--show{transform:translateY(0)}@media (min-width:360px) and (max-width:0px){.universal-notice__wrapper{padding:0 12px;grid-template-columns:1fr 56px auto}.universal-notice__wrapper::after{grid-column:2/3;grid-row:1/2;width:100%;height:56px;background-size:cover;background-repeat:no-repeat;content:""}.universal-notice--new-design .universal-notice__wrapper{grid-template-columns:1fr 48px auto}.universal-notice--no-webp .universal-notice__wrapper::after{background-image:var(--banner-img-center-mobile)}.universal-notice--webp .universal-notice__wrapper::after{background-image:var(--banner-img-center-mobile-webp)}.universal-notice__button{grid-column:3/4}}@media (min-width:360px){.universal-notice__wrapper{padding:0 12px;grid-template-columns:1fr 56px auto}.universal-notice__wrapper::after{grid-column:2/3;grid-row:1/2;width:100%;height:56px;background-size:cover;background-repeat:no-repeat;content:""}.universal-notice--new-design .universal-notice__wrapper{grid-template-columns:1fr 48px auto}.universal-notice--no-webp .universal-notice__wrapper::after{background-image:var(--banner-img-center-mobile)}.universal-notice--webp .universal-notice__wrapper::after{background-image:var(--banner-img-center-mobile-webp)}.universal-notice__button{grid-column:3/4}}@media (min-width:768px){.universal-notice::before{background-position:right center;flex-shrink:0;display:block}.universal-notice--no-webp .universal-notice__wrapper::after{background-image:var(--banner-img-center)}.universal-notice--webp .universal-notice__wrapper::after{background-image:var(--banner-img-center-webp)}}@media (min-width:768px) and (max-width:0px){.universal-notice::before{background-position:right center;flex-shrink:0;display:block}.universal-notice--no-webp .universal-notice__wrapper::after{background-image:var(--banner-img-center)}.universal-notice--webp .universal-notice__wrapper::after{background-image:var(--banner-img-center-webp)}}@media (min-width:1024px){.universal-notice::after,.universal-notice::before{width:250px;height:72px;background-size:250px 72px}.universal-notice--new-design{height:64px;border-radius:32px}.universal-notice--new-design::after,.universal-notice--new-design::before{width:226px;height:64px;background-size:226px 64px}.universal-notice__wrapper{grid-template-columns:1fr 72px auto;grid-gap:24px;padding-right:16px;padding-left:24px}.universal-notice__wrapper::after{height:72px}.universal-notice--new-design .universal-notice__wrapper{grid-template-columns:1fr 64px auto}.universal-notice--new-design .universal-notice__wrapper::after{height:64px}.universal-notice__title{font-size:24px;line-height:26px}.universal-notice--new-design .universal-notice__title{font-size:22px;line-height:24px}.universal-notice__button{padding:10px 24px;border-radius:8px}.universal-notice-sticky{padding:14px 24px}}@media (min-width:1024px) and (max-width:0px){.universal-notice::after,.universal-notice::before{width:250px;height:72px;background-size:250px 72px}.universal-notice--new-design{height:64px;border-radius:32px}.universal-notice--new-design::after,.universal-notice--new-design::before{width:226px;height:64px;background-size:226px 64px}.universal-notice__wrapper{grid-template-columns:1fr 72px auto;grid-gap:24px;padding-right:16px;padding-left:24px}.universal-notice__wrapper::after{height:72px}.universal-notice--new-design .universal-notice__wrapper{grid-template-columns:1fr 64px auto}.universal-notice--new-design .universal-notice__wrapper::after{height:64px}.universal-notice__title{font-size:24px;line-height:26px}.universal-notice--new-design .universal-notice__title{font-size:22px;line-height:24px}.universal-notice__button{padding:10px 24px;border-radius:8px}.universal-notice-sticky{padding:14px 24px}}@media (min-width:1280px){.universal-notice::before{flex-shrink:1}.universal-notice::after{background-position:left center;display:block}.universal-notice__wrapper{grid-template-columns:1fr 72px minmax(202px,auto) auto;min-width:940px;max-width:1020px;padding-right:24px}.universal-notice--new-design .universal-notice__wrapper{grid-template-columns:1fr 64px minmax(202px,auto) auto}.universal-timer.js-universal-notice-active{display:flex}.universal-notice__timer-nuxt{display:flex}.universal-notice__button{grid-column:4/5}}@media (min-width:1280px) and (max-width:0px){.universal-notice::before{flex-shrink:1}.universal-notice::after{background-position:left center;display:block}.universal-notice__wrapper{grid-template-columns:1fr 72px minmax(202px,auto) auto;min-width:940px;max-width:1020px;padding-right:24px}.universal-notice--new-design .universal-notice__wrapper{grid-template-columns:1fr 64px minmax(202px,auto) auto}.universal-timer.js-universal-notice-active{display:flex}.universal-notice__timer-nuxt{display:flex}.universal-notice__button{grid-column:4/5}}@media (min-width:1400px) and (max-width:0px){.universal-notice::before{flex-shrink:0}.universal-notice::after{flex-shrink:0}}@media (min-width:1400px){.universal-notice::before{flex-shrink:0}.universal-notice::after{flex-shrink:0}}</style> </div>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
window.TopBanner = true;
});
$(document).ready(function () {
$.ajax({
url: '/local/ajax/advert.php',
type: 'POST',
data: {
'type': 'top-banner-show',
'id': 226288,
'section_id': 0,
},
success: function (result) {
}
});
});
$(document).on('click', '.header-banner', function () {
$.ajax({
url: '/local/ajax/advert.php',
type: 'POST',
data: {
'type': 'top-banner-click',
'id': 226288,
'section_id': 0,
},
success: function (result) {
}
});
var page = window.location;
var $article = $('section[data-article-text]');
var pageId = $article.data('articleid');
if(pageId === undefined)
{
pageId = 0;
}
window.dataLayer.push({
'event': 'go_to_course',
'courseID': 226288,
'page': page,
'pageID': pageId
});
});
</script>
<header class="header">
<div id="menu" class="header__wrapper container">
<div class="header__logo link-active">
<a href="/media/" class="header__media-main-link">
<img src="/local/templates/media/images/logo/skillbox-media.svg" alt="Skillbox"/>
</a>
<a href="/media/design/" class="header__media-category-link">
<span class="header__media-category js-category ">Дизайн</span>
</a>
</div>
<a href="/media/about-media/" v-if="!isMobile" rel="nofollow" class="menu-nav__link menu-nav__link--about" target="_blank" style="display: none">
Про медиа
</a>
<button v-if="!isMobile" v-show="!isMobile" rel="nofollow" class="toggle-menu header__toggle toggle-menu--course"
@click="openCourseMenu()"
:class="{ 'toggle-menu--active': isOpenCourseMenu }"
style="display: none">
Онлайн-курсы
<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"
:class="{
'animated-chevron--default': isOpenCourseMenu,
'animated-chevron--active animated-chevron--default': ! isOpenCourseMenu
}"
class="animated-chevron toggle-menu__arrow select-arrow select-arrow--small">
<line x1="6.48415" y1="5.92242" x2="11.4909" y2="10.9291" stroke="currentColor" stroke-width="1.78"
class=" animated-chevron__line animated-chevron__line1 animated-chevron__line1--default"></line>
<line x1="6.3701" y1="5.9224" x2="11.3768" y2="0.915678" stroke="currentColor" stroke-width="1.78"
class="animated-chevron__line"></line>
<line x1="1.36337" y1="10.9291" x2="6.3701" y2="5.9224" stroke="currentColor" stroke-width="1.78"
class="animated-chevron__line animated-chevron__line2 animated-chevron__line2--default"></line>
<line x1="1.47743" y1="0.915681" x2="6.48415" y2="5.9224" stroke="currentColor" stroke-width="1.78"
class="animated-chevron__line"></line>
</svg>
</button>
<a href="https://skillbox.ru/?utm_source=media&utm_medium=button&utm_campaign=button_main_skillbox&utm_term=mainskillbox" v-if="!isMobile" v-show="!isMobile" rel="nofollow" class="menu-nav__link menu-nav__link-ml0 menu-nav__link--main" target="_blank" style="display: none">
Главная Skillbox
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.9375 10.0618L9.9161 4.08203" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.93811 3.93665H10.0631V10.0616" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<div v-if="isOpenCourseMenu && !isMobile" class="menu-block menu-block--desktop" @click="closeCourseMenu($event)" style="display: none">
<div class="menu-block__wrapper menu-block__wrapper--desktop">
<div class="menu-block__content vue-container">
<span class="menu-block__title">
Направления обучения
</span>
<ul class="menu-directions menu-block__direction">
<li class="menu-directions__item">
<a href="https://skillbox.ru/courses/?utm_source=media&utm_medium=button&utm_campaign=button_courses_all&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="All directions">
Все направления
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/code/?utm_source=media&utm_medium=button&utm_campaign=button_courses_code&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Code">
Программирование
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/design/?utm_source=media&utm_medium=button&utm_campaign=button_courses_design&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Design">
Дизайн
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/management?utm_source=media&utm_medium=button&utm_campaign=button_courses_management&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Management">
Управление
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/marketing?utm_source=media&utm_medium=button&utm_campaign=button_courses_marketing&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Marketing">
Маркетинг
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/games?utm_source=media&utm_medium=button&utm_campaign=button_courses_games&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="GameDev">
Игры
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/multimedia?utm_source=media&utm_medium=button&utm_campaign=button_courses_multimedia&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="">
Кино и Музыка
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/psychology?utm_source=media&utm_medium=button&utm_campaign=button_courses_psychology&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Development">
Психология
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/health?utm_source=media&utm_medium=button&utm_campaign=button_courses_health&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Development">
Здоровье
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/spo/?utm_source=media&utm_medium=button&utm_campaign=button_courses_spo&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Development">
Цифровой колледж
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/general-development/?utm_source=media&utm_medium=button&utm_campaign=button_courses_general-development&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Education">
Общее развитие
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/engineering/?utm_source=media&utm_medium=button&utm_campaign=button_courses_engineering&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="engineering">
Инженерия
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/english/?utm_source=media&utm_medium=button&utm_campaign=button_courses_english&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="english">
Английский язык
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/other/?utm_source=media&utm_medium=button&utm_campaign=button_courses_other&utm_term=button" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Other">
Другое
</a>
</li>
</ul>
</div>
</div>
</div>
<div v-show="isOpenMenu" class="menu-block" @click="closeMenu($event)" style="display: none">
<div class="menu-block__wrapper">
<div class="menu-block__content vue-container">
<h2 class="menu-block__header">Редакции</h2>
<div class="tab-nav" data-tab-parent="" data-action="index">
<div class="tab-nav__item">
<a class="" data-tab-name="media_nav" data-section-id="0" data-code="All directions" href="/media/">
<img src="/local/templates/media/images/common/menu-icon-mobile-1.png" alt=""/>
Все
</a>
</div>
<div class="tab-nav__item tab-nav__item--custom tab-nav__item--spec"
data-nav-parent-item>
<a
data-tab-name="media_nav"
data-code=""
href="/media/topic/history/">
<img src="/local/templates/media/images/common/menu-icon-mobile-19.png"
alt=""/>
Истории</a>
</div>
<div class="tab-nav__item">
<a class="tab-active"
data-tab-name="media_nav"
data-section-id="8"
data-code="Design"
href="/media/design/">
<img src="/local/templates/media/images/common/menu-icon-mobile-2.png" alt=""/>
Дизайн</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="10"
data-code="Code"
href="/media/code/">
<img src="/local/templates/media/images/common/menu-icon-mobile-3.png" alt=""/>
Код</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="18"
data-code="GameDev"
href="/media/gamedev/">
<img src="/local/templates/media/images/common/menu-icon-mobile-4.png" alt=""/>
Геймдев</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="21"
data-code="Business"
href="/media/business/">
<img src="/local/templates/media/images/common/menu-icon-mobile-9.png" alt=""/>
Бизнес</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="9"
data-code="Marketing"
href="/media/marketing/">
<img src="/local/templates/media/images/common/menu-icon-mobile-5.png" alt=""/>
Маркетинг</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="11"
data-code=""
href="/media/management/">
<img src="/local/templates/media/images/common/menu-icon-mobile-6.png" alt=""/>
Управление</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="29"
data-code=""
href="/media/cinemusic/">
<img src="/local/templates/media/images/common/menu-icon-mobile-22.png" alt=""/>
Кино</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="36"
data-code=""
href="/media/music/">
<img src="/local/templates/media/images/common/menu-icon-mobile-23.png" alt=""/>
Музыка</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="34"
data-code=""
href="/media/photo/">
<img src="/local/templates/media/images/common/menu-icon-mobile-20.png" alt=""/>
Проектная фотография</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="17"
data-code="Development"
href="/media/growth/">
<img src="/local/templates/media/images/common/menu-icon-mobile-7.png" alt=""/>
Развитие</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="33"
data-code=""
href="/media/health/">
<img src="/local/templates/media/images/common/menu-icon-mobile-16.png" alt=""/>
Здоровье</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="32"
data-code=""
href="/media/money/">
<img src="/local/templates/media/images/common/menu-icon-mobile-17.png" alt=""/>
Деньги</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="22"
data-code="Education"
href="/media/education/">
<img src="/local/templates/media/images/common/menu-icon-mobile-8.png" alt=""/>
Образование</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="31"
data-code=""
href="/media/edtech/">
<img src="/local/templates/media/images/common/menu-icon-mobile-11.png" alt=""/>
EdTech</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="30"
data-code=""
href="/media/corptrain/">
<img src="/local/templates/media/images/common/menu-icon-mobile-10.png" alt=""/>
Корп. обучение</a>
</div>
<div class="tab-nav__item">
<a class=""
data-tab-name="media_nav"
data-section-id="35"
data-code=""
href="/media/skillbox-blog/">
<img src="/local/templates/media/images/common/menu-icon-mobile-21.png" alt=""/>
Блог Skillbox</a>
</div>
<div class="tab-nav__item tab-nav__item--custom tab-nav__item--spec"
data-nav-parent-item>
<a
data-tab-name="media_nav"
data-code=""
href="https://skillbox.ru/media/glossary/">
<img src="/local/templates/media/images/common/menu-icon-mobile-18.png"
alt=""/>
Глоссарий</a>
</div>
<div class="tab-nav__item tab-nav__item--custom tab-nav__item--spec"
data-nav-parent-item>
<a
data-tab-name="media_nav"
data-code=""
href="/media/topic/specials/">
<img src="/local/templates/media/images/common/menu-icon-mobile-13.png"
alt=""/>
Спецпроекты</a>
</div>
<div class="tab-nav__item tab-nav__item--custom tab-nav__item--spec"
data-nav-parent-item>
<a
data-tab-name="media_nav"
data-code=""
href="https://skillbox.ru/course/career-guide-free/">
<img src="/local/templates/media/images/common/menu-icon-mobile-15.png"
alt=""/>
Профориентация</a>
</div>
</div>
<h2 class="menu-block__header">Онлайн-курсы</h2>
<ul class="menu-directions menu-block__direction">
<li class="menu-directions__item">
<a href="https://skillbox.ru/courses/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="All directions">
Все направления
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/code/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Code">
Программирование
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/design/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Design">
Дизайн
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/marketing/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Marketing">
Маркетинг
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/management/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Management">
Управление
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/games/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="GameDev">
Игры
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/multimedia/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="">
Мультимедиа
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/psychology/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Development">
Психология
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/general-development/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Education">
Общее развитие
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/engineering/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="engineering">
Инженерия
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/english/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="english">
Английский язык
</a>
</li>
<li class="menu-directions__item">
<a href="https://skillbox.ru/other/" target="_blank"
class="ui-tab ui-tab--link menu-directions__tab ui-tab--small"
data-code="Other">
Другое
</a>
</li>
</ul>
<a href="/media/about-media/" rel="nofollow" class="menu-nav__link">
Про медиа
</a>
<a href="https://skillbox.ru/" rel="nofollow" class="menu-nav__link">
Главная Skillbox
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.9375 10.0618L9.9161 4.08203" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.93811 3.93665H10.0631V10.0616" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</div>
<button v-if="isMobile" class="menu-toggle"
@click="openMenu()"
:class="{ 'menu-toggle--opened': isOpenMenu }" style="opacity: 0">
<span v-if="isOpenMenu" class="menu-toggle__line"></span>
<svg v-if="!isOpenMenu" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 5.5H0V4H24V5.5ZM24 11.5H0V13H24V11.5ZM24 19H0V20.5H24V19Z" fill="black"/>
</svg>
</button>
</div>
<script>
BX.Vue.create({
el: '#menu',
data: {
isOpenMenu: false,
isOpenCourseMenu: false,
isMobile: false,
isSubOpen: false,
display: 'none'
},
computed: {
isMobile() {
const w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
return w < 1024;
}
},
methods: {
openMenu() {
this.isOpenMenu = !this.isOpenMenu;
document.getElementsByTagName('body')[0].classList.toggle('scroll-locked');
window.addEventListener('keyup', this.closeMenu);
},
closeMenu(event) {
if (event.target.classList.contains('menu-block') || event.keyCode === 27) {
this.isOpenMenu = false;
document.getElementsByTagName('body')[0].classList.remove('scroll-locked');
window.removeEventListener('keyup', this.closeMenu);
}
},
openCourseMenu() {
this.isOpenCourseMenu = !this.isOpenCourseMenu;
if (this.isOpenCourseMenu) {
document.getElementsByTagName('body')[0].classList.add('scroll-locked');
window.addEventListener('keyup', this.closeCourseMenu);
} else {
document.getElementsByTagName('body')[0].classList.remove('scroll-locked');
window.removeEventListener('keyup', this.closeCourseMenu);
}
},
closeCourseMenu(event) {
if (event.target.classList.contains('menu-block') || event.keyCode === 27) {
this.isOpenCourseMenu = false;
document.getElementsByTagName('body')[0].classList.remove('scroll-locked');
window.removeEventListener('keyup', this.closeCourseMenu);
}
},
openSub() {
this.isSubOpen = !this.isSubOpen;
},
isMobileFn() {
const w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
this.isMobile = (w < 1024);
}
},
created() {
window.addEventListener("resize", this.isMobileFn);
document.querySelector('.menu-block').style.display = '';
document.querySelector('.menu-toggle').style.opacity = '1';
document.querySelector('.menu-nav__link').style.display = '';
this.display = 'block';
this.isMobileFn();
},
destroyed() {
window.removeEventListener("resize", this.isMobileFn);
}
});
</script>
</header>
<main class="content">
<div class="page style-update">
<div class="page-wrap">
<style>
.article-inner .rr-widget__title {
padding-top: 0 !important;
}
.article-inner div[data-retailrocket-markup-block] {
margin-top: -32px;
display: none;
}
.article-inner {
font-family: 'Graphik';
}
</style>
<div class="under_header_banner" data-type="under_header"><!-- Yandex.RTB R-A-13443663-10 -->
<div id="yandex_rtb_R-A-13443663-10"></div>
<script>
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-13443663-10",
"renderTo": "yandex_rtb_R-A-13443663-10"
})
})
</script>
</div> <div data-area="article" data-title="Отзыв о Skillbox / Skillbox Media" class=" noFullClass">
<div class="article-inner">
<section class="top-section-detail-page ">
<div class="container">
<div class="article-preview-info">
<div class="article-preview-info__tags ">
<div class="tag article-preview-info__tag">
<a href="/media/design/"
class="tag-item design">
Дизайн </a>
</div>
</div>
<a class="info-hashtag article-preview-info__hashtag" href="/media/topic/history/">
#истории </a>
<ul class="info article-preview__info-box">
<li class="info-item"> <time class="info-text" datatime="#">26 май 2021</time></li>
<li class="info-item hidden">
<span class="info-icon"><img src="/local/templates/media/images/icons/like.svg" alt=""></span>
<span class="info__text js-article-like-value">0</span>
</li>
</ul>
</div>
<div class="row">
<div class="top-section-detail-page__title-block col-xl-9 col-lg-10">
<div class="article-preview">
<h1 class="article-preview__title">«Они увидели мой набросок в тетради и предложили работу»</h1>
<p class="article-preview__description">В вузе Роман от скуки рисовал в тетради, и его заметили. Этот момент — отправная точка к десяткам дизайн-проектов.</p>
</div>
</div>
</div>
</div>
</section>
<section data-article-text
data-articleId="202861"
data-courseId="3248"
>
<div class="container">
<noindex>
<div class="share" data-nosnippet>
<button class="share__handler-btn ">
<span class="share__handler-icon">
<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 4.99902L6 0V2.99805C2.688 2.99805 0 5.68505 0 8.99805V11.498H0.0980225C0.765022 8.91205 3.107 6.99805 5.901 6.99805H6.00098V9.99805L11 4.99902Z" fill="currentColor"/>
</svg>
</span>
<span class="share__handler-text">Поделиться</span>
</button>
<div class="share__list">
<a href="#" class="share__item" data-code="vk">
<span class="share__item-icon share__item-icon--vk">
<svg width="9" height="5" viewBox="0 0 9 5" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.04776 4.98054H4.53996C4.62377 4.97136 4.70279 4.9361 4.76621 4.87951C4.81226 4.81209 4.83594 4.73139 4.83369 4.64925C4.83369 4.64925 4.82574 3.94629 5.1314 3.84125C5.43701 3.73621 5.826 4.51998 6.23879 4.82297C6.39281 4.95308 6.59128 5.01558 6.79053 4.99669L7.89399 4.98054C7.89399 4.98054 8.47355 4.94415 8.19965 4.46339C7.98372 4.08315 7.70589 3.743 7.37799 3.45744C6.68338 2.77872 6.77865 2.8878 7.61219 1.71216C8.12024 0.997077 8.32269 0.556717 8.25918 0.370875C8.14651 0.254767 7.98299 0.205914 7.82655 0.241594L6.58018 0.249674C6.52565 0.241067 6.46984 0.251007 6.42141 0.277954C6.37298 0.314507 6.33466 0.363228 6.31025 0.419356C6.18259 0.772814 6.0287 1.11586 5.8498 1.44552C5.29807 2.43936 5.07579 2.49188 4.98451 2.43128C4.77416 2.28584 4.82574 1.85356 4.82574 1.54248C4.82574 0.580957 4.96468 0.176954 4.55979 0.0719133C4.36879 0.0254376 4.17259 0.00505841 3.97631 0.0113129C3.62834 -0.0214164 3.27745 0.017045 2.94429 0.124433C2.8014 0.197154 2.69423 0.358753 2.76171 0.370875C2.90334 0.385518 3.03406 0.454932 3.12688 0.564795C3.21268 0.750336 3.25481 0.953675 3.24993 1.15868C3.24993 1.15868 3.32535 2.29392 3.07925 2.43532C2.91254 2.53228 2.68232 2.33432 2.18616 1.4334C2.01958 1.11848 1.87243 0.793298 1.74557 0.459754C1.72231 0.404013 1.68704 0.354309 1.64236 0.314316C1.58589 0.272672 1.52066 0.245006 1.45184 0.233514L0.268986 0.241594C0.181167 0.241154 0.0958013 0.271066 0.0268587 0.326434C-0.00595087 0.396174 -0.00882613 0.476652 0.0189202 0.548633C0.0189202 0.548633 0.947737 2.83932 1.99563 3.99477C2.51 4.60651 3.2568 4.96526 4.04776 4.98054Z" fill="white"/>
</svg>
</span>
<span class="share__item-text">Vkontakte</span>
</a>
<a href="#" class="share__item" data-code="tw">
<span class="share__item-icon share__item-icon--tw">
<svg width="9" height="7" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.52788 0.00144284V0H5.9158L6.05754 0.027414C6.15204 0.0452114 6.23783 0.068535 6.31491 0.0973918C6.39201 0.126249 6.46661 0.159917 6.53872 0.198391C6.61083 0.236864 6.67623 0.276066 6.73492 0.315982C6.79311 0.355422 6.84533 0.397265 6.89158 0.441509C6.93733 0.486237 7.0087 0.49778 7.10568 0.476138C7.20266 0.454495 7.3071 0.424433 7.419 0.38596C7.5309 0.347487 7.64156 0.304201 7.75097 0.256104C7.86039 0.208007 7.92703 0.177469 7.95091 0.164484C7.97428 0.151022 7.98671 0.143808 7.98821 0.142841L7.98969 0.140677L7.99715 0.13707L8.00461 0.133463L8.01207 0.129856L8.01953 0.126249L8.02102 0.124084L8.02326 0.122642L8.02551 0.121199L8.02699 0.119034L8.03445 0.11687L8.04191 0.115427L8.04043 0.126249L8.03818 0.13707L8.03445 0.147891L8.03072 0.158713L8.02699 0.165927L8.02326 0.173141L8.01953 0.183962C8.01705 0.191176 8.01456 0.200793 8.01207 0.212819C8.00959 0.224845 7.98596 0.272935 7.9412 0.357103C7.89644 0.441271 7.84049 0.526637 7.77335 0.613208C7.70621 0.699778 7.64604 0.765182 7.59283 0.809434C7.53911 0.854162 7.50355 0.885421 7.48614 0.903219C7.46874 0.921492 7.4476 0.938323 7.42273 0.953718L7.38543 0.977525L7.37797 0.981132L7.37051 0.984739L7.36902 0.986903L7.36678 0.988346L7.36454 0.989789L7.36305 0.991953L7.35559 0.99556L7.34813 0.999168L7.34664 1.00133L7.3444 1.00277L7.34216 1.00422L7.34067 1.00638L7.33918 1.00855L7.33694 1.00999L7.3347 1.01143L7.33321 1.0136H7.37051L7.57939 0.970311C7.71865 0.941454 7.85168 0.906588 7.9785 0.865705L8.17992 0.800777L8.2023 0.793563L8.21349 0.789956L8.22095 0.786348L8.22841 0.782741L8.23587 0.779134L8.24333 0.775527L8.25825 0.773363L8.27317 0.77192V0.786348L8.26944 0.787791L8.26571 0.789956L8.26423 0.79212L8.26198 0.793563L8.25974 0.795006L8.25825 0.79717L8.25677 0.799334L8.25452 0.800777L8.25228 0.80222L8.25079 0.804384L8.24931 0.806548L8.24706 0.807991L8.24333 0.815205L8.2396 0.82242L8.23736 0.823862C8.23637 0.825305 8.20479 0.866181 8.14262 0.946504C8.08046 1.0273 8.04689 1.06818 8.04191 1.06915C8.03694 1.07059 8.02997 1.0778 8.02102 1.09079C8.01257 1.10425 7.95985 1.15788 7.86287 1.25166C7.76589 1.34545 7.67091 1.42889 7.57791 1.502C7.48441 1.57558 7.43716 1.666 7.43616 1.77325C7.43467 1.88002 7.42895 2.00074 7.419 2.13541C7.40905 2.27007 7.3904 2.41555 7.36305 2.57186C7.3357 2.72817 7.29342 2.90492 7.23623 3.10211C7.17904 3.29929 7.10941 3.49168 7.02735 3.67925C6.94529 3.86681 6.8595 4.03514 6.76998 4.18424C6.68046 4.33334 6.5984 4.45958 6.5238 4.56299C6.4492 4.66639 6.37336 4.76378 6.29626 4.85516C6.21918 4.94654 6.12171 5.04947 6.00384 5.16393C5.88547 5.27791 5.82082 5.34044 5.80988 5.3515C5.79844 5.36208 5.74971 5.40152 5.66365 5.46981C5.57812 5.53858 5.48611 5.60736 5.38763 5.67614C5.28966 5.74443 5.19964 5.80143 5.11758 5.84711C5.03552 5.8928 4.93655 5.94498 4.82067 6.00366C4.70529 6.06282 4.58046 6.11765 4.44618 6.16815C4.3119 6.21865 4.17016 6.26554 4.02096 6.30882C3.87176 6.35211 3.72753 6.38578 3.58827 6.40982C3.44903 6.43387 3.29112 6.45431 3.11456 6.47114L2.84973 6.49639V6.5H2.36483V6.49639L2.30142 6.49279C2.25915 6.49038 2.22433 6.48797 2.19698 6.48557C2.16963 6.48317 2.06643 6.46994 1.88739 6.44589C1.70835 6.42185 1.56785 6.3978 1.4659 6.37375C1.36395 6.34971 1.21225 6.30401 1.01083 6.23668C0.809413 6.16935 0.637087 6.10129 0.493854 6.03252C0.351121 5.96422 0.261601 5.92094 0.225293 5.90266C0.189485 5.88487 0.149201 5.86275 0.10444 5.83629L0.0373001 5.79661L0.0358156 5.79445L0.0335701 5.79301L0.0313321 5.79156L0.0298401 5.7894L0.0223801 5.78579L0.0149201 5.78219L0.0134355 5.78002L0.01119 5.77858L0.00895204 5.77714L0.00746003 5.77497L0.00597548 5.77281L0.00373001 5.77137H0V5.75694L0.00746003 5.75838L0.0149201 5.76054L0.0484902 5.76415C0.0708703 5.76655 0.131796 5.77016 0.231261 5.77497C0.330733 5.77978 0.436412 5.77978 0.548312 5.77497C0.660213 5.77016 0.774605 5.75934 0.891474 5.74251C1.00835 5.72568 1.14636 5.69682 1.30551 5.65594C1.46466 5.61505 1.61087 5.56648 1.74416 5.51021C1.87695 5.45346 1.97144 5.41114 2.02764 5.38324C2.08334 5.35583 2.16838 5.30484 2.28277 5.2303L2.45435 5.11848L2.45584 5.11632L2.45808 5.11487L2.46033 5.11343L2.46181 5.11127L2.4633 5.1091L2.46554 5.10766L2.46779 5.10622L2.46927 5.10405L2.47673 5.10189L2.48419 5.10044L2.48568 5.09323L2.48792 5.08602L2.49017 5.08457L2.49165 5.08241L2.43197 5.0788C2.39219 5.0764 2.35364 5.07399 2.31634 5.07159C2.27904 5.06918 2.2206 5.05836 2.14103 5.03912C2.06146 5.01988 1.97567 4.99103 1.88366 4.95255C1.79165 4.91408 1.70213 4.86838 1.6151 4.81548C1.52807 4.76258 1.46515 4.71857 1.42636 4.68346C1.38807 4.64883 1.33833 4.59978 1.27716 4.53629C1.21648 4.47233 1.16376 4.40668 1.119 4.33934C1.07424 4.27202 1.03148 4.19433 0.990699 4.10633L0.928774 3.97503L0.925044 3.96421L0.921314 3.95339L0.919076 3.94617L0.917584 3.93896L0.928774 3.9404L0.939964 3.94256L1.02202 3.95339C1.07674 3.9606 1.16253 3.963 1.27939 3.9606C1.39627 3.9582 1.47709 3.95339 1.52185 3.94617C1.56661 3.93896 1.59396 3.93414 1.60391 3.93174L1.61883 3.92814L1.63748 3.92453L1.65613 3.92092L1.65762 3.91876L1.65986 3.91731L1.6621 3.91587L1.66359 3.91371L1.64867 3.9101L1.63375 3.90649L1.61883 3.90289L1.60391 3.89928L1.58899 3.89567C1.57904 3.89327 1.56164 3.88846 1.53677 3.88124C1.5119 3.87403 1.44476 3.84757 1.33535 3.80189C1.22594 3.7562 1.1389 3.71171 1.07424 3.66842C1.00943 3.62501 0.947626 3.57754 0.889235 3.5263C0.831047 3.47436 0.767145 3.40751 0.697513 3.32575C0.627888 3.24399 0.565724 3.149 0.511012 3.04079C0.456308 2.93257 0.415277 2.82917 0.387922 2.73058C0.360676 2.63256 0.3427 2.53235 0.334217 2.43119L0.320781 2.27969L0.328241 2.28113L0.335701 2.2833L0.343161 2.2869L0.350621 2.29051L0.358081 2.29412L0.365541 2.29772L0.481172 2.34822C0.558264 2.38189 0.653998 2.41075 0.768383 2.43479C0.882775 2.45884 0.951154 2.47207 0.973534 2.47447L1.0071 2.47808H1.07424L1.07276 2.47592L1.07051 2.47447L1.06828 2.47303L1.06678 2.47087L1.0653 2.4687L1.06305 2.46726L1.06082 2.46582L1.05932 2.46365L1.05186 2.46004L1.0444 2.45644L1.04292 2.45427L1.04067 2.45283L1.03844 2.45139L1.03694 2.44922L1.02948 2.44562L1.02202 2.44201L1.02054 2.43984C1.01905 2.43888 0.99766 2.42349 0.956376 2.39367C0.915592 2.36337 0.872823 2.32418 0.828063 2.27608C0.783303 2.22798 0.738543 2.17749 0.693783 2.12458C0.64894 2.07156 0.609 2.01483 0.574422 1.95505C0.539614 1.89493 0.502806 1.81846 0.464014 1.72564C0.425721 1.6333 0.396627 1.54023 0.376731 1.44645C0.356843 1.35266 0.345653 1.26008 0.343161 1.1687C0.340677 1.07732 0.343161 0.999168 0.350621 0.93424C0.358081 0.869312 0.373001 0.795965 0.395382 0.714206C0.417762 0.632448 0.450093 0.545877 0.492362 0.454495L0.555772 0.317425L0.559502 0.306604L0.563232 0.295782L0.565478 0.29434L0.566962 0.292175L0.568454 0.290011L0.570692 0.288568L0.572938 0.290011L0.574422 0.292175L0.575914 0.29434L0.578152 0.295782L0.580398 0.297225L0.581882 0.29939L0.583374 0.301554L0.585612 0.302997L0.589342 0.310211L0.593072 0.317425L0.595318 0.318868L0.596802 0.321032L0.697513 0.429245C0.764653 0.501387 0.844229 0.581948 0.936234 0.670921C1.02825 0.759894 1.07922 0.806065 1.08916 0.809434C1.09912 0.813279 1.11154 0.824338 1.12646 0.842619C1.14138 0.860417 1.19112 0.902981 1.27567 0.970311C1.36022 1.03764 1.47087 1.1158 1.60764 1.20477C1.74441 1.29375 1.89609 1.38152 2.0627 1.46809C2.22931 1.55466 2.40835 1.63281 2.59982 1.70255C2.7913 1.77229 2.92558 1.81798 3.00266 1.83962C3.07975 1.86127 3.21154 1.88892 3.39804 1.92259C3.58454 1.95625 3.72505 1.9779 3.81954 1.98751C3.91403 1.99713 3.97869 2.00266 4.0135 2.00411L4.06572 2.00555L4.06423 1.99473L4.06199 1.98391L4.04707 1.89373C4.03712 1.83361 4.03215 1.74944 4.03215 1.64123C4.03215 1.53302 4.04085 1.43322 4.05826 1.34184C4.07567 1.25046 4.10178 1.15788 4.13659 1.0641C4.1714 0.970311 4.20547 0.895038 4.23879 0.838291C4.27261 0.78202 4.31687 0.717814 4.37158 0.645671C4.42629 0.573529 4.49716 0.498985 4.58419 0.422031C4.67122 0.345077 4.77069 0.276542 4.88259 0.216426C4.99449 0.15631 5.09769 0.110615 5.19218 0.0793563C5.28668 0.0480971 5.36625 0.0276521 5.4309 0.0180355C5.49556 0.00841898 5.52788 0.00288568 5.52788 0.00144284Z" fill="white"/>
</svg>
</span>
<span class="share__item-text">Twitter</span>
</a>
<a href="#" class="share__item" data-code="tg">
<span class="share__item-icon share__item-icon--tg">
<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.39589 3.04852C1.39589 3.04852 5.05491 1.51189 6.32392 0.9708C6.8104 0.754384 8.46012 0.0617918 8.46012 0.0617918C8.46012 0.0617918 9.22155 -0.241191 9.15809 0.494655C9.13692 0.797667 8.96773 1.85815 8.79854 3.00523C8.54472 4.62846 8.26976 6.40316 8.26976 6.40316C8.26976 6.40316 8.22746 6.90097 7.86791 6.98753C7.50836 7.0741 6.91613 6.68455 6.8104 6.59795C6.72577 6.53304 5.22411 5.5591 4.6742 5.08295C4.52614 4.9531 4.35695 4.6934 4.69533 4.39039C5.45676 3.67617 6.36622 2.78882 6.91613 2.2261C7.16995 1.96638 7.42374 1.36038 6.36622 2.09622C4.86456 3.15674 3.38403 4.15231 3.38403 4.15231C3.38403 4.15231 3.04561 4.36873 2.41111 4.17394C1.77657 3.97918 1.03631 3.71945 1.03631 3.71945C1.03631 3.71945 0.528726 3.39481 1.39589 3.04852Z" fill="white"/>
</svg>
</span>
<span class="share__item-text">Telegram</span>
</a>
<a href="#" class="share__item js-share-item-copy">
<span class="share__item-icon share__item-icon--copy">
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.19922 5.40327C4.37217 5.63449 4.59283 5.8258 4.84622 5.96425C5.09962 6.10269 5.37982 6.18501 5.66783 6.20564C5.95584 6.22627 6.24492 6.18471 6.51546 6.08379C6.78599 5.98287 7.03166 5.82495 7.2358 5.62074L8.44399 4.41255C8.81079 4.03277 9.01375 3.52412 9.00917 2.99615C9.00458 2.46818 8.79281 1.96313 8.41946 1.58978C8.04611 1.21644 7.54106 1.00466 7.01309 1.00008C6.48512 0.995488 5.97647 1.19845 5.59669 1.56525L4.904 2.25392" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.81002 4.59658C5.63707 4.36536 5.41641 4.17404 5.16302 4.0356C4.90962 3.89716 4.62942 3.81483 4.34141 3.79421C4.0534 3.77358 3.76432 3.81514 3.49379 3.91605C3.22325 4.01697 2.97758 4.17489 2.77344 4.3791L1.56525 5.58729C1.19845 5.96707 0.995488 6.47572 1.00008 7.0037C1.00466 7.53167 1.21644 8.03672 1.58978 8.41006C1.96313 8.78341 2.46818 8.99518 2.99615 8.99977C3.52412 9.00436 4.03277 8.80139 4.41255 8.43459L5.10122 7.74592" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="share__item-text">Скопировать ссылку</span>
</a>
</div>
</div> <!-- //share -->
</noindex>
<div class="row">
<div class="col-xl-9 col-lg-8 col-poster">
<div class="article-poster">
<picture >
<img src="https://248006.selcdn.ru/main/iblock/21c/21c10bd4c0e12e9635c7ef7ca102ba38/f098da4cd5887b7f9cf79a1780f786a1.png" itemprop='image' class='hidden-xs' />
</picture> <picture >
<img src="https://248006.selcdn.ru/main/iblock/21c/21c10bd4c0e12e9635c7ef7ca102ba38/f098da4cd5887b7f9cf79a1780f786a1.png" itemprop='image' class='visible-xs' />
</picture> </div>
<noindex>
<p class="article-poster-text" data-nosnippet>
предоставлена ashley west edwards / kelly sikkema / unsplash / rudiecast / shutterstock / полина суворова для skillbox </p>
</noindex>
</div>
<div class="col-xl-3 col-lg-4 col-author">
<div class="article-author">
<div class="article-author__image">
<a href="/media/authors/valeriya-lozovskaya/">
<img src="https://248006.selcdn.ru/main/iblock/c27/c27d10b1ef14e5415f0a244c16c117b1/b4e54f76d25339aea22658bc186df4a2.png" alt="Валерия Лозовская">
</a>
</div>
<div class="article-author__info">
<div class="article-author__name">
Валерия Лозовская </div>
<div class="article-author__description">
Редактор. </div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row flex-row-rev">
<div class="col-xl-3 col-lg-4 col-author">
<div class="js-article-banner" data-article-banner-mobile data-type="side_mounted" data-article-banner-sticky-start>
<!--AdFox START-->
<!--yandex_skillbox.media-->
<!--Площадка: Skillbox / Сквозной для застройщика Легенда / Боковой баннер сквозной для застройщика Легенда-->
<!--Категория: <не задана>-->
<!--Тип баннера: Media banner-->
<div id="adfox_176131540100027244"></div>
<script>
window.yaContextCb.push(()=>{
Ya.adfoxCode.create({
ownerId: 11649869,
containerId: 'adfox_176131540100027244',
params: {
p1: 'dkugb',
p2: 'p'
}
})
})
</script> </div>
<div class="js-article-banner" data-article-banner-mobile data-type="vertical" data-article-banner-sticky-end></div>
</div>
<div class="col-xl-9 col-lg-8 col-poster">
<div class="container container--setka">
<div class="js-article-banner" data-type="top"></div>
<div class="article-detail-text__setka" data-detail-text>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><body><div class="stk-post stk-layout_12col_18068 stk-theme_26309" data-ui-id="post" data-reset-type="class" data-editor-version="3.2.5" data-stk='{"images":[{"id":13359,"alt":"","caption":""},{"id":13280,"alt":"","caption":""},{"id":13279,"alt":"","caption":""},{"id":13278,"alt":"","caption":""},{"id":13277,"alt":"","caption":""},{"id":13276,"alt":"","caption":""},{"id":13275,"alt":"","caption":""},{"id":13274,"alt":"","caption":""},{"id":13273,"alt":"","caption":""},{"id":13272,"alt":"","caption":""},{"id":13271,"alt":"","caption":""},{"id":13270,"alt":"","caption":""},{"id":13269,"alt":"","caption":""},{"id":13268,"alt":"","caption":""},{"id":13267,"alt":"","caption":""},{"id":13266,"alt":"","caption":""},{"id":13265,"alt":"","caption":""},{"id":13264,"alt":"","caption":""},{"id":13259,"alt":"","caption":""},{"id":13257,"alt":"","caption":""},{"id":13258,"alt":"","caption":""},{"id":13256,"alt":"","caption":""},{"id":13255,"alt":"","caption":""},{"id":13254,"alt":"","caption":""},{"id":13253,"alt":"","caption":""},{"id":13252,"alt":"","caption":""},{"id":13251,"alt":"","caption":""},{"id":13250,"alt":"","caption":""},{"id":13248,"alt":"","caption":""},{"id":13247,"alt":"","caption":""},{"id":13249,"alt":"","caption":""},{"id":13246,"alt":"","caption":""},{"id":13245,"alt":"","caption":""},{"id":13242,"alt":"","caption":""},{"id":13243,"alt":"","caption":""},{"id":13241,"alt":"","caption":""}]}' data-layout-type="auto" data-ce-tag="post"><!--?xml encoding=&quot;utf-8&quot; ?--><!--?xml encoding=&quot;utf-8&quot; ?--><div class="stk-grid stk-theme_26309__mb_15 stk-grid__layout_reverse" data-ce-tag="grid"><div data-col-width="12" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="stk-grid stk-grid__layout_reverse stk-theme_26309__mb_15" data-ce-tag="grid"><div data-col-width="12" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="stk-grid stk-theme_26309__mb_05" data-ce-tag="grid"><div data-col-width="4" class="stk-grid-col" data-ce-tag="grid-col" data-stk-css="" data-stk-css-m=""><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div data-ce-tag="mask" class="stk-mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/09070026052021_9ee7175ac0e8c4c5e1364d9a14192179d4bed781.jpg.webp" class='stk-image stk-reset' data-image-id='13359' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/09070026052021_9ee7175ac0e8c4c5e1364d9a14192179d4bed781.jpg" class='stk-image stk-reset' data-image-id='13359' loading='lazy' />
</picture></div></figure></div><div data-col-width="8" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><p class="stk-reset stk-theme_26309__style_medium_header stk-theme_26309__mb_0" data-ce-tag="paragraph"><strong class="stk-reset">Роман Макаров</strong></p><p class="stk-reset stk-theme_26309__color_26309_custom_color_2 stk-theme_26309__mb_0" data-ce-tag="paragraph">Россия, г. Казань</p><hr class="stk-reset stk-theme_26309__separator_basic_divider stk-theme_26309__mb_05"><div class="stk-grid stk-theme_26309__mb_0" data-ce-tag="grid"><div data-col-width="3" class="stk-grid-col" data-ce-tag="grid-col" data-stk-css="" data-stk-css-m=""><p class="stk-theme_26309__style_small_text stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">Пройденные курсы</strong></p></div><div data-col-width="5" class="stk-grid-col valign-top stk-grid-col_last" data-ce-tag="grid-col"><p class="stk-reset" data-ce-tag="paragraph">«<a href="https://skillbox.ru/course/profession-graphdesigner/?ad2020&utm_source=google&utm_medium=cpc&utm_campaign=69_profession-graphdesigner_google_cpc_poisk_course_ru_design_gizatullin_11257996440&utm_content=adg_113435911387%7Cad_470089664300%7Cph_kwd-297505360784%7Ckey_%2B%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9%20%2B%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%7Cdev_c%7Cpst_%7Crgnid_9047069%7Cplacement_%7Ccreative_%7Bcreative_name%7D&utm_term=%2B%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9%20%2B%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD&gclid=Cj0KCQjwjPaCBhDkARIsAISZN7TSNH9pcf0na8AGJsk2P5eBIVwsjLaKCTXBYwosfM2M_rDgeUeZ_BsaAiZBEALw_wcB" target="_blank" class="stk-reset">Профессия Графический дизайнер</a>»</p></div></div><hr class="stk-reset stk-theme_26309__separator_divider-1498128612642 stk-theme_26309__mb_0"><div class="stk-grid stk-theme_26309__mb_0" data-ce-tag="grid"><div data-col-width="3" class="stk-grid-col" data-ce-tag="grid-col" data-stk-css="" data-stk-css-m=""><p class="stk-theme_26309__style_small_text stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">Достижения</strong></p></div><div data-col-width="5" class="stk-grid-col valign-top stk-grid-col_last" data-ce-tag="grid-col"><p class="stk-reset " data-ce-tag="paragraph">Уволился с нелюбимой работы, устроился дизайнером и придумал свой проект для российского автопрома.</p></div></div><hr class="stk-theme_26309__separator_divider-1498128612642 stk-reset stk-theme_26309__mb_0"><div class="stk-grid stk-theme_26309__mb_0" data-ce-tag="grid"><div data-col-width="3" class="stk-grid-col" data-stk-css="" data-stk-css-m="" data-ce-tag="grid-col"><p class="stk-theme_26309__style_small_text stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">Ссылки</strong></p></div><div data-col-width="5" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="sklbx-links stk-container stk-theme_26309__mb_0" data-ce-tag="container" data-container-name="Ссылки"><a class="sklbx-link sklbx-link--vk stk-container stk-container-link stk-reset stk-theme_26309__mb_0" data-ce-tag="container" data-container-name="VKontakte" href="https://vk.com/afteraffect%20" target="_blank"><svg class="sklbx-link__icon" width="20" height="12" xmlns="http://www.w3.org/2000/svg">
<path d="M9.436 11.384h1.147a.956.956 0 0 0 .528-.23.878.878 0 0 0 .157-.527s-.019-1.607.694-1.847c.712-.24 1.62 1.551 2.581 2.244.36.297.822.44 1.287.397l2.572-.037s1.35-.083.712-1.182a8.869 8.869 0 0 0-1.915-2.3c-1.62-1.55-1.397-1.301.546-3.988C18.929 2.279 19.4 1.272 19.253.848a1.086 1.086 0 0 0-1.008-.296l-2.906.019a.586.586 0 0 0-.37.064.811.811 0 0 0-.259.324 16.93 16.93 0 0 1-1.073 2.345c-1.287 2.272-1.805 2.392-2.018 2.253-.49-.332-.37-1.32-.37-2.031 0-2.198.324-3.122-.62-3.362A5.166 5.166 0 0 0 9.27.026a6.119 6.119 0 0 0-2.406.258c-.333.167-.582.536-.425.564.33.033.635.192.851.443.2.424.298.889.287 1.357 0 0 .176 2.595-.398 2.918-.389.222-.925-.23-2.082-2.29A19.673 19.673 0 0 1 4.07 1.051a.924.924 0 0 0-.24-.333 1.047 1.047 0 0 0-.445-.184L.627.552a.905.905 0 0 0-.564.194.636.636 0 0 0-.019.508S2.21 6.49 4.652 9.131a6.463 6.463 0 0 0 4.784 2.253z" fill-rule="evenodd"></path>
</svg></a><a class="sklbx-link sklbx-link--tw stk-container stk-container-link stk-reset stk-theme_26309__mb_0" data-ce-tag="container" data-container-name="Behance" href="https://www.behance.net/after_affect%20" target="_blank"><svg class="sklbx-link__icon" width="22" height="22" viewbox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
<path d="M6.938 4.503c.702 0 1.34.06 1.92.188.577.13 1.07.33 1.485.61.41.28.733.65.96 1.12.225.47.34 1.05.34 1.73 0 .74-.17 1.36-.507 1.86-.338.5-.837.9-1.502 1.22.906.26 1.576.72 2.022 1.37.448.66.665 1.45.665 2.36 0 .75-.13 1.39-.41 1.93-.28.55-.67 1-1.16 1.35-.48.348-1.05.6-1.67.767-.61.165-1.252.254-1.91.254H0V4.51h6.938v-.007zM16.94 16.665c.44.428 1.073.643 1.894.643.59 0 1.1-.148 1.53-.447.424-.29.68-.61.78-.94h2.588c-.403 1.28-1.048 2.2-1.9 2.75-.85.56-1.884.83-3.08.83-.837 0-1.584-.13-2.272-.4-.673-.27-1.24-.65-1.72-1.14-.464-.49-.823-1.08-1.077-1.77-.253-.69-.373-1.45-.373-2.27 0-.803.135-1.54.403-2.23.27-.7.644-1.28 1.12-1.79.495-.51 1.063-.895 1.736-1.194s1.4-.433 2.22-.433c.91 0 1.69.164 2.38.523.67.34 1.22.82 1.66 1.4.44.586.75 1.26.94 2.02.19.75.25 1.54.21 2.38h-7.69c0 .84.28 1.632.71 2.065l-.08.03zm-10.24.05c.317 0 .62-.03.906-.093.29-.06.548-.165.763-.3.21-.135.39-.328.52-.583.13-.24.19-.57.19-.96 0-.75-.22-1.29-.64-1.62-.43-.32-.99-.48-1.69-.48H3.24v4.05H6.7v-.03zm13.607-5.65c-.352-.385-.94-.592-1.657-.592-.468 0-.855.074-1.166.238-.302.15-.55.35-.74.59-.19.24-.317.48-.392.75-.075.26-.12.5-.135.71h4.762c-.07-.75-.33-1.3-.68-1.69v.01zM6.52 10.45c.574 0 1.05-.134 1.425-.412.374-.27.554-.72.554-1.338 0-.344-.07-.625-.18-.846-.13-.22-.3-.39-.5-.512-.21-.124-.45-.21-.72-.257-.27-.053-.56-.074-.84-.074H3.23v3.44h3.29zm9.098-4.958h5.968v1.454h-5.968V5.48v.01z"></path>
</svg></a></div></div></div></div></div><hr class="stk-theme_26309__separator_divider-1551375397566 stk-reset"></div></div><p class="stk-theme_26309__mb_05 stk-reset" data-ce-tag="paragraph">В интервью Роман рассказал:</p><ul class=" stk-theme_26309__mb_05 stk-reset stk-theme_26309__pad_hor_1" data-ce-tag="list"><li class="stk-list-item stk-reset " data-ce-tag="list-item">как <a class="stk-reset" href="#first">набросок</a> в тетради дал ему работу;</li><li class="stk-list-item stk-reset " data-ce-tag="list-item">на какую коммерческую <a class="stk-reset" href="#third">идею</a> его натолкнула домашка на курсе;</li><li class="stk-list-item stk-reset " data-ce-tag="list-item">чему он учится, работая дизайнером <a class="stk-reset" href="#fourth">билбордов</a>;</li><li class="stk-list-item stk-reset " data-ce-tag="list-item">о <a class="stk-reset" href="#fifth">советских авто</a> как объектах дизайна.</li></ul><hr class="stk-theme_26309__separator_divider-1498128612642 stk-reset stk-theme_26309__mb_15"><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Есть такое убеждение: чтобы стать графическим дизайнером, нужно уметь рисовать. Как думаешь, это правда?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Лично у меня художественного образования нет. Выручает техника — планшет и перо. С их помощью я могу накидать несколько мазков и в любой момент стереть то, что не понравилось. Или вообще удалить всё в один клик и попробовать заново. Но базовое понимание рисунка, правил композиции и сочетания цветов точно не помешают. Мне повезло: сестра отучилась в художке и всегда помогала советом.</p><div class="stk-grid" data-ce-tag="grid"><div data-col-width="2" class="stk-grid-col stk-grid-col_empty" data-stk-css="" data-stk-css-m="" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div><div data-col-width="7" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="stk-container sklbx-browser" data-ce-tag="container" data-container-name="Окно браузера"><div class="sklbx-browser__header">
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
</div><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div data-ce-tag="mask" class="stk-mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/15250824052021_78414edc29a9ca40b88ac57ee4b6ee922f159180.jpg.webp" data-image-id='13241' data-image-name='photo_2019-08-26_14-31-12.jpg' class='stk-image stk-reset' width='640' height='640' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/15250824052021_78414edc29a9ca40b88ac57ee4b6ee922f159180.jpg" data-image-id='13241' data-image-name='photo_2019-08-26_14-31-12.jpg' class='stk-image stk-reset' width='640' height='640' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">«Свою аватарку для всех социальных сетей я нарисовал в технике дуотона, используя только два цвета. Получился Джокер, хоть я и не такой: я добрый<strong class="stk-reset">»</strong></figcaption></figure></div></div><div data-col-width="3" class="stk-grid-col stk-grid-col_empty" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div></div></div></div><div class="stk-grid stk-theme_26309__mb_15" data-ce-tag="grid"><div data-col-width="12" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><h2 class="stk-theme_26309__style_large_header stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">«Чистая случайность»: начало пути в дизайне</strong></h2><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset" data-gtm-vis-has-fired-10171822_255="1">— Как ты заинтересовался графическим дизайном? </strong></p><p class="stk-reset" data-ce-tag="paragraph">— Всё началось в старших классах, когда я оформлял аватарки на игровой платформе Steam для своих друзей. Ребята говорили, что у меня круто получается.</p><div class="stk-grid" data-ce-tag="grid"><div data-col-width="2" class="stk-grid-col stk-grid-col_empty" data-stk-css="" data-stk-css-m="" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div><div data-col-width="6" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="stk-gallery stk-gallery stk-gallery" data-ce-tag="gallery"><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/15265524052021_1b0d0c10497b05f71a131ff43478c650b6f547a2.jpg.webp" data-image-id='13242' data-image-name='Первая автарка для друга в Steam.jpg' width='590' height='566' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/15265524052021_1b0d0c10497b05f71a131ff43478c650b6f547a2.jpg" data-image-id='13242' data-image-name='Первая автарка для друга в Steam.jpg' width='590' height='566' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Первая аватарка, нарисованная для профиля друга в Steam</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/15265624052021_53f903ff70f1539efa4b6c50be758ff2c90668c1.jpg.webp" data-image-id='13243' data-image-name='Баннеры на ютуб для себя_2.jpg' width='1280' height='1024' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/15265624052021_53f903ff70f1539efa4b6c50be758ff2c90668c1.jpg" data-image-id='13243' data-image-name='Баннеры на ютуб для себя_2.jpg' width='1280' height='1024' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Один из первых пробных баннеров на YouTube</figcaption></figure></div></div><div data-col-width="4" class="stk-grid-col stk-grid-col_empty" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div></div><p class="stk-reset" data-ce-tag="paragraph">Тогда-то дизайн меня и увлёк: я читал руководства по Photoshop и <span class="stk-reset" data-stk-footnote-link="fnqOSHo">Cinema 4D</span>, делал баннеры на YouTube, создавал логотипы. В то время я вообще не знал основ, даже не понимал, чем отличается <span class="stk-reset" data-stk-footnote-link="fnFUT4n">растр</span> от <span class="stk-reset" data-stk-footnote-link="fnup-bO">вектора</span>, — но было очень интересно.</p><p class="stk-reset" data-ce-tag="paragraph">Потом, уже в вузе, мне предложили сверстать интерфейс мобильного приложения университета. Что-то вроде универсального помощника, в котором можно посмотреть расписание занятий и мероприятий. Мне крупно повезло с этим заказом.</p><div class="stk-grid" data-ce-tag="grid"><div data-col-width="2" class="stk-grid-col stk-grid-col_empty" data-stk-css="" data-stk-css-m="" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div><div data-col-width="6" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="stk-gallery stk-gallery stk-gallery" data-ce-tag="gallery"><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/06443425052021_799ee37d095ee3896cde9aed5397e54a1d060ac9.jpg.webp" data-image-id='13249' data-image-name='PlayMarket_2Artboard 1.jpg' width='1080' height='1920' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/06443425052021_799ee37d095ee3896cde9aed5397e54a1d060ac9.jpg" data-image-id='13249' data-image-name='PlayMarket_2Artboard 1.jpg' width='1080' height='1920' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Так выглядит приложение вуза</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/06443425052021_c37fc45aa05709aaa21879c0aff9abadbbe6f520.jpg.webp" data-image-id='13246' data-image-name='PlayMarket_1Artboard 1.jpg' width='1080' height='1920' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/06443425052021_c37fc45aa05709aaa21879c0aff9abadbbe6f520.jpg" data-image-id='13246' data-image-name='PlayMarket_1Artboard 1.jpg' width='1080' height='1920' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Так выглядит приложение вуза</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/06484425052021_8a87067fbd7d231d0c4dc17cfe7d716746a15e22.jpg.webp" data-image-id='13252' data-image-name='PlayMarket_4Artboard 1.jpg' class='stk-image stk-reset' width='1080' height='1920' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/06484425052021_8a87067fbd7d231d0c4dc17cfe7d716746a15e22.jpg" data-image-id='13252' data-image-name='PlayMarket_4Artboard 1.jpg' class='stk-image stk-reset' width='1080' height='1920' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Так выглядит приложение вуза</figcaption></figure></div></div><div data-col-width="4" class="stk-grid-col stk-grid-col_empty" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div></div><p class="stk-reset" data-ce-tag="paragraph" id="first"><strong class="stk-reset">— Получается, что нужные люди в универе узнали, что ты связан с дизайном?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Да, чистая случайность! На скучных парах я рисовал логотипы — мои картинки заметила девушка из потока. Она рассказала мне, что человек из профсоюза набирает команду для разработки мобильного приложения.</p><p class="stk-reset" data-ce-tag="paragraph">Сначала мне дали пробное задание: создать макет толстовок с эмблемой <span class="stk-reset" data-stk-footnote-link="fnkSqf1">КАИ</span> — моего универа. Я сделал, мой вариант всем понравился, и мы приступили к разработке. Интерфейс приложения я верстал в <span class="stk-reset" data-stk-footnote-link="fnyTXjA">Adobe XD</span>: мой первый прототип показался мне хорошим, но сейчас я понимаю — это был ужас. Но руководителя всё устроило, и с тех пор он начал подкидывать мне задачи по дизайну.</p><div class="stk-container sklbx-browser" data-ce-tag="container" data-container-name="Окно браузера"><div class="sklbx-browser__header">
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
</div><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div data-ce-tag="mask" class="stk-mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/06495025052021_a624b9b06738117789078f07f92b42cbe398ab9f.jpg.webp" data-image-id='13253' data-image-name='WhatsApp Image 2020-11-20 at 22.09.53.jpg' class='stk-image stk-reset' width='800' height='532' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/06495025052021_a624b9b06738117789078f07f92b42cbe398ab9f.jpg" data-image-id='13253' data-image-name='WhatsApp Image 2020-11-20 at 22.09.53.jpg' class='stk-image stk-reset' width='800' height='532' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Студенты КАИ и сам Роман (крайний справа) в толстовках с его дизайном</figcaption></figure></div><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Как у вас сложились отношения с твоим первым работодателем?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— КАИ до сих пор отправляет мне задания: оформить баннер для дня открытых дверей, афишу, рекламу в метро… у них прям много «наружки». Я прихожу после основной работы и берусь за заказ, иногда даже в выходные. Причём у вуза есть штатный дизайнер, но он то ли не успевает, то ли просто не справляется. А мне это только на руку.</p><p class="stk-reset" data-ce-tag="paragraph">Потом тот самый руководитель профсоюза привлекал меня и к подработке вне универа. Он нашёл нишу, и мы начали делать сайты медицинским и образовательным учреждениям. Я создавал макеты в Photoshop или Adobe XD и зарабатывал на этом.</p><div class="stk-gallery stk-gallery stk-gallery" data-ce-tag="gallery"><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/06511225052021_0d87c80bf5642051ebd31a2df2445a3f1d987d7e.jpg.webp" data-image-id='13255' data-image-name='pM3bZ68aIcQ.jpg' width='2560' height='853' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/06511225052021_0d87c80bf5642051ebd31a2df2445a3f1d987d7e.jpg" data-image-id='13255' data-image-name='pM3bZ68aIcQ.jpg' width='2560' height='853' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">«В КАИ был день открытых дверей, посвящённый лазерной технике, меня попросили сделать баннер по „Звёздным войнам“. Так ↑ я бы сделал его сейчас»</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/06511225052021_65f97667928cbd27246bbf7734f9984d991c84d5.jpg.webp" data-image-id='13254' data-image-name='Gp4wHAigwNA.jpg' width='1920' height='1080' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/06511225052021_65f97667928cbd27246bbf7734f9984d991c84d5.jpg" data-image-id='13254' data-image-name='Gp4wHAigwNA.jpg' width='1920' height='1080' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">«Но тогда я впервые пробовал себя в создании коллажа и вышло так ↑. В коллаже целых 36 изображений. Я был недоволен результатом»</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/06520325052021_f16ff115a9238c11ee269321aced15f718afde88.jpg.webp" data-image-id='13256' data-image-name='Tnv5UShzzGg.jpg' width='1440' height='2160' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/06520325052021_f16ff115a9238c11ee269321aced15f718afde88.jpg" data-image-id='13256' data-image-name='Tnv5UShzzGg.jpg' width='1440' height='2160' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Одна из недавних работ Романа: ещё один коллаж по вселенной «Звёздных войн»</figcaption></figure></div><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset" data-gtm-vis-has-fired-10171822_255="1">— А есть ли в твоей профессии то, что можно было бы назвать делом для души?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Для меня это иллюстрации. Моя первая прорывная иллюстрация вышла некрасивой, корявенькой, но именно тогда я понял: иллюстрации — это моё, я буду создавать их для себя, а не для денег.</p><div class="stk-gallery stk-gallery stk-gallery" data-ce-tag="gallery"><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/06525925052021_bc9181271428162915006cfed5ad2cdab238bd38.jpg.webp" data-image-id='13259' data-image-name='Работа с которой я увлекся иллюстрациями.jpg' width='2516' height='2160' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/06525925052021_bc9181271428162915006cfed5ad2cdab238bd38.jpg" data-image-id='13259' data-image-name='Работа с которой я увлекся иллюстрациями.jpg' width='2516' height='2160' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Тот самый человечек, с которого началось увлечение Романа иллюстрациями</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/06525925052021_759cd7b5121a9505610722a970b199c1916690ce.jpg.webp" data-image-id='13258' data-image-name='0ZyGIysj8Fg.jpg' width='1565' height='2160' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/06525925052021_759cd7b5121a9505610722a970b199c1916690ce.jpg" data-image-id='13258' data-image-name='0ZyGIysj8Fg.jpg' width='1565' height='2160' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Одна из ранних иллюстраций Романа: самурай</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/06525925052021_ab6ac28c08f113c9abb2313bf356d3e6dce6d5c9.jpg.webp" data-image-id='13257' data-image-name='Qd_HF70zuJM.jpg' width='1500' height='2100' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/06525925052021_ab6ac28c08f113c9abb2313bf356d3e6dce6d5c9.jpg" data-image-id='13257' data-image-name='Qd_HF70zuJM.jpg' width='1500' height='2100' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Ещё одна ранняя иллюстрация в стилистике игры Warcraft</figcaption></figure></div></div></div><div class="stk-theme_26309__mb_15 stk-grid" data-ce-tag="grid"><div data-col-width="12" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><h2 class="stk-theme_26309__style_large_header stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">«Чтобы записаться на курс, мне пришлось залезть на гараж»</strong></h2><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Твоих навыков вполне хватало для подработки в университете. Почему ты решил пойти на </strong><a href="https://skillbox.ru/course/profession-graphdesigner/?ad2020&utm_source=google&utm_medium=cpc&utm_campaign=69_profession-graphdesigner_google_cpc_poisk_course_ru_design_gizatullin_11257996440&utm_content=adg_113435911387%7Cad_470089664300%7Cph_kwd-297505360784%7Ckey_%2B%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9%20%2B%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%7Cdev_c%7Cpst_%7Crgnid_9047069%7Cplacement_%7Ccreative_%7Bcreative_name%7D&utm_term=%2B%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9%20%2B%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD&gclid=Cj0KCQjwjPaCBhDkARIsAISZN7TSNH9pcf0na8AGJsk2P5eBIVwsjLaKCTXBYwosfM2M_rDgeUeZ_BsaAiZBEALw_wcB" target="_blank" class="stk-reset"><strong class="stk-reset">курсы</strong></a><strong class="stk-reset">?</strong></p><p class="stk-reset" id="second" data-ce-tag="paragraph">— Да, я многое умел, но чувствовал, что знания, полученные на YouTube, поверхностны, а я хотел развиваться. Раньше я просто запоминал алгоритмы действий и функции той или иной кнопочки. Но однажды умные нейросети подкинули мне видео Skillbox — я посмотрел вебинар и решил систематизировать навыки.</p><p class="stk-reset" data-ce-tag="paragraph">Я оставил заявку на обратный звонок и уехал в деревню на две недели. Эта поездка стала для меня рубежом: будто бы стёрла меня предыдущего и создала меня нового. Вернулся в город без всяких сомнений: всё, я иду учиться.</p><div class="stk-grid" data-ce-tag="grid"><div data-col-width="2" class="stk-grid-col stk-grid-col_empty" data-stk-css="" data-stk-css-m="" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div><div data-col-width="7" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="stk-container sklbx-browser" data-ce-tag="container" data-container-name="Окно браузера"><div class="sklbx-browser__header">
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
</div><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div data-ce-tag="mask" class="stk-mask"><img src="/upload/setka_images/07000225052021_634b338f4ce80784ef2d3e3cafd5c6cf88a73df5.jpeg" data-image-id="13264" data-image-name="WhatsApp Image 2020-11-20 at 22.19.30.jpeg" class="stk-image stk-reset" width="768" height="1024" loading="lazy"></div></figure></div></div><div data-col-width="3" class="stk-grid-col stk-grid-col_empty" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div></div><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Что произошло в деревне?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Это целая история! Связь в деревне была просто ужасной, а интернет работал только в сельском клубе, и то по субботам. Когда мне позвонил менеджер, я был у речки. Принял звонок, и всё — молчание. Понял, что сеть пропала и надо срочно что-то делать. Побежал к дому, залез на гараж-пристройку и уже оттуда перезвонил.</p><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Классная история. Прям как в той новости про омского студента, который залезал на дерево, ловил связь и слушал оттуда лекции :)</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Да, но это ещё не всё :)</p><p class="stk-reset" data-ce-tag="paragraph">Потом, сидя на этом же гараже, я звонил в банк по поводу рассрочки. Тот ещё кадр: сижу на крыше с паспортом, диктую данные, записываю кодовые слова, а рядом петух орёт «кукареку-кукареку».</p><p class="stk-reset" data-ce-tag="paragraph">Дальше ещё смешнее. На следующий день мне снова позвонил сотрудник банка и попросил перенести приём документов. Я только хотел спросить о причине, как вдруг слышу у него на заднем фоне блеяние овец. Говорю: «Вы тоже в деревне?» Он отвечает: «Да» — и всё встаёт на свои места :)</p><div class="stk-grid" data-ce-tag="grid"><div data-col-width="2" class="stk-grid-col stk-grid-col_empty" data-stk-css="" data-stk-css-m="" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div><div data-col-width="7" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="stk-container sklbx-browser" data-ce-tag="container" data-container-name="Окно браузера"><div class="sklbx-browser__header">
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
</div><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div data-ce-tag="mask" class="stk-mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07002425052021_b7f29a2f4ea58ecd2f6b7035f1c85a18c1dab790.jpg.webp" data-image-id='13265' data-image-name='WhatsApp Image 2020-11-20 at 22.18.02.jpg' class='stk-image stk-reset' width='768' height='1024' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07002425052021_b7f29a2f4ea58ecd2f6b7035f1c85a18c1dab790.jpg" data-image-id='13265' data-image-name='WhatsApp Image 2020-11-20 at 22.18.02.jpg' class='stk-image stk-reset' width='768' height='1024' loading='lazy' />
</picture></div></figure></div></div><div data-col-width="3" class="stk-grid-col stk-grid-col_empty" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div></div><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Ты начал учёбу почти два года назад. Как твои успехи сейчас?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Ещё учусь. На выпускном курсе универа на меня навалилось много задач: диплом, фриланс по сайтам и логотипам, работа в «Бургер Кинге» и учёба в Skillbox. Утром я ехал в вуз, затем возвращался домой, обедал и бежал на работу, пахал там часов до девяти, а вечером сидел над проектами.</p><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— До интервью ты рассказал о проблемах с тайм-менеджментом, но, судя по всему, тебе просто не хватало времени…</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Я мечтал успевать всё на свете: учиться в вузе и на курсе, работать для денег и для души. Даже пару раз выгорал из-за этого. Помню, сижу уставший и думаю: «Господи, Рома, это не твоё». Я описал свою проблему куратору чата студентов Юлии, и она предложила отвлечься — несколько дней не использовать компьютер и другие девайсы. Помогло.</p><p class="stk-reset" data-ce-tag="paragraph">Ещё, конечно, важна правильная мотивация. Когда у меня нет сил, я просто смотрю, какие крутые работы делают другие дизайнеры, и понимаю, что обязан научиться рисовать так же.</p><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— А назови своих любимых графических дизайнеров.</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Есть команда <a class="stk-reset" href="https://www.behance.net/Secondsyndicate" target="_blank">Second Syndicate</a> — в своих иллюстрациях они используют элементы роботов. Ты узнаешь их работу среди миллиона других — вот это, я понимаю, единый стиль!</p><div class="stk-container sklbx-browser" data-ce-tag="container" data-container-name="Окно браузера"><div class="sklbx-browser__header">
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
</div><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div data-ce-tag="mask" class="stk-mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07004425052021_8030470e7a309631d867df478ab7146328586bcf.png.webp" data-image-id='13266' data-image-name='Снимок экрана 2021-03-26 в 13.39.03.png' class='stk-image stk-reset' width='2167' height='1283' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07004425052021_8030470e7a309631d867df478ab7146328586bcf.png" data-image-id='13266' data-image-name='Снимок экрана 2021-03-26 в 13.39.03.png' class='stk-image stk-reset' width='2167' height='1283' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Примеры работ студии Second Syndicate. Изображения: Second Syndicate / <a class="stk-reset" href="https://www.behance.net/Secondsyndicate" target="_blank">Behance</a></figcaption></figure></div><p class="stk-reset" data-ce-tag="paragraph">Из дизайнерских студий мне нравится <a href="https://pinkman.ru" target="_blank" class="stk-reset">Pinkman</a>. Они оформляют сайты, создают фирменный стиль, занимаются полной адаптацией бренда. Было бы круто в будущем поработать с ними :)</p></div></div><div class="stk-theme_26309__mb_15 stk-grid" data-ce-tag="grid"><div data-col-width="12" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><h2 class="stk-theme_26309__style_large_header stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">Зачем усложнять задачи и как относиться к критике</strong></h2><p class="stk-reset" id="third" data-ce-tag="paragraph"><strong class="stk-reset">— Ты сказал про проблемы со временем. А как справлялся с остальным?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Все проблемы я создавал себе сам. Я не хотел делать по примерам преподавателя и подходил к домашним заданиям по-своему — усложнял их. Например, по заданию нужно было сверстать небольшую брошюру для любой компании. Я решил, что это слишком легко. В итоге придумал свой проект, посвящённый тюнингу советских автомобилей, и сверстал полноценный журнал на 24 полосы. С настоящими рассказами людей и фотографиями.</p><p class="stk-reset" data-ce-tag="paragraph">Кстати, эта домашка вдохновила меня на одну идею. Я сижу в автомобильном сообществе <a class="stk-reset" href="https://www.drive2.ru" target="_blank">DRIVE2.RU</a>, где каждый месяц проводят конкурс на лучший автопроект. И я в рамках этого конкурса хочу предложить организаторам свои услуги — оформлять памятный буклет с работами участников на постоянной основе.</p><div class="stk-gallery stk-gallery stk-gallery" data-ce-tag="gallery"><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07043525052021_fa31d6679471f53c3d4e06e45c6d7a864bb6dbfd.jpg.webp" data-image-id='13267' data-image-name='Журнал.jpg' width='1500' height='1243' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07043525052021_fa31d6679471f53c3d4e06e45c6d7a864bb6dbfd.jpg" data-image-id='13267' data-image-name='Журнал.jpg' width='1500' height='1243' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Журнал на 24 полосы про тюнинг советских авто, который Роман сделал в рамках курса. Готовый проект журнала можно посмотреть <a class="stk-reset" href="https://www.behance.net/gallery/117281739/Sputnik-Automobile-magazine" target="_blank">здесь</a></figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07043625052021_c0f7f0c3306f3d59b5b05533613e43e0c1e7f8a1.jpg.webp" data-image-id='13269' data-image-name='Журнал_3.jpg' width='1500' height='1243' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07043625052021_c0f7f0c3306f3d59b5b05533613e43e0c1e7f8a1.jpg" data-image-id='13269' data-image-name='Журнал_3.jpg' width='1500' height='1243' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Журнал на 24 полосы про тюнинг советских авто, который Роман сделал в рамках курса</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07043525052021_50e1bd3be9eef8c0c4121b071607d2a4d71be2ec.jpg.webp" data-image-id='13268' data-image-name='Журнал_2.jpg' width='1500' height='1243' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07043525052021_50e1bd3be9eef8c0c4121b071607d2a4d71be2ec.jpg" data-image-id='13268' data-image-name='Журнал_2.jpg' width='1500' height='1243' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Журнал на 24 полосы про тюнинг советских авто, который Роман сделал в рамках курса</figcaption></figure></div><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Выходит, у тебя за время учёбы не было невыполнимых задач?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Одно домашнее задание показалось мне очень сложным: надо было придумать концепцию бренда с нуля, его айдентику, логотип, выбрать цветовую гамму. Это был большой объём задач, над которым я целый месяц размышлял и ещё тысячу раз передумывал. В итоге получился концепт компании по доставке завтраков. Я оформил работу и выложил её в своё <a class="stk-reset" href="https://www.behance.net/after_affect" target="_blank">портфолио</a>.</p><div class="stk-gallery stk-gallery stk-gallery" data-ce-tag="gallery"><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07084225052021_7da4c959c97b920a1ec3c2989f47a70c37bcd5a4.png.webp" data-image-id='13270' data-image-name='Снимок экрана 2021-03-26 в 13.42.12.png' width='1385' height='761' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07084225052021_7da4c959c97b920a1ec3c2989f47a70c37bcd5a4.png" data-image-id='13270' data-image-name='Снимок экрана 2021-03-26 в 13.42.12.png' width='1385' height='761' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Проект «Завтрак будит» для здоровых завтраков. Роман разработал концепцию фирменного стиля продукции</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07084225052021_d5c7000351f78e29ca1ecec5c12b0dc8da9c90de.png.webp" data-image-id='13271' data-image-name='Снимок экрана 2021-03-26 в 13.42.15.png' width='1378' height='846' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07084225052021_d5c7000351f78e29ca1ecec5c12b0dc8da9c90de.png" data-image-id='13271' data-image-name='Снимок экрана 2021-03-26 в 13.42.15.png' width='1378' height='846' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Проект «Завтрак будит» для здоровых завтраков. Роман разработал концепцию фирменного стиля продукции</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07084225052021_c8f2ba62eb6935c3166cb132373e7b4f3635eeb1.png.webp" data-image-id='13272' data-image-name='Снимок экрана 2021-03-26 в 13.42.29.png' width='1394' height='857' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07084225052021_c8f2ba62eb6935c3166cb132373e7b4f3635eeb1.png" data-image-id='13272' data-image-name='Снимок экрана 2021-03-26 в 13.42.29.png' width='1394' height='857' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Проект «Завтрак будит» для здоровых завтраков. Роман разработал концепцию фирменного стиля продукции</figcaption></figure></div><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— А как относишься к критике?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Я её очень люблю! Мне нравится, когда работу принимают не с первого раза — это значит, что мне есть что доработать. Конструктивная критика — это в помощь, а не в обиду. Если преподаватель постоянно говорит тебе: «О, so good, ты крутой чувак!» — ты рано или поздно переоценишь себя.</p><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset" data-gtm-vis-has-fired-10171822_255="1">— А ты уже сталкивался с жёсткими отзывами о своих работах?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Да, но они всё равно были полезными. Недавно я проходил собеседование в крутую казанскую студию. Мне перезвонили и сообщили радостную новость: меня не берут. Мы общались с директором полчаса, обсуждали меня и мой вектор развития. Он сказал: «Я вижу, что у тебя есть задатки, но то, что ты делаешь на данном этапе, — это отстой». Он посоветовал устраиваться в Москву на удалёнку и работать за небольшие деньги в крутых студиях — лишь бы показать себя.</p><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Он не взял тебя на работу, но не остался равнодушным и дал обратную связь — это круто.</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Кроме того, он натолкнул меня на правильные мысли. Он спросил: «На сколько процентов ты готов отдаватьскя профессии и насколько ты безбашенный?» А ведь, если посмотреть мой распорядок дня, я именно такой. И это очень важно для развития. Он посоветовал мне посмотреть фильм «<a class="stk-reset" href="https://www.kinopoisk.ru/film/725190/" target="_blank" data-gtm-vis-has-fired-10171822_255="1">Одержимость</a>», и я узнал в главном герое себя. История посвящена обезумевшему от барабанов чуваку, который готов сделать всё, лишь бы добиться успеха в своём деле.</p><div class="stk-grid" data-ce-tag="grid"><div data-col-width="2" class="stk-grid-col stk-grid-col_empty" data-stk-css="" data-stk-css-m="" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div><div data-col-width="7" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="stk-container sklbx-browser" data-ce-tag="container" data-container-name="Окно браузера"><div class="sklbx-browser__header">
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
</div><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div data-ce-tag="mask" class="stk-mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07095025052021_b0394ce1e6edec71e47dbe06f8df142619b72a71.jpg.webp" data-image-id='13273' data-image-name='Процесс рисования первой иллюстрации.jpg' class='stk-image stk-reset' width='780' height='1040' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07095025052021_b0394ce1e6edec71e47dbe06f8df142619b72a71.jpg" data-image-id='13273' data-image-name='Процесс рисования первой иллюстрации.jpg' class='stk-image stk-reset' width='780' height='1040' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Процесс создания иллюстрации Романа</figcaption></figure></div></div><div data-col-width="3" class="stk-grid-col stk-grid-col_empty" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div></div><p class="stk-reset" id="fourth" data-ce-tag="paragraph"><strong class="stk-reset">— Как у тебя в итоге сложилась карьера?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Недавно я устроился в медиагруппу «<a href="https://rim-group.ru" target="_blank" class="stk-reset">РИМ</a>». Они занимаются наружной рекламой. Я работаю дизайнером билбордов. У этого направления есть своя специфика. Посыл на билборде должен читаться мгновенно: когда потенциальный клиент едет по автомагистрали, у него есть только пять секунд, чтобы усвоить информацию. Поэтому никаких длинных слов, маленьких букв и сложных картинок. Если можно обойтись текстом «БЕТОН» с номером телефона — вообще круто.</p><p class="stk-reset" data-ce-tag="paragraph">Мне только предстоит узнать, как правильно и красиво делать такую рекламу, но я уже увлёкся этим. «РИМ» — это не суперизвестное агентство, но, пока есть хоть какое-то пространство для роста, им нужно пользоваться.</p><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Расскажи о каком-нибудь заказе, который ты уже успел выполнить для агентства.</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Моим первым заданием стал билборд для компании, которая асфальтирует дороги в Казани. Заказчик попросил изобразить половину дороги разрушенной, а половину — идеально асфальтированной. Я решил между этими двумя частями сделать пограничный промежуток с дырками — в жизни же не бывает, чтобы плохая дорога моментально превращалась в ровную!</p><p class="stk-reset" data-ce-tag="paragraph">Заказчик посмотрел и говорит: «Ты хочешь, чтобы у меня клиентов не осталось? Сделай, как я прошу». Переделал.</p><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— А почему ты вообще устроился в офис, а не работаешь на удалёнке?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Я хотел работать в офисе, чтобы общаться с коллегами. Я очень обрадовался, когда узнал, что в агентстве работают ещё три дизайнера: смогу перенять у них опыт и общаться на профильные темы.</p><div class="stk-gallery stk-gallery stk-gallery" data-ce-tag="gallery"><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07103725052021_6df7939f255f1752bfad32c09b0436217d384c80.jpg.webp" data-image-id='13275' data-image-name='IqUf_0X53bQ.jpg' width='2160' height='2160' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07103725052021_6df7939f255f1752bfad32c09b0436217d384c80.jpg" data-image-id='13275' data-image-name='IqUf_0X53bQ.jpg' width='2160' height='2160' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">В разработке у Романа — свой стикерпак, посвящённый машинам</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07103725052021_4e48d6e97cc169a9ca9e4df605de6404b6272bca.jpg.webp" data-image-id='13274' data-image-name='ftS_8q2PMbU.jpg' width='2560' height='1384' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07103725052021_4e48d6e97cc169a9ca9e4df605de6404b6272bca.jpg" data-image-id='13274' data-image-name='ftS_8q2PMbU.jpg' width='2560' height='1384' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">В разработке у Романа — свой стикерпак, посвящённый машинам</figcaption></figure></div></div></div><div class="stk-theme_26309__mb_15 stk-grid" data-ce-tag="grid"><div data-col-width="12" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><h2 class="stk-theme_26309__style_large_header stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">Об эстетике машин и хорошем дизайне</strong></h2><p class="stk-reset" id="fifth" data-ce-tag="paragraph"><strong class="stk-reset">— Какая у тебя личная история с советским автопромом? Я заметила, что многие работы посвящены этой тематике.</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Как говорится, тазовод — это в крови :) Но я не из тех владельцев ВАЗа, которые любят посадить автомобиль на кузов и громко слушать музыку. Я считаю, что старые автомобили — это эстетика и искусство в железе.</p><p class="stk-reset" data-ce-tag="paragraph">Недавно я купил девятку — ВАЗ-2109 1987 года. И когда я устаю от работы, то думаю над тем, как её преобразовать и улучшить. Наверное, сделаю тюнинг «стенс» — это аккуратный стиль, когда все элементы машины сочетаются по стилистике. Как минимализм в дизайне: ничего лишнего.</p><div class="stk-grid" data-ce-tag="grid"><div data-col-width="2" class="stk-grid-col stk-grid-col_empty" data-stk-css="" data-stk-css-m="" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div><div data-col-width="7" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="stk-container sklbx-browser" data-ce-tag="container" data-container-name="Окно браузера"><div class="sklbx-browser__header">
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
</div><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div data-ce-tag="mask" class="stk-mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07115025052021_d83b3b6227e704576a2e96bdb2c765c46dfbd1fd.jpg.webp" data-image-id='13276' data-image-name='IqOvy7Ud6bg.jpg' class='stk-image stk-reset' width='1440' height='1920' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07115025052021_d83b3b6227e704576a2e96bdb2c765c46dfbd1fd.jpg" data-image-id='13276' data-image-name='IqOvy7Ud6bg.jpg' class='stk-image stk-reset' width='1440' height='1920' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">Машина Романа — ВАЗ-2109</figcaption></figure></div></div><div data-col-width="3" class="stk-grid-col stk-grid-col_empty" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div></div><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Что бы ты изменил в дизайне российского автопрома?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— У наших автопроизводителей совсем не запоминающиеся билборды: они тусклые и совершенно не продающие. Эту ситуацию я бы хотел исправить. В рамках одного из заданий на курсе я даже придумал новый слоган и визуализацию для компании LADA.</p><div class="stk-gallery stk-gallery stk-gallery" data-ce-tag="gallery"><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07124525052021_6f84faaa2b535e985b45953c39cf449acbdcb6b0.jpg.webp" data-image-id='13278' data-image-name='whn59h0kAt0.jpg' width='2560' height='2048' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07124525052021_6f84faaa2b535e985b45953c39cf449acbdcb6b0.jpg" data-image-id='13278' data-image-name='whn59h0kAt0.jpg' width='2560' height='2048' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">«Я сделал слоган „LADA — впечатления каждый день“. Здесь двойной смысл. Серьёзный — на машине в любой момент можно отправиться в путешествие, а шуточный — что авто также каждый день ломается»</figcaption></figure><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div class="stk-mask" data-ce-tag="mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07124425052021_35ea3b9c71dbe41ab92aee41d1cb17a69a36fc95.jpg.webp" data-image-id='13277' data-image-name='d2CLYD8tzoE.jpg' width='1920' height='1080' class='stk-image stk-reset' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07124425052021_35ea3b9c71dbe41ab92aee41d1cb17a69a36fc95.jpg" data-image-id='13277' data-image-name='d2CLYD8tzoE.jpg' width='1920' height='1080' class='stk-image stk-reset' loading='lazy' />
</picture></div><figcaption class="stk-reset stk-description" data-ce-tag="description">«А здесь красный шарик отсылает к фильму „Оно“, что и говорит о чудовищности скидок»</figcaption></figure></div><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Ты почти окончил курс и устроился на работу по специальности. Как ты планируешь развиваться в дизайне дальше?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Моя цель — освоить motion-дизайн. Хочу совмещать работу по 2D и 3D, чтобы делать более качественные и функциональные проекты. Пока я умею создавать только примитивные анимации в Photoshop, но я активно осваиваю Cinema 4D и <span class="stk-reset" data-stk-footnote-link="fn4gTRD" data-gtm-vis-has-fired-10171822_255="1">Blender</span>. Помню, как однажды для домашней работы я не мог найти <span class="stk-reset" data-stk-footnote-link="fn1YUVH" data-gtm-vis-has-fired-10171822_255="1">мокапы</span> пластиковых стаканчиков и купил их за 1200 рублей. Потом подумал: умел бы работать в 3D, сам бы создал эти стаканчики!</p><div class="stk-grid" data-ce-tag="grid"><div data-col-width="2" class="stk-grid-col stk-grid-col_empty" data-stk-css="" data-stk-css-m="" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div><div data-col-width="7" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><div class="stk-container sklbx-browser" data-ce-tag="container" data-container-name="Окно браузера"><div class="sklbx-browser__header">
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
<div class="sklbx-browser__button"></div>
</div><figure class="stk-reset stk-image-figure" data-ce-tag="image-figure"><div data-ce-tag="mask" class="stk-mask"><picture >
<source srcset="https://248006.selcdn.ru/main/upload/setka_images/07134825052021_5dfab9807b91b8e2bb4dd2d2a815d1aefa038799.jpg.webp" data-image-id='13279' data-image-name='Астро.jpg' class='stk-image stk-reset' width='1296' height='1728' loading='lazy' type='image/webp' />
<img src="https://248006.selcdn.ru/main/upload/setka_images/07134825052021_5dfab9807b91b8e2bb4dd2d2a815d1aefa038799.jpg" data-image-id='13279' data-image-name='Астро.jpg' class='stk-image stk-reset' width='1296' height='1728' loading='lazy' />
</picture></div></figure></div></div><div data-col-width="3" class="stk-grid-col stk-grid-col_empty" data-ce-tag="grid-col"><p class="ce-element--empty stk-element_no-text stk-reset" data-ce-tag="paragraph"></p></div></div></div></div><div class="stk-theme_26309__mb_05 stk-grid" data-ce-tag="grid"><div data-col-width="12" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col"><h2 class="stk-theme_26309__style_large_header stk-reset" data-ce-tag="paragraph"><strong class="stk-reset" data-gtm-vis-has-fired-10171822_255="1">Блиц</strong></h2><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Что тебя вдохновляет?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— В творчестве: чужие работы на <a href="https://www.behance.net" target="_blank" class="stk-reset">Behance</a> или <a href="https://dribbble.com" target="_blank" class="stk-reset">Dribbble</a>. В жизни: простые мелочи — прогулки, кино, разговоры. Люблю творить под музыку. А ещё мне нравится автоблогер «<a href="https://www.youtube.com/channel/UCG4yz4wtp2E5S62L06yqC9w" target="_blank" class="stk-reset">Ильдар авто-подбор</a>»: он безвозмездно совершает добрые дела и через экран вдохновляет меня жить и работать от всего сердца.</p><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Какие ресурсы или книги помогают тебе расти в профессии?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Из книг по дизайну мне понравились «<a href="https://www.livelib.ru/book/1000594654-dizajn-eto-rabota-majk-montejro" target="_blank" class="stk-reset">Дизайн — это работа</a>» Майка Монтейро и «<a href="https://www.chitai-gorod.ru/catalog/book/1054368/" target="_blank" class="stk-reset">Дизайн для реального мира</a>» Виктора Папанека. Ещё мне помогает чат с одногруппниками по Skillbox: мы делимся своими работами, обсуждаем и оцениваем друг друга. Опыт у всех совершенно разный: например, есть студент Евгений, который уже 14 лет в дизайне.</p><p class="stk-reset" data-ce-tag="paragraph"><strong class="stk-reset">— Рынок дизайна большой. Как планируешь выделяться?</strong></p><p class="stk-reset" data-ce-tag="paragraph">— Делать качественно и круто — и тогда рано или поздно всё получится.</p></div></div><div class="stk-footnote stk-footnote--hide" data-ce-tag="footnote" data-stk-footnote-body="fnqOSHo" data-stk-show="mouseover" style="display:none"><div class="stk-footnote__close"></div><div class="stk-footnote__body"><p class="stk-theme_26309__style_small_text stk-reset" data-ce-tag="paragraph">Программа для создания трёхмерной графики и анимации.</p></div></div><div class="stk-footnote stk-footnote--hide" data-ce-tag="footnote" data-stk-footnote-body="fnFUT4n" data-stk-show="mouseover" style="display:none"><div class="stk-footnote__close"></div><div class="stk-footnote__body"><p class="stk-theme_26309__style_small_text stk-reset" data-ce-tag="paragraph">Растровое изображение состоит из тысяч разноцветных точек.</p></div></div><div class="stk-footnote stk-footnote--hide" data-ce-tag="footnote" data-stk-footnote-body="fnup-bO" data-stk-show="mouseover" style="display:none"><div class="stk-footnote__close"></div><div class="stk-footnote__body"><p class="stk-theme_26309__style_small_text stk-reset" data-ce-tag="paragraph">Векторное изображение состоит из опорных точек и соединяющих их линий. Используется в полиграфическом дизайне.</p></div></div><div class="stk-footnote stk-footnote--hide" data-ce-tag="footnote" data-stk-footnote-body="fnkSqf1" data-stk-show="mouseover" style="display:none"><div class="stk-footnote__close"></div><div class="stk-footnote__body"><p class="stk-theme_26309__style_small_text stk-reset" data-ce-tag="paragraph">Казанский национальный исследовательский технический университет имени А. Н. Туполева. Бывший Казанский авиационный институт.</p></div></div><div class="stk-footnote stk-footnote--hide" data-ce-tag="footnote" data-stk-footnote-body="fnyTXjA" data-stk-show="mouseover" style="display:none"><div class="stk-footnote__close"></div><div class="stk-footnote__body"><p class="stk-theme_26309__style_small_text stk-reset" data-ce-tag="paragraph">Программа для разработки интерфейсов.</p></div></div><div class="stk-footnote stk-footnote--hide" data-ce-tag="footnote" data-stk-footnote-body="fn4gTRD" data-stk-show="mouseover" style="display:none"><div class="stk-footnote__close"></div><div class="stk-footnote__body"><p class="stk-theme_26309__style_small_text stk-reset" data-ce-tag="paragraph">Программа для создания трёхмерной компьютерной графики.</p></div></div><div class="stk-footnote stk-footnote--hide" data-ce-tag="footnote" data-stk-footnote-body="fn1YUVH" data-stk-show="mouseover" style="display:none"><div class="stk-footnote__close"></div><div class="stk-footnote__body"><p class="stk-theme_26309__style_small_text stk-reset" data-ce-tag="paragraph">Мокап (от англ. mock-up — макет) — это детализированное изображение реального предмета, на который при печати будет наноситься изображение.</p></div></div></div></body></html>
</div>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-8 col-poster">
<div class="article-preview-info">
</div>
</div>
<noindex>
<div class="share" data-nosnippet>
<button class="share__handler-btn ">
<span class="share__handler-icon">
<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 4.99902L6 0V2.99805C2.688 2.99805 0 5.68505 0 8.99805V11.498H0.0980225C0.765022 8.91205 3.107 6.99805 5.901 6.99805H6.00098V9.99805L11 4.99902Z" fill="currentColor"/>
</svg>
</span>
<span class="share__handler-text">Поделиться</span>
</button>
<div class="share__list">
<a href="#" class="share__item" data-code="vk">
<span class="share__item-icon share__item-icon--vk">
<svg width="9" height="5" viewBox="0 0 9 5" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.04776 4.98054H4.53996C4.62377 4.97136 4.70279 4.9361 4.76621 4.87951C4.81226 4.81209 4.83594 4.73139 4.83369 4.64925C4.83369 4.64925 4.82574 3.94629 5.1314 3.84125C5.43701 3.73621 5.826 4.51998 6.23879 4.82297C6.39281 4.95308 6.59128 5.01558 6.79053 4.99669L7.89399 4.98054C7.89399 4.98054 8.47355 4.94415 8.19965 4.46339C7.98372 4.08315 7.70589 3.743 7.37799 3.45744C6.68338 2.77872 6.77865 2.8878 7.61219 1.71216C8.12024 0.997077 8.32269 0.556717 8.25918 0.370875C8.14651 0.254767 7.98299 0.205914 7.82655 0.241594L6.58018 0.249674C6.52565 0.241067 6.46984 0.251007 6.42141 0.277954C6.37298 0.314507 6.33466 0.363228 6.31025 0.419356C6.18259 0.772814 6.0287 1.11586 5.8498 1.44552C5.29807 2.43936 5.07579 2.49188 4.98451 2.43128C4.77416 2.28584 4.82574 1.85356 4.82574 1.54248C4.82574 0.580957 4.96468 0.176954 4.55979 0.0719133C4.36879 0.0254376 4.17259 0.00505841 3.97631 0.0113129C3.62834 -0.0214164 3.27745 0.017045 2.94429 0.124433C2.8014 0.197154 2.69423 0.358753 2.76171 0.370875C2.90334 0.385518 3.03406 0.454932 3.12688 0.564795C3.21268 0.750336 3.25481 0.953675 3.24993 1.15868C3.24993 1.15868 3.32535 2.29392 3.07925 2.43532C2.91254 2.53228 2.68232 2.33432 2.18616 1.4334C2.01958 1.11848 1.87243 0.793298 1.74557 0.459754C1.72231 0.404013 1.68704 0.354309 1.64236 0.314316C1.58589 0.272672 1.52066 0.245006 1.45184 0.233514L0.268986 0.241594C0.181167 0.241154 0.0958013 0.271066 0.0268587 0.326434C-0.00595087 0.396174 -0.00882613 0.476652 0.0189202 0.548633C0.0189202 0.548633 0.947737 2.83932 1.99563 3.99477C2.51 4.60651 3.2568 4.96526 4.04776 4.98054Z" fill="white"/>
</svg>
</span>
<span class="share__item-text">Vkontakte</span>
</a>
<a href="#" class="share__item" data-code="tw">
<span class="share__item-icon share__item-icon--tw">
<svg width="9" height="7" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.52788 0.00144284V0H5.9158L6.05754 0.027414C6.15204 0.0452114 6.23783 0.068535 6.31491 0.0973918C6.39201 0.126249 6.46661 0.159917 6.53872 0.198391C6.61083 0.236864 6.67623 0.276066 6.73492 0.315982C6.79311 0.355422 6.84533 0.397265 6.89158 0.441509C6.93733 0.486237 7.0087 0.49778 7.10568 0.476138C7.20266 0.454495 7.3071 0.424433 7.419 0.38596C7.5309 0.347487 7.64156 0.304201 7.75097 0.256104C7.86039 0.208007 7.92703 0.177469 7.95091 0.164484C7.97428 0.151022 7.98671 0.143808 7.98821 0.142841L7.98969 0.140677L7.99715 0.13707L8.00461 0.133463L8.01207 0.129856L8.01953 0.126249L8.02102 0.124084L8.02326 0.122642L8.02551 0.121199L8.02699 0.119034L8.03445 0.11687L8.04191 0.115427L8.04043 0.126249L8.03818 0.13707L8.03445 0.147891L8.03072 0.158713L8.02699 0.165927L8.02326 0.173141L8.01953 0.183962C8.01705 0.191176 8.01456 0.200793 8.01207 0.212819C8.00959 0.224845 7.98596 0.272935 7.9412 0.357103C7.89644 0.441271 7.84049 0.526637 7.77335 0.613208C7.70621 0.699778 7.64604 0.765182 7.59283 0.809434C7.53911 0.854162 7.50355 0.885421 7.48614 0.903219C7.46874 0.921492 7.4476 0.938323 7.42273 0.953718L7.38543 0.977525L7.37797 0.981132L7.37051 0.984739L7.36902 0.986903L7.36678 0.988346L7.36454 0.989789L7.36305 0.991953L7.35559 0.99556L7.34813 0.999168L7.34664 1.00133L7.3444 1.00277L7.34216 1.00422L7.34067 1.00638L7.33918 1.00855L7.33694 1.00999L7.3347 1.01143L7.33321 1.0136H7.37051L7.57939 0.970311C7.71865 0.941454 7.85168 0.906588 7.9785 0.865705L8.17992 0.800777L8.2023 0.793563L8.21349 0.789956L8.22095 0.786348L8.22841 0.782741L8.23587 0.779134L8.24333 0.775527L8.25825 0.773363L8.27317 0.77192V0.786348L8.26944 0.787791L8.26571 0.789956L8.26423 0.79212L8.26198 0.793563L8.25974 0.795006L8.25825 0.79717L8.25677 0.799334L8.25452 0.800777L8.25228 0.80222L8.25079 0.804384L8.24931 0.806548L8.24706 0.807991L8.24333 0.815205L8.2396 0.82242L8.23736 0.823862C8.23637 0.825305 8.20479 0.866181 8.14262 0.946504C8.08046 1.0273 8.04689 1.06818 8.04191 1.06915C8.03694 1.07059 8.02997 1.0778 8.02102 1.09079C8.01257 1.10425 7.95985 1.15788 7.86287 1.25166C7.76589 1.34545 7.67091 1.42889 7.57791 1.502C7.48441 1.57558 7.43716 1.666 7.43616 1.77325C7.43467 1.88002 7.42895 2.00074 7.419 2.13541C7.40905 2.27007 7.3904 2.41555 7.36305 2.57186C7.3357 2.72817 7.29342 2.90492 7.23623 3.10211C7.17904 3.29929 7.10941 3.49168 7.02735 3.67925C6.94529 3.86681 6.8595 4.03514 6.76998 4.18424C6.68046 4.33334 6.5984 4.45958 6.5238 4.56299C6.4492 4.66639 6.37336 4.76378 6.29626 4.85516C6.21918 4.94654 6.12171 5.04947 6.00384 5.16393C5.88547 5.27791 5.82082 5.34044 5.80988 5.3515C5.79844 5.36208 5.74971 5.40152 5.66365 5.46981C5.57812 5.53858 5.48611 5.60736 5.38763 5.67614C5.28966 5.74443 5.19964 5.80143 5.11758 5.84711C5.03552 5.8928 4.93655 5.94498 4.82067 6.00366C4.70529 6.06282 4.58046 6.11765 4.44618 6.16815C4.3119 6.21865 4.17016 6.26554 4.02096 6.30882C3.87176 6.35211 3.72753 6.38578 3.58827 6.40982C3.44903 6.43387 3.29112 6.45431 3.11456 6.47114L2.84973 6.49639V6.5H2.36483V6.49639L2.30142 6.49279C2.25915 6.49038 2.22433 6.48797 2.19698 6.48557C2.16963 6.48317 2.06643 6.46994 1.88739 6.44589C1.70835 6.42185 1.56785 6.3978 1.4659 6.37375C1.36395 6.34971 1.21225 6.30401 1.01083 6.23668C0.809413 6.16935 0.637087 6.10129 0.493854 6.03252C0.351121 5.96422 0.261601 5.92094 0.225293 5.90266C0.189485 5.88487 0.149201 5.86275 0.10444 5.83629L0.0373001 5.79661L0.0358156 5.79445L0.0335701 5.79301L0.0313321 5.79156L0.0298401 5.7894L0.0223801 5.78579L0.0149201 5.78219L0.0134355 5.78002L0.01119 5.77858L0.00895204 5.77714L0.00746003 5.77497L0.00597548 5.77281L0.00373001 5.77137H0V5.75694L0.00746003 5.75838L0.0149201 5.76054L0.0484902 5.76415C0.0708703 5.76655 0.131796 5.77016 0.231261 5.77497C0.330733 5.77978 0.436412 5.77978 0.548312 5.77497C0.660213 5.77016 0.774605 5.75934 0.891474 5.74251C1.00835 5.72568 1.14636 5.69682 1.30551 5.65594C1.46466 5.61505 1.61087 5.56648 1.74416 5.51021C1.87695 5.45346 1.97144 5.41114 2.02764 5.38324C2.08334 5.35583 2.16838 5.30484 2.28277 5.2303L2.45435 5.11848L2.45584 5.11632L2.45808 5.11487L2.46033 5.11343L2.46181 5.11127L2.4633 5.1091L2.46554 5.10766L2.46779 5.10622L2.46927 5.10405L2.47673 5.10189L2.48419 5.10044L2.48568 5.09323L2.48792 5.08602L2.49017 5.08457L2.49165 5.08241L2.43197 5.0788C2.39219 5.0764 2.35364 5.07399 2.31634 5.07159C2.27904 5.06918 2.2206 5.05836 2.14103 5.03912C2.06146 5.01988 1.97567 4.99103 1.88366 4.95255C1.79165 4.91408 1.70213 4.86838 1.6151 4.81548C1.52807 4.76258 1.46515 4.71857 1.42636 4.68346C1.38807 4.64883 1.33833 4.59978 1.27716 4.53629C1.21648 4.47233 1.16376 4.40668 1.119 4.33934C1.07424 4.27202 1.03148 4.19433 0.990699 4.10633L0.928774 3.97503L0.925044 3.96421L0.921314 3.95339L0.919076 3.94617L0.917584 3.93896L0.928774 3.9404L0.939964 3.94256L1.02202 3.95339C1.07674 3.9606 1.16253 3.963 1.27939 3.9606C1.39627 3.9582 1.47709 3.95339 1.52185 3.94617C1.56661 3.93896 1.59396 3.93414 1.60391 3.93174L1.61883 3.92814L1.63748 3.92453L1.65613 3.92092L1.65762 3.91876L1.65986 3.91731L1.6621 3.91587L1.66359 3.91371L1.64867 3.9101L1.63375 3.90649L1.61883 3.90289L1.60391 3.89928L1.58899 3.89567C1.57904 3.89327 1.56164 3.88846 1.53677 3.88124C1.5119 3.87403 1.44476 3.84757 1.33535 3.80189C1.22594 3.7562 1.1389 3.71171 1.07424 3.66842C1.00943 3.62501 0.947626 3.57754 0.889235 3.5263C0.831047 3.47436 0.767145 3.40751 0.697513 3.32575C0.627888 3.24399 0.565724 3.149 0.511012 3.04079C0.456308 2.93257 0.415277 2.82917 0.387922 2.73058C0.360676 2.63256 0.3427 2.53235 0.334217 2.43119L0.320781 2.27969L0.328241 2.28113L0.335701 2.2833L0.343161 2.2869L0.350621 2.29051L0.358081 2.29412L0.365541 2.29772L0.481172 2.34822C0.558264 2.38189 0.653998 2.41075 0.768383 2.43479C0.882775 2.45884 0.951154 2.47207 0.973534 2.47447L1.0071 2.47808H1.07424L1.07276 2.47592L1.07051 2.47447L1.06828 2.47303L1.06678 2.47087L1.0653 2.4687L1.06305 2.46726L1.06082 2.46582L1.05932 2.46365L1.05186 2.46004L1.0444 2.45644L1.04292 2.45427L1.04067 2.45283L1.03844 2.45139L1.03694 2.44922L1.02948 2.44562L1.02202 2.44201L1.02054 2.43984C1.01905 2.43888 0.99766 2.42349 0.956376 2.39367C0.915592 2.36337 0.872823 2.32418 0.828063 2.27608C0.783303 2.22798 0.738543 2.17749 0.693783 2.12458C0.64894 2.07156 0.609 2.01483 0.574422 1.95505C0.539614 1.89493 0.502806 1.81846 0.464014 1.72564C0.425721 1.6333 0.396627 1.54023 0.376731 1.44645C0.356843 1.35266 0.345653 1.26008 0.343161 1.1687C0.340677 1.07732 0.343161 0.999168 0.350621 0.93424C0.358081 0.869312 0.373001 0.795965 0.395382 0.714206C0.417762 0.632448 0.450093 0.545877 0.492362 0.454495L0.555772 0.317425L0.559502 0.306604L0.563232 0.295782L0.565478 0.29434L0.566962 0.292175L0.568454 0.290011L0.570692 0.288568L0.572938 0.290011L0.574422 0.292175L0.575914 0.29434L0.578152 0.295782L0.580398 0.297225L0.581882 0.29939L0.583374 0.301554L0.585612 0.302997L0.589342 0.310211L0.593072 0.317425L0.595318 0.318868L0.596802 0.321032L0.697513 0.429245C0.764653 0.501387 0.844229 0.581948 0.936234 0.670921C1.02825 0.759894 1.07922 0.806065 1.08916 0.809434C1.09912 0.813279 1.11154 0.824338 1.12646 0.842619C1.14138 0.860417 1.19112 0.902981 1.27567 0.970311C1.36022 1.03764 1.47087 1.1158 1.60764 1.20477C1.74441 1.29375 1.89609 1.38152 2.0627 1.46809C2.22931 1.55466 2.40835 1.63281 2.59982 1.70255C2.7913 1.77229 2.92558 1.81798 3.00266 1.83962C3.07975 1.86127 3.21154 1.88892 3.39804 1.92259C3.58454 1.95625 3.72505 1.9779 3.81954 1.98751C3.91403 1.99713 3.97869 2.00266 4.0135 2.00411L4.06572 2.00555L4.06423 1.99473L4.06199 1.98391L4.04707 1.89373C4.03712 1.83361 4.03215 1.74944 4.03215 1.64123C4.03215 1.53302 4.04085 1.43322 4.05826 1.34184C4.07567 1.25046 4.10178 1.15788 4.13659 1.0641C4.1714 0.970311 4.20547 0.895038 4.23879 0.838291C4.27261 0.78202 4.31687 0.717814 4.37158 0.645671C4.42629 0.573529 4.49716 0.498985 4.58419 0.422031C4.67122 0.345077 4.77069 0.276542 4.88259 0.216426C4.99449 0.15631 5.09769 0.110615 5.19218 0.0793563C5.28668 0.0480971 5.36625 0.0276521 5.4309 0.0180355C5.49556 0.00841898 5.52788 0.00288568 5.52788 0.00144284Z" fill="white"/>
</svg>
</span>
<span class="share__item-text">Twitter</span>
</a>
<a href="#" class="share__item" data-code="tg">
<span class="share__item-icon share__item-icon--tg">
<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.39589 3.04852C1.39589 3.04852 5.05491 1.51189 6.32392 0.9708C6.8104 0.754384 8.46012 0.0617918 8.46012 0.0617918C8.46012 0.0617918 9.22155 -0.241191 9.15809 0.494655C9.13692 0.797667 8.96773 1.85815 8.79854 3.00523C8.54472 4.62846 8.26976 6.40316 8.26976 6.40316C8.26976 6.40316 8.22746 6.90097 7.86791 6.98753C7.50836 7.0741 6.91613 6.68455 6.8104 6.59795C6.72577 6.53304 5.22411 5.5591 4.6742 5.08295C4.52614 4.9531 4.35695 4.6934 4.69533 4.39039C5.45676 3.67617 6.36622 2.78882 6.91613 2.2261C7.16995 1.96638 7.42374 1.36038 6.36622 2.09622C4.86456 3.15674 3.38403 4.15231 3.38403 4.15231C3.38403 4.15231 3.04561 4.36873 2.41111 4.17394C1.77657 3.97918 1.03631 3.71945 1.03631 3.71945C1.03631 3.71945 0.528726 3.39481 1.39589 3.04852Z" fill="white"/>
</svg>
</span>
<span class="share__item-text">Telegram</span>
</a>
<a href="#" class="share__item js-share-item-copy">
<span class="share__item-icon share__item-icon--copy">
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.19922 5.40327C4.37217 5.63449 4.59283 5.8258 4.84622 5.96425C5.09962 6.10269 5.37982 6.18501 5.66783 6.20564C5.95584 6.22627 6.24492 6.18471 6.51546 6.08379C6.78599 5.98287 7.03166 5.82495 7.2358 5.62074L8.44399 4.41255C8.81079 4.03277 9.01375 3.52412 9.00917 2.99615C9.00458 2.46818 8.79281 1.96313 8.41946 1.58978C8.04611 1.21644 7.54106 1.00466 7.01309 1.00008C6.48512 0.995488 5.97647 1.19845 5.59669 1.56525L4.904 2.25392" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.81002 4.59658C5.63707 4.36536 5.41641 4.17404 5.16302 4.0356C4.90962 3.89716 4.62942 3.81483 4.34141 3.79421C4.0534 3.77358 3.76432 3.81514 3.49379 3.91605C3.22325 4.01697 2.97758 4.17489 2.77344 4.3791L1.56525 5.58729C1.19845 5.96707 0.995488 6.47572 1.00008 7.0037C1.00466 7.53167 1.21644 8.03672 1.58978 8.41006C1.96313 8.78341 2.46818 8.99518 2.99615 8.99977C3.52412 9.00436 4.03277 8.80139 4.41255 8.43459L5.10122 7.74592" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="share__item-text">Скопировать ссылку</span>
</a>
</div>
</div>
</noindex>
</div>
<section class="container inset" data-banner="222569" data-source="202861" data-format="horizontal">
<section class="container inset" data-format="horizontal">
<div class="row">
<div class="col-lg-8 col-sm-12">
<a data-source="202861" data-banner="222569" target="_blank" href="https://skillbox.ru/course/profession-graphdesigner/" class="article-advert-banner__link courseLink" data-format="horizontal" data-type="horizontal" data-courseid="3254">
<div class="inset__wrapper" style="background-color: #e9e9f5;">
<div class="inset__content">
<h2 class="inset__header">Курс</h2>
<p class="inset__description">
Профессия Графический дизайнер PRO </p>
<p class="inset__text">
Вы научитесь создавать элементы фирменного стиля и графику для бизнеса. Соберёте портфолио, которое отразит ваш стиль и подтвердит навыки дизайнера. Сможете начать карьеру в студии или на фрилансе. </p>
<p class="inset__button article-advert-banner__link"> Узнать про курс</p>
</div>
<div class="inset__image">
<img src="https://skillbox.ru/upload/setka_images/graphdiz_h.png" width="145" height="145" alt="">
</div>
</div>
</a>
</div>
</div>
</section> </section>
<div class="adfox_banner" data-type="adfox"><div
class="article-detail-banner article-detail-banner--type-four"
style="background: #E4FCCC;"
>
<div class="article-detail-banner__content">
<div class="article-detail-banner__title">
Бесплатные курсы для тех, кто хочет развиваться в дизайне:
</div>
<ul>
<li><a data-source="202861" data-banner="226555" href="https://bootcamp.skillbox.ru/graphicdesigner/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-741_all_inside_skillbox
" target="_blank">Графический дизайн с нуля</a></li>
<li><a href="https://bootcamp.skillbox.ru/webdesign/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-706_all_inside_skillbox" target="_blank">Cтарт в веб-дизайне</a></li>
<li><a href="https://bootcamp.skillbox.ru/decor-land-interior/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-650_all_inside_skillbox" target="_blank">Интерьеры, ландшафт и декорирование</a></li>
<li><a href="https://bootcamp.skillbox.ru/uxui/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-707_all_inside_skillbox" target="_blank">Знакомимся с UX/UI</a></li>
<li><a href="https://bootcamp.skillbox.ru/digital-design/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-623_all_inside2_skillbox" target="_blank">Старт в дизайне с нуля для новичков</a></li>
</div>
<div class="article-detail-banner__image">
<img
loading="lazy"
src="/local/templates/media/images/banner/image2.png"
alt=""
>
</div>
</div></div> </section>
<div class="article-banner" data-banner="219278" data-source="202861" data-format="vertical" data-type="vertical">
<div class="row">
<div class="col-sm-4 col-sm-12">
<div class="inset__wrapper" style="background-color:#f2eeff;">
<div class="inset__content" >
<div class="inset__image" style="text-align: top;">
<img src="https://skillbox.ru/upload/setka_images/diz_t.png" width="150" height="150" alt="">
</div>
<p class="inset__description" style="color:#000!important; padding-bottom:13px;">
Учитесь дизайну на практике — бесплатно</p>
<p class="inset__text" style="color:#000!important">
Курсы за <del>2990</del> 0 р. </p>
<ul class="inset__content" style="color:#007bff!important; list-style:'\2713 ' outside; margin-left:13px;">
<li style="list-style:'\2713 '; padding-left:2px; margin-bottom:6px">
<a data-source="202861" data-banner="219278" href="https://bootcamp.skillbox.ru/graphicdesigner/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-741_all_design_skillbox" target="_blank">Графический дизайн</a>
</li>
<li style="list-style:'\2713 '; padding-left:2px; margin-bottom:6px">
<a href="https://bootcamp.skillbox.ru/decor-land-interior/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-650_all_design_skillbox" target="_blank">Интерьеры, ландшафт и декорирование</a>
</li>
<li style="list-style:'\2713 '; padding-left:2px; margin-bottom:6px">
<a href="https://bootcamp.skillbox.ru/webdesign/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-706_all_design_skillbox" target="_blank">Веб-дизайн</a>
</li>
<li style="list-style:'\2713 '; padding-left:2px; margin-bottom:6px">
<a href="https://bootcamp.skillbox.ru/uxui/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-707_all_design_skillbox" target="_blank">UX/UI</a>
</li>
</ul>
<a href="https://bootcamp.skillbox.ru/digital-design/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-623_all_design_skillbox" class="inset__button article-advert-banner__link" target="_blank" style="color:#000; background-color:#ffafff">Не знаю, с чего начать</a>
</div>
</div>
</div>
</div> </div>
<a data-source="202861" data-banner="225373" target="_blank" href="https://bootcamp.skillbox.ru/digital-design/?utm_source=media&utm_medium=banners&utm_campaign=all_all_media_banners_invite_bootcamp-623_all_design_skillbox" class="article-banner article-advert-banner__link" style="background-color: #f2eeff!important;" data-format="top" data-type="top">
<div class="article-banner__img">
<img src="https://skillbox.ru/upload/setka_images/graphdiz_h.png" alt="">
</div>
<span class="article-banner__title"><b>Попробуйте бесплатно 4 топовые профессии в дизайне
</b><br>
Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше.
</span>
<span class="article-banner__link">Пройти курс→</span> </a>
<section class="container news">
<div class="row">
<div class="col-lg-8 col-sm-12">
<h2 class="news__header">Новости</h2>
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-4 col-12 news__item">
<a href="/media/design/dizayner-nik-bentel-sozdal-sumku-dlya-seti-supermarketov-lidl/" class="news__text">
Дизайнер Ник Бентел создал сумку для сети супермаркетов Lidl </a>
<span class="news__date">20 фев 2026</span>
</div>
<div class="col-xl-4 col-lg-6 col-md-4 col-12 news__item">
<a href="/media/design/arhitektor-serena-minyatti-zavershila-rekonstrukciyu-penthausa-toma-yorka/" class="news__text">
Архитектор Серена Миньятти завершила реконструкцию пентхауса Тома Йорка </a>
<span class="news__date">20 фев 2026</span>
</div>
<div class="col-xl-4 col-lg-6 col-md-4 col-12 news__item">
<a href="/media/design/magnit-kosmetik-provela-rebrending-i-smenila-arhitekturu-brenda/" class="news__text">
«Магнит Косметик» провела ребрендинг и сменила архитектуру бренда </a>
<span class="news__date">19 фев 2026</span>
</div>
</div>
</div>
</div>
</section>
<div class="slider-news-wrap media-catalog-content media-catalog-content--interesting">
<div class="container">
<div class="slider-news slider-news--article-slider js-slider-news">
<div class="slider-news__header">
<div class="slider-news__title" style="font-family: 'Graphik'; font-weight: 500;">
<span class="slider-news__title-notmob">Это интересно</span>
<span class="slider-news__title-mob">Это интересно</span>
</div>
<div class="slider-news__nav-wrapper">
<div class="slider-news__nav-button button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true">
<svg viewBox="0 0 9 15" width="9" height="15" class="icon">
<use xlink:href="/static/svg/svg-symbols-site.svg#icon-arrow-chevron" href="/static/svg/svg-symbols-site.svg#icon-arrow-chevron"></use>
</svg>
</div>
<div class="slider-news__nav-button button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false">
<svg viewBox="0 0 9 15" width="9" height="15" class="icon">
<use xlink:href="/static/svg/svg-symbols-site.svg#icon-arrow-chevron" href="/static/svg/svg-symbols-site.svg#icon-arrow-chevron"></use>
</svg>
</div>
</div>
</div>
<div class="slider-news__carousel grad-end">
<div class="slider-news__container swiper-container swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper">
<div class="slider-news__slide swiper-slide swiper-slide-active" style="margin-right: 20px;">
<div class="news-block__item">
<div class="news-block__img" style="margin-bottom: 8px;">
<picture>
<img src="https://248006.selcdn.ru/main/iblock/b52/b52d13cea8228e26355908e4cd8c8ce7/64f9ab9a1f1d8b6ab575a801b792f049.jpg">
</picture> </div>
<a href="/media/design/celeb-ai-selfie-hj/" class="news-block__title" style="font-family: 'Graphik'; font-size: 14px; line-height: 19px; -webkit-line-clamp: 4; font-weight: 500">
Фото со знаменитостью: разбираем лучшие ИИ и промпты </a>
</div>
</div>
<div class="slider-news__slide swiper-slide swiper-slide-active" style="margin-right: 20px;">
<div class="news-block__item">
<div class="news-block__img" style="margin-bottom: 8px;">
<picture>
<img src="https://248006.selcdn.ru/main/iblock/318/31842f88305140565f83289f3b2c50a5/f26ef13523053b6853b0786f2127f92b.jpg">
</picture> </div>
<a href="/media/design/free-warehouse-design/" class="news-block__title" style="font-family: 'Graphik'; font-size: 14px; line-height: 19px; -webkit-line-clamp: 4; font-weight: 500">
7 бесплатных программ для ландшафтного дизайна участка </a>
</div>
</div>
<div class="slider-news__slide swiper-slide swiper-slide-active" style="margin-right: 20px;">
<div class="news-block__item">
<div class="news-block__img" style="margin-bottom: 8px;">
<picture>
<img src="https://248006.selcdn.ru/main/iblock/5fd/5fd6cf8d6a8576b011d51983f5e0bb03/1e4c167c264c8782d91b4bf1ab289b0b.jpg">
</picture> </div>
<a href="/media/design/istoriya-dizayna-20102020-h-chast-pervaya-graficheskiy-dizayn/" class="news-block__title" style="font-family: 'Graphik'; font-size: 14px; line-height: 19px; -webkit-line-clamp: 4; font-weight: 500">
История дизайна 2010–2020-х. Часть первая: графический дизайн </a>
</div>
</div>
<div class="slider-news__slide swiper-slide swiper-slide-active" style="margin-right: 20px;">
<div class="news-block__item">
<div class="news-block__img" style="margin-bottom: 8px;">
<picture>
<img src="https://248006.selcdn.ru/main/iblock/4a9/4a9d3fdbc108d8063f1a1c69270f319e/6631ba31071b464429640911b4849895.jpg">
</picture> </div>
<a href="/media/design/story-andemirkan-kodzov/" class="news-block__title" style="font-family: 'Graphik'; font-size: 14px; line-height: 19px; -webkit-line-clamp: 4; font-weight: 500">
Из Росгвардии в веб-дизайн: как Андемиркан вернул в свою жизнь творчество и красоту </a>
</div>
</div>
<div class="slider-news__slide swiper-slide swiper-slide-active" style="margin-right: 20px;">
<div class="news-block__item">
<div class="news-block__img" style="margin-bottom: 8px;">
<picture>
<img src="https://248006.selcdn.ru/main/iblock/d8d/d8d64014b88724ece984468984d84b61/e361455e4982931c582704fdd46d3c6e.jpg">
</picture> </div>
<a href="/media/design/3d-webstocks/" class="news-block__title" style="font-family: 'Graphik'; font-size: 14px; line-height: 19px; -webkit-line-clamp: 4; font-weight: 500">
Бесплатные библиотеки 3D-моделей для Blender </a>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
</div>
</div>
<div class="question">
<div class="container">
<div class="question__inner">
<div class="question__title">Понравилась статья?</div>
<a href="#" data-cur-url="/media/design/story-roman-makarov/"
class="question__btn js-modalLink" data-mfp-src="#modalAuth">Да</a>
</div>
</div>
</div>
</div>
<span
data-area="article-bottom"
data-current-url="/media/design/story-roman-makarov/"
data-id="202861">
</span>
</div>
<script type="application/ld+json">
{"@context":"http:\/\/schema.org","@type":"Article","url":"https:\/\/skillbox.ru\/media\/design\/story-roman-makarov\/","headline":"\u00ab\u041e\u043d\u0438 \u0443\u0432\u0438\u0434\u0435\u043b\u0438 \u043c\u043e\u0439 \u043d\u0430\u0431\u0440\u043e\u0441\u043e\u043a \u0432\u00a0\u0442\u0435\u0442\u0440\u0430\u0434\u0438 \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u0443\u00bb","articleSection":"\u0414\u0438\u0437\u0430\u0439\u043d","articleBody":"\r\n \r\n\r\n\r\n\r\n\r\n— Что произошло \r\nв деревне?\r\n\r\n— Это целая \r\nистория! Связь в деревне была просто ужасной, а интернет работал только в сельском клубе, и то по субботам. Когда мне позвонил менеджер, я был у речки. Принял звонок, и всё — молчание. Понял, что сеть пропала и надо срочно что-то делать. Побежал к дому, залез на гараж-пристройку и уже оттуда перезвонил.\r\n\r\n— Классная история. \r\nПрям как в той новости про омского студента, который залезал на дерево, ловил связь и слушал оттуда лекции :)\r\n\r\n— Да, но это \r\nещё не всё :)\r\n\r\nПотом, сидя на этом же \r\nгараже, я звонил в банк по поводу рассрочки. Тот ещё кадр: сижу на крыше с паспортом, диктую данные, записываю кодовые слова, а рядом петух орёт «кукареку-кукареку».\r\n\r\nДальше ещё смешнее. \r\nНа следующий день мне снова позвонил сотрудник банка и попросил перенести приём документов. Я только хотел спросить о причине, как вдруг слышу у него на заднем фоне блеяние овец. Говорю: «Вы тоже в деревне?» Он отвечает: «Да» — и всё встаёт на свои места :)\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n— Ты начал учёбу \r\nпочти два года назад. Как твои успехи сейчас?\r\n\r\n— Ещё учусь. \r\nНа выпускном курсе универа на меня навалилось много задач: диплом, фриланс по сайтам и логотипам, работа в «Бургер Кинге» и учёба в Skillbox. Утром я ехал в вуз, затем возвращался домой, обедал и бежал на работу, пахал там часов до девяти, а вечером сидел над проектами.\r\n\r\n— До интервью \r\nты рассказал о проблемах с тайм-менеджментом, но, судя по всему, тебе просто не хватало времени…\r\n\r\n— Я мечтал успевать \r\nвсё на свете: учиться в вузе и на курсе, работать для денег и для души. Даже пару раз выгорал из-за этого. Помню, сижу уставший и думаю: «Господи, Рома, это не твоё». Я описал свою проблему куратору чата студентов Юлии, и она предложила отвлечься — несколько дней не использовать компьютер и другие девайсы. Помогло.\r\n\r\nЕщё, конечно, \r\nважна правильная мотивация. Когда у меня нет сил, я просто смотрю, какие крутые работы делают другие дизайнеры, и понимаю, что обязан научиться рисовать так же.\r\n\r\n— А назови своих \r\nлюбимых графических дизайнеров.\r\n\r\n— Есть команда \r\nSecond Syndicate — в своих иллюстрациях они используют элементы роботов. Ты узнаешь их работу среди миллиона других — вот это, я понимаю, единый стиль!\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\nПримеры работ студии Second Syndicate. Изображения: Second Syndicate \/ Behance \r\n\r\nИз дизайнерских \r\nстудий мне нравится Pinkman . Они оформляют сайты, создают фирменный стиль, занимаются полной адаптацией бренда. Было бы круто в будущем поработать с ними :)\r\n\r\nЗачем усложнять \r\nзадачи и как относиться к критике\r\n\r\n— Ты сказал \r\nпро проблемы со временем. А как справлялся с остальным?\r\n\r\n— Все проблемы \r\nя создавал себе сам. Я не хотел делать по примерам преподавателя и подходил к домашним заданиям по-своему — усложнял их. Например, по заданию нужно было сверстать небольшую брошюру для любой компании. Я решил, что это слишком легко. В итоге придумал свой проект, посвящённый тюнингу советских автомобилей, и сверстал полноценный журнал на 24 полосы. С настоящими рассказами людей и фотографиями.\r\n\r\nКстати, эта домашка \r\nвдохновила меня на одну идею. Я сижу в автомобильном сообществе DRIVE2.RU , где каждый месяц проводят конкурс на лучший автопроект. И я в рамках этого конкурса хочу предложить организаторам свои услуги — оформлять памятный буклет с работами участников на постоянной основе.\r\n\r\n\r\n\r\n \r\nЖурнал на 24 полосы про тюнинг советских авто, который Роман сделал в рамках курса. Готовый проект журнала можно посмотреть здесь \r\n\r\n\r\n \r\nЖурнал на 24 полосы про тюнинг советских авто, который Роман сделал в рамках курса\r\n\r\n\r\n \r\nЖурнал на 24 полосы про тюнинг советских авто, который Роман сделал в рамках курса\r\n\r\n— Выходит, у тебя \r\nза время учёбы не было невыполнимых задач?\r\n\r\n— Одно домашнее \r\nзадание показалось мне очень сложным: надо было придумать концепцию бренда с нуля, его айдентику, логотип, выбрать цветовую гамму. Это был большой объём задач, над которым я целый месяц размышлял и ещё тысячу раз передумывал. В итоге получился концепт компании по доставке завтраков. Я оформил работу и выложил её в своё портфолио .\r\n\r\n\r\n\r\n \r\nПроект «Завтрак будит» для здоровых завтраков. Роман разработал концепцию фирменного стиля продукции\r\n\r\n\r\n \r\nПроект «Завтрак будит» для здоровых завтраков. Роман разработал концепцию фирменного стиля продукции\r\n\r\n\r\n \r\nПроект «Завтрак будит» для здоровых завтраков. Роман разработал концепцию фирменного стиля продукции\r\n\r\n— А как относишься \r\nк критике?\r\n\r\n— Я её очень \r\nлюблю! Мне нравится, когда работу принимают не с первого раза — это значит, что мне есть что доработать. Конструктивная критика — это в помощь, а не в обиду. Если преподаватель постоянно говорит тебе: «О, so good, ты крутой чувак!» — ты рано или поздно переоценишь себя.\r\n\r\n— А ты уже сталкивался \r\nс жёсткими отзывами о своих работах?\r\n\r\n— Да, но они \r\nвсё равно были полезными. Недавно я проходил собеседование в крутую казанскую студию. Мне перезвонили и сообщили радостную новость: меня не берут. Мы общались с директором полчаса, обсуждали меня и мой вектор развития. Он сказал: «Я вижу, что у тебя есть задатки, но то, что ты делаешь на данном этапе, — это отстой». Он посоветовал устраиваться в Москву на удалёнку и работать за небольшие деньги в крутых студиях — лишь бы показать себя.\r\n\r\n— Он не взял \r\nтебя на работу, но не остался равнодушным и дал обратную связь — это круто.\r\n\r\n— Кроме того, \r\nон натолкнул меня на правильные мысли. Он спросил: «На сколько процентов ты готов отдаватьскя профессии и насколько ты безбашенный?» А ведь, если посмотреть мой распорядок дня, я именно такой. И это очень важно для развития. Он посоветовал мне посмотреть фильм «Одержимость », и я узнал в главном герое себя. История посвящена обезумевшему от барабанов чуваку, который готов сделать всё, лишь бы добиться успеха в своём деле.\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\nПроцесс создания иллюстрации Романа\r\n\r\n\r\n\r\n\r\n— Как у тебя \r\nв итоге сложилась карьера?\r\n\r\n— Недавно я устроился \r\nв медиагруппу «РИМ ». Они занимаются наружной рекламой. Я работаю дизайнером билбордов. У этого направления есть своя специфика. Посыл на билборде должен читаться мгновенно: когда потенциальный клиент едет по автомагистрали, у него есть только пять секунд, чтобы усвоить информацию. Поэтому никаких длинных слов, маленьких букв и сложных картинок. Если можно обойтись текстом «БЕТОН» с номером телефона — вообще круто.\r\n\r\nМне только предстоит \r\nузнать, как правильно и красиво делать такую рекламу, но я уже увлёкся этим. «РИМ» — это не суперизвестное агентство, но, пока есть хоть какое-то пространство для роста, им нужно пользоваться.\r\n\r\n— Расскажи о каком-нибудь \r\nзаказе, который ты уже успел выполнить для агентства.\r\n\r\n— Моим первым \r\nзаданием стал билборд для компании, которая асфальтирует дороги в Казани. Заказчик попросил изобразить половину дороги разрушенной, а половину — идеально асфальтированной. Я решил между этими двумя частями сделать пограничный промежуток с дырками — в жизни же не бывает, чтобы плохая дорога моментально превращалась в ровную!\r\n\r\nЗаказчик посмотрел \r\nи говорит: «Ты хочешь, чтобы у меня клиентов не осталось? Сделай, как я прошу». Переделал.\r\n\r\n— А почему ты вообще \r\nустроился в офис, а не работаешь на удалёнке?\r\n\r\n— Я хотел работать \r\nв офисе, чтобы общаться с коллегами. Я очень обрадовался, когда узнал, что в агентстве работают ещё три дизайнера: смогу перенять у них опыт и общаться на профильные темы.\r\n\r\n\r\n\r\n \r\nВ разработке у Романа — свой стикерпак, посвящённый машинам\r\n\r\n\r\n \r\nВ разработке у Романа — свой стикерпак, посвящённый машинам\r\n\r\nОб эстетике \r\nмашин и хорошем дизайне\r\n\r\n— Какая у тебя \r\nличная история с советским автопромом? Я заметила, что многие работы посвящены этой тематике.\r\n\r\n— Как говорится, \r\nтазовод — это в крови :) Но я не из тех владельцев ВАЗа, которые любят посадить автомобиль на кузов и громко слушать музыку. Я считаю, что старые автомобили — это эстетика и искусство в железе.\r\n\r\nНедавно я купил \r\nдевятку — ВАЗ-2109 1987 года. И когда я устаю от работы, то думаю над тем, как её преобразовать и улучшить. Наверное, сделаю тюнинг «стенс» — это аккуратный стиль, когда все элементы машины сочетаются по стилистике. Как минимализм в дизайне: ничего лишнего.\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\nМашина Романа — ВАЗ-2109\r\n\r\n\r\n\r\n\r\n— Что бы ты изменил \r\nв дизайне российского автопрома?\r\n\r\n— У наших автопроизводителей \r\nсовсем не запоминающиеся билборды: они тусклые и совершенно не продающие. Эту ситуацию я бы хотел исправить. В рамках одного из заданий на курсе я даже придумал новый слоган и визуализацию для компании LADA.\r\n\r\n\r\n\r\n \r\n«Я сделал слоган „LADA — впечатления каждый день“. Здесь двойной смысл. Серьёзный — на машине в любой момент можно отправиться в путешествие, а шуточный — что авто также каждый день ломается»\r\n\r\n\r\n \r\n«А здесь красный шарик отсылает к фильму „Оно“, что и говорит о чудовищности скидок»\r\n\r\n— Ты почти окончил \r\nкурс и устроился на работу по специальности. Как ты планируешь развиваться в дизайне дальше?\r\n\r\n— Моя цель — \r\nосвоить motion-дизайн. Хочу совмещать работу по 2D и 3D, чтобы делать более качественные и функциональные проекты. Пока я умею создавать только примитивные анимации в Photoshop, но я активно осваиваю Cinema 4D и Blender. Помню, как однажды для домашней работы я не мог найти мокапы пластиковых стаканчиков и купил их за 1200 рублей. Потом подумал: умел бы работать в 3D, сам бы создал эти стаканчики!\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\nБлиц\r\n\r\n— Что тебя вдохновляет?\r\n\r\n— В творчестве: \r\nчужие работы на Behance или Dribbble . В жизни: простые мелочи — прогулки, кино, разговоры. Люблю творить под музыку. А ещё мне нравится автоблогер «Ильдар авто-подбор »: он безвозмездно совершает добрые дела и через экран вдохновляет меня жить и работать от всего сердца.\r\n\r\n— Какие ресурсы \r\nили книги помогают тебе расти в профессии?\r\n\r\n— Из книг по дизайну \r\nмне понравились «Дизайн — это работа » Майка Монтейро и «Дизайн для реального мира » Виктора Папанека. Ещё мне помогает чат с одногруппниками по Skillbox: мы делимся своими работами, обсуждаем и оцениваем друг друга. Опыт у всех совершенно разный: например, есть студент Евгений, который уже 14 лет в дизайне.\r\n\r\n— Рынок дизайна \r\nбольшой. Как планируешь выделяться?\r\n\r\n— Делать качественно \r\nи круто — и тогда рано или поздно всё получится.\r\n\r\n\r\n\r\n\r\nПрограмма для \r\nсоздания трёхмерной графики и анимации.\r\n\r\n\r\n\r\n\r\nРастровое изображение \r\nсостоит из тысяч разноцветных точек.\r\n\r\n\r\n\r\n\r\nВекторное изображение \r\nсостоит из опорных точек и соединяющих их линий. Используется в полиграфическом дизайне.\r\n\r\n\r\n\r\n\r\nКазанский национальный \r\nисследовательский технический университет имени А. Н. Туполева. Бывший Казанский авиационный институт.\r\n\r\n\r\n\r\n\r\nПрограмма для \r\nразработки интерфейсов.\r\n\r\n\r\n\r\n\r\nПрограмма для \r\nсоздания трёхмерной компьютерной графики.\r\n\r\n\r\n\r\n\r\nМокап (от англ. \r\nmock-up — макет) — это детализированное изображение реального предмета, на который при печати будет наноситься изображение.","author":{"@type":"Person","name":"\u0412\u0430\u043b\u0435\u0440\u0438\u044f \u041b\u043e\u0437\u043e\u0432\u0441\u043a\u0430\u044f","url":"https:\/\/skillbox.ru\/media\/authors\/valeriya-lozovskaya\/"},"publisher":{"@type":"Organization","name":"Skillbox","logo":{"@type":"ImageObject","url":"https:\/\/skillbox.ru\/static\/images\/skillbox.png"}},"mainEntityOfPage":{"@type":"WebPage","url":"https:\/\/skillbox.ru\/media\/design\/story-roman-makarov\/"},"datePublished":"2021-05-26T09:00:00Z","dateModified":"2022-11-02T07:34:54Z","image":{"@type":"ImageObject","url":["https:\/\/248006.selcdn.ru\/main\/iblock\/62b\/62bdacb3cbc5ffa1c3e6583f27a03a14\/ff256943943e49d42d93d27c05559e50.png"]},"description":"\u0412 \u0432\u0443\u0437\u0435 \u0420\u043e\u043c\u0430\u043d \u043e\u0442 \u0441\u043a\u0443\u043a\u0438 \u0440\u0438\u0441\u043e\u0432\u0430\u043b \u0432 \u0442\u0435\u0442\u0440\u0430\u0434\u0438, \u0438 \u0435\u0433\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u043b\u0438. \u042d\u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 — \u043e\u0442\u043f\u0440\u0430\u0432\u043d\u0430\u044f \u0442\u043e\u0447\u043a\u0430 \u043a \u0434\u0435\u0441\u044f\u0442\u043a\u0430\u043c \u0434\u0438\u0437\u0430\u0439\u043d-\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432."}
</script><script data-skip-moving="true" id="FiMjZmipVK5U4ODg">if (window.relap) window.relap.ar('FiMjZmipVK5U4ODg');</script> </div>
<script>
window.Section_id = 8;
</script>
</div>
</main>
<footer class="without-buttons">
<div class="footer__wrapper container">
<div class="footer__firstgroup">
<section class="footer__contactbox">
<address class="footer__contacts">
<p class="footer__contacts-block">
<a class="footer__phone link" href="tel:+74951540915">8 (800) 500-05-22</a>
<span class="footer__phone-caption">Контактный центр</span>
</p>
<p class="footer__contacts-block">
<a class="footer__phone link" href="tel:+74952915987">+7(495) 291-59-87</a>
<span class="footer__phone-caption">Отдел заботы о пользователях</span>
</p>
<p class="footer__address"> Москва, Ленинский проспект, дом 6, строение 20</p>
</address>
<ul class="social-contacts footer__social">
<li>
<a class="social-contacts__item" href="https://vk.com/skillbox_education"
aria-label="Вконтакте">
<img src="/static/images/footer/soc_vk.svg"/>
</a>
</li>
<li>
<a class="social-contacts__item"
href="https://www.youtube.com/channel/UC2FJq-Rr7v4SlKAoM7x0ZhA" aria-label="YouTube">
<img src="/static/images/footer/soc_tube.svg"/>
</a>
</li>
<li>
<a class="social-contacts__item" href="tg://resolve?domain=skillboxru"
aria-label="Telegram">
<img src="/static/images/footer/soc_tg.svg"/>
</a>
</li>
</ul>
<div class="footer__age-limit">
16+
</div>
</section>
<section class="footer__rewardbox">
<ul class="rewards footer__rewards">
<li>
<span class="rewards__item">
<img src="/static/images/footer/footer_runet.svg" alt=""/>
<span>Премии Рунета</span>
<span>2018, 2019, 2020</span>
</span>
</li>
</ul>
</section>
</div>
<section class="footer__linksbox">
<ul class="links__list links__list--courses">
<li class="links__item links__item--header">Все направления</li>
<li class="links__item"><a href="/code/?utm_source=media&utm_medium=button&utm_campaign=footerlink_code&utm_term=footer">Программирование</a></li>
<li class="links__item"><a href="/design/?utm_source=media&utm_medium=button&utm_campaign=footerlink_design&utm_term=footer">Дизайн</a></li>
<li class="links__item"><a href="/marketing/?utm_source=media&utm_medium=button&utm_campaign=footerlink_marketing&utm_term=footer">Маркетинг</a></li>
<li class="links__item"><a href="/management/?utm_source=media&utm_medium=button&utm_campaign=footerlink_management&utm_term=footer">Управление</a></li>
<li class="links__item"><a href="/games/?utm_source=media&utm_medium=button&utm_campaign=footerlink_gamedev&utm_term=footer">Игры</a></li>
<li class="links__item"><a href="/multimedia/?utm_source=media&utm_medium=button&utm_campaign=footerlink_multimedia&utm_term=footer">Мультимедиа</a></li>
<li class="links__item"><a href="/psychology/?utm_source=media&utm_medium=button&utm_campaign=footerlink_psychology&utm_term=footer">Психология</a></li>
<li class="links__item"><a href="/general-development/?utm_source=media&utm_medium=button&utm_campaign=footerlink_general-development&utm_term=footer">Общее развитие</a></li>
<li class="links__item"><a href="/engineering/?utm_source=media&utm_medium=button&utm_campaign=footerlink_engineering&utm_term=footer">Инженерия</a></li>
<li class="links__item"><a href="/english/?utm_source=media&utm_medium=button&utm_campaign=footerlink_english&utm_term=footer">Английский язык</a></li>
<li class="links__item"><a href="/other/?utm_source=media&utm_medium=button&utm_campaign=footerlink_other&utm_term=footer">Другое</a></li>
</ul>
<ul class="links__list links__list--about">
<li class="links__item links__item--header">О Skillbox</li>
<li class="links__item"><a href="/company/?utm_source=media&utm_medium=button&utm_campaign=footerlink_aboutskillbox&utm_term=footer">О Платформе</a></li>
<li class="links__item"><a href="/career/?utm_source=media&utm_medium=button&utm_campaign=footerlink_careercentr&utm_term=footer"> Центр карьеры</a></li>
<li class="links__item"><a href="/otzyvy/?utm_source=media&utm_medium=button&utm_campaign=footerlink_testimonials&utm_term=footer">Отзывы</a></li>
<li class="links__item"><a href="/contacts/?utm_source=media&utm_medium=button&utm_campaign=footerlink_skillboxcontacts&utm_term=footer">Контакты</a></li>
<li class="links__item"><a href="/jobs/?utm_source=media&utm_medium=button&utm_campaign=footerlink_jobs&utm_term=footer">Вакансии</a></li>
<li class="links__item"><a href="/teachers/?utm_source=media&utm_medium=button&utm_campaign=footerlink_school&utm_term=footer">Школа кураторов</a></li>
<li class="links__item"><a href="/sale/free/?utm_source=media&utm_medium=button&utm_campaign=footerlink_free&utm_term=footer">Бесплатно</a></li>
<li class="links__item"><a href="/media/topic/tests/?utm_source=media&utm_medium=button&utm_campaign=footerlink_tests&utm_term=footer">Онлайн-тесты</a></li>
</ul>
<ul class="links__list links__list--webinar">
<li class="links__item links__item--header">Вебинары</li>
<li class="links__item"><a href="https://live.skillbox.ru/?utm_source=media&utm_medium=button&utm_campaign=footerlink_webinars&utm_term=footer" target="_blank" rel="noopener">Все вебинары</a></li>
<li class="links__item"><a href="https://live.skillbox.ru/playlists/?utm_source=media&utm_medium=button&utm_campaign=footerlink_playlists&utm_term=footer" target="_blank" rel="noopener">Плейлисты</a></li>
<li class="links__item"><a href="https://live.skillbox.ru/calendar/?utm_source=media&utm_medium=button&utm_campaign=footerlink_schedule&utm_term=footer" target="_blank" rel="noopener">Расписание</a></li>
</ul>
<ul class="links__list links__list--last">
<li class="links__item links__journal"><a href="/media/" target="_blank" rel="noopener">Медиа</a></li>
<li class="links__item"><a href="https://partners.skillbox.ru/?utm_source=media&utm_medium=button&utm_campaign=footerlink_partners&utm_term=footer" target="_blank" rel="noopener">Партнерская программа</a></li>
<li class="links__item"><a href="https://b2b.skillbox.ru/?utm_source=media&utm_medium=button&utm_campaign=footerlink_b2b&utm_term=footer" target="_blank" rel="noopener">Корпоративным клиентам</a></li>
<li class="links__item"><a href="https://career.skillbox.ru/?utm_source=media&utm_medium=button&utm_campaign=footerlink_employees&utm_term=footer" target="_blank" rel="noopener">Для работодателей</a></li>
</ul>
</section>
</div>
<div class="footer__underline container">
<span class="footer__copy">
© Skillbox, 2026 </span>
<div>
<span class="footer__oferta">
<a href="/oferta.pdf" target="_blank">Договор оферты</a>
</span>
<span class="footer__payment">
<a href="/payments/" target="_blank">Оплата</a>
</span>
<span class="footer__use-policy">
<a href="/terms_of_use.pdf" target="_blank">Правила пользования Платформой</a>
<a href="/privacy_policy.pdf" target="_blank">Политика конфиденциальности</a>
</span>
</div>
</div>
</footer>
<div class="cookies">
<p class="cookies__desc">
Пользуясь нашим сайтом, вы соглашаетесь с тем, что
<a href="https://skillbox.ru/privacy_policy.pdf" target="_blank" rel="noopener"
type="application/pdf">мы используем cookies</a> 🍪
</p>
<button type="button" class="cookies__button">
Окей
</button>
</div>
<div class="subscribe-popup subscribe">
<div class="subscribe-popup__spacer-mobile"></div>
<div class="subscribe-popup__row-content ">
<button class="subscribe__close"></button>
<div class="subscribe__content">
<div data-subscribe-popup-success class="hidden">
<h2 class="subscribe__header-success">Спасибо за подписку! Забирайте 5 бесплатных курсов:</h2>
<ul class="subscribe__list-block">
<li>Найти себя в IT за 5 дней</li>
<li>Как найти себя в дизайне в 2025 году</li>
<li>Интерьеры, мебель, ландшафт и декорирование</li>
<li>Интернет-маркетинг на практике</li>
<li>Бизнес-аналитик, продакт- и проджект-менеджер</li>
</ul>
<div class="subscribe__btns-el">
<a
target="_blank"
href="https://refer.id/?bot=skillbox_main_bot&platform=telegram&verbose_name=Skillbox&bot_avatar=https://designer.ftrcdn.com/uploads/bot_avatars/medium_54ab1ce8c393eb3df1474846ce0a0e2c.png&n=137050&c=9209&bc_number=890&?utm_source=media&utm_medium=&utm_campaign=all_all_media_banners_invite_sbornik-890_all_bot_skillbox"
class="subscribe__el-btn">Получить доступ</a>
</div>
</div>
<div data-subscribe-popup-content>
<h2 class="subscribe__header">У нас есть классные рассылки!</h2>
<form action="/media/design/story-roman-makarov/" class="newsletter-form page-subscription__form3" data-type="popup">
<input type="hidden" name="action" value="subscribe">
<div class="subscribe__checkboxes"></div>
<div class="subscribe__email email_popup">
<input class="subscribe-form__input" type="text" name="email" placeholder="Email" >
<span class="subscribe-form__label-name">Электронная почта</span>
<button type="submit" class="popup-btn-click">Подписаться</button>
<span class="email__error">Поле необходимо заполнить</span>
</div>
<div class="subscribe-popup__checkbox-end">
<div class="subscribe-popup__checkbox-item" data-checkbox-personal-data>
<div class="subscribe__checkbox">
<input type="checkbox" name="agreements[PERS]" id="isCheckTrue" value="1" data-checkbox-personal-data-input>
<label for="isCheckTrue"><span>Я согласен на <a target="_blank" href="https://skillbox.ru/legal-docs/chou/file/privacy_policy/version-290425.pdf">обработку персональных данных</a></span></label>
</div>
<span class="email__error">Нужно ваше согласие</span>
</div>
<div class="subscribe__bottom">
<span>Нажимая на кнопку, я соглашаюсь с <a target="_blank" href="https://skillbox.ru/legal-docs/skillbox/file/terms_of_use/version-300824.pdf">правилами пользования Платформой</a></span>
</div>
<div class="subscribe-popup__checkbox-item" data-checkbox-personal-data-two>
<div class="subscribe__checkbox subscribe__checkbox--end" >
<input type="checkbox" name="agreements[ADS]" id="isAdsCalls" value="1" checked="" data-checkbox-personal-data-input-two>
<label for="isAdsCalls">Я согласен <a target="_blank" href="https://skillbox.ru/legal-docs/chou/file/soglasie-na-poluchenie-reklamy.pdf">получать рекламу и звонки</a></label>
</div>
<span class="email__error">Нужно ваше согласие</span>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- src="/static/images/articles/subscribe-popup-img.png" -->
</div>
<div class="bg-modal-overlay bg-modal-overlay--transparent"></div>
<script data-skip-moving="true" id="popup__data--formatted">
$(".popup-btn-click").on("click" , function (){
var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
let input = $(this).closest(".subscribe__email").find(".subscribe-form__input");
let inputValue = input.val();
if(emailPattern.test(inputValue)) {
(window["rrApiOnReady"] = window["rrApiOnReady"] || []).push(function() { rrApi.setEmail(inputValue);});
}
});
/*
window.popupData = {
"8": {
header: 'У нас есть классные рассылки про дизайн!!!',
category: 'Дизайн',
checkboxes: [
'Лучшие статьи про Дизайн',
'«Типографика без боли»'
]
},
"10": {
header: 'У нас есть классные рассылки про код',
category: 'Код',
checkboxes: [
'Лучшие статьи про Код и Людей кода',
'«Жизнь без багов»'
]
},
"18": {
category: 'Геймдев',
checkboxes: []
},
"21": {
header: 'У нас есть классные рассылки про бизнес',
category: 'Бизнес',
checkboxes: [
'Лучшие статьи про Бизнес',
'«Цифровая жизнь»',
'«EdTech по полочкам»'
]
},
"9": {
header: 'У нас есть классные рассылки про бизнес',
category: 'Маркетинг',
checkboxes: [
'Лучшие статьи про Бизнес',
'«Цифровая жизнь»',
'«EdTech по полочкам»'
]
},
"11": {
header: 'У нас есть классные рассылки про бизнес',
category: 'Управление',
checkboxes: [
'Лучшие статьи про Бизнес',
'«Цифровая жизнь»',
'«EdTech по полочкам»'
]
},
"17": {
category: 'Развитие',
checkboxes: []
},
"22": {
header: 'У нас есть классные рассылки про образование',
category: 'Образование',
checkboxes: [
'Лучшие статьи про Образование',
'«EdTech по полочкам»',
'«Мой успешный онлайн-курс»'
]
},
}
*/
window.popupData = {"header":"\u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0435 - \u043d\u0430 \u043f\u043e\u0447\u0442\u0443!\u003Cbr\/\u003E\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u043c\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438\u003Cbr\/\u003E\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 5 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043a\u0443\u0440\u0441\u043e\u0432:","category":"\u0414\u0438\u0437\u0430\u0439\u043d","checkboxes":{"23":"\u041c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442","24":"\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433","26":"\u041a\u043e\u0440\u043f. \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435","13":"\u0414\u0438\u0437\u0430\u0439\u043d","16":"\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435","15":"\u041e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435","17":"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u0433\u0440","18":"\u041f\u0441\u0438\u0445\u043e\u043b\u043e\u0433\u0438\u044f, \u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e"},"code":"design","scroll":true};
window.subscribePopupShow = 1;
</script>
<div class="copied">
<img src="/static/images/articles/done-circle.svg" alt="" class="copied__icon">
<p class="copied__text">
Ссылка скопирована
</p>
</div>
<!-- <style>@font-face{font-display:swap;font-family:Graphik;font-weight:500;font-style:normal;src:url(https://248006.selcdn.ru/Shared/fonts/GraphikLCTT-VA-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Graphik;font-weight:700;font-style:normal;src:url(https://248006.selcdn.ru/Shared/fonts/GraphikLCTT-VA-Bold.woff2) format("woff2")}.universal-notice{box-sizing:border-box;text-decoration:none;display:none;min-height:48px;color:var(--banner-color);background-color:var(--banner-bg);overflow:hidden;font-family:Graphik,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.universal-notice *{box-sizing:inherit}.universal-notice.universal-notice--active{display:block}.universal-notice--bitrix{z-index:1000}.universal-notice__wrapper{position:relative;-webkit-box-pack:start;justify-content:flex-start;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:12px;padding:4px 0}.universal-notice__title{position:relative;flex-shrink:0;width:132px;margin-right:27px;font-size:14px;line-height:20px;text-transform:uppercase}.universal-notice__timer{display:none;margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.universal-notice__button{flex-shrink:0;min-width:120px;padding:8px 12px;border-radius:25px;font-weight:500;font-size:12px;line-height:16px;color:#3925b7;text-align:center;text-transform:uppercase;background-color:#ffa6a6}@media (min-width:768px){.universal-notice{min-height:72px}.universal-notice__wrapper{-webkit-box-pack:center;justify-content:center;height:72px;margin:0}.universal-notice__title{width:252px;margin-right:32px;margin-left:20px;font-size:24px;line-height:32px}.universal-notice__button{min-width:200px;margin-right:20px;padding:14px 36px;font-size:16px;line-height:20px}}@media (min-width:768px) and (max-width:0px){.universal-notice{min-height:72px}.universal-notice__wrapper{-webkit-box-pack:center;justify-content:center;height:72px;margin:0}.universal-notice__title{width:252px;margin-right:32px;margin-left:20px;font-size:24px;line-height:32px}.universal-notice__button{min-width:200px;margin-right:20px;padding:14px 36px;font-size:16px;line-height:20px}}@media (min-width:1280px) and (max-width:0px){.universal-notice__wrapper{padding:0}.universal-notice__title{width:unset;margin-right:76px}.universal-notice__timer{flex-shrink:0;margin-right:32px;font-weight:700;font-size:24px;line-height:32px}.universal-notice__timer.js-universal-notice-active{display:-webkit-box;display:flex}.universal-notice__days{margin-right:5px}}@media (min-width:1280px){.universal-notice__wrapper{padding:0}.universal-notice__title{width:unset;margin-right:76px}.universal-notice__timer{flex-shrink:0;margin-right:32px;font-weight:700;font-size:24px;line-height:32px}.universal-notice__timer.js-universal-notice-active{display:-webkit-box;display:flex}.universal-notice__days{margin-right:5px}}</style>-->
</body>
</html>