// Руководитель проекта Дирижер креативного оркестра, мастер Figma-магии и визуальный стратег. Воплотила концепцию в жизнь, создав утонченный дизайн интерфейса.
Максим Кустов
// Архитектор сюжета & Frontend-маэстро Автор захватывающего сценария и главный конструктор сайта. Превратил текст и дизайн в интерактивное приключение с помощью HTML, CSS и JavaScript.
Софья Чухарева
// Генератор идей & Концепт-гуру мини-игр Исследователь интерактивных механик и идейный вдохновитель игровых элементов. Разработала концепции мини-игр, добавив динамики в повествование.
Полина Щуцкая
// Дизайн-исследователь & Эстет Figma Мастер поиска визуальных референсов и со-автор дизайна в Figma. Ее вклад обеспечил стилистическую целостность и привлекательность проекта.
Эрнест Титлинов
// Разработчик мини-игр & Код-алхимик Волшебник кода, который оживил игровые механики. Его работа добавила интерактивности и азарта в приключение Андрея Пикселёва.
×
Галерея Достижений
Андрей Пикселёв и Зазеркалье Правкограда
Андрей Пикселёв, дизайнер с душой художника и тайм-менеджментом ленивца, тоскливо взирал в сияющую пропасть своего Retina-дисплея. На экране, вместо долгожданного макета для Клиента-Которому-Все-Горит, зловеще пульсировала красная карточка в Asana: «ПРОЕКТ „КОСМИЧЕСКИЙ КЕТЧУП ДЛЯ МАРСИАНСКИХ КОЛОНИСТОВ“ – ФИНАЛЬНЫЙ ДЕДЛАЙН ЗАВТРА В 9:00 ПО ГРИНВИЧУ!!!».
Четвертая за это утро чашка с рафом на миндальном молоке, заказанным в той самой модной кофейне, где каждый второй посетитель самозабвенно творил магию на своем MacBook, источала аромат упущенных возможностей. Курсор мыши застыл над иконкой папки «Референсы_которые_я_никогда_не_использую».
Андрей тяжело вздохнул. Голова была пуста, а дедлайн неумолимо приближался. "Может, немного самоанализа поможет собраться с мыслями?" – пронеслось у него в голове.
Какой ты дизайнер?
Как ты подходишь к дедлайну по крупному проекту?
Какой ты дизайнер?
Какой инструмент или привычка помогает тебе больше всего?
Какой ты дизайнер?
Как реагируешь на экстренные правки от клиента?
Твой дизайнерский тип:
Разминка для глаз
Прежде чем неведомые силы вмешаются, Андрей решил проверить свою цветокоррекцию. Заказчик просил кнопку огненно-красного цвета. Нужно выбрать точный оттенок .
Внезапное вмешательство
Внезапно его верный, но вечно стремящийся к перегреву MacBook издал звук, напоминающий скрежет несмазанных шестеренок времени, смешанный с отчаянным писком системного уведомления: «Критически мало свободного места для вашего гения!». Экран подернулся рябью, словно его попытались открыть в Internet Explorer, а затем вспыхнул всеми оттенками радуги, которые обычно запрещают в брендбуках.
Из самого нутра трекпада, там, где обычно покоился его многострадальный указательный палец, высунулся… нет, не белый кролик с часами, а юркий, деловитый Красный Маркер Правки. Голова его напоминала секундомер, стрелки которого неслись с безумной скоростью. Он был одет в строгий костюмчик, а в руках держал миниатюрный iPad.
— Пикселёв! — проскрипел Маркер. — Опаздываешь! Катастрофически опаздываешь! Я на Великий Смотр! К самой Императрице Всех Технических Заданий! Она не прощает ни единого невыровненного элемента, ни пикселя несоответствия!
И, не дав Андрею возможности вставить хоть слово или хотя бы нажать Cmd+S, Маркер ловко нырнул обратно в трекпад. Тот мгновенно засиял, превратившись в портал, переливающийся всеми градиентами, которые Андрей так любил, но которые так часто не одобряли заказчики.
Войти в портал
Падение в цифровой вихрь
Он летел, кувыркаясь, сквозь цифровой вихрь, состоящий из обрывков векторных кривых, мимо проносились пиксельные артефакты, недоуменные смайлики из чатов с заказчиками, иконки проектов, погребенных под слоем «подумать позже», и грозные уведомления из Jira, помеченных как «Blocker! Highest Priority!».
Наконец, он мягко приземлился на что-то пружинящее, оказавшееся гигантской кнопкой «Ctrl+Z». Оглядевшись, Андрей понял, что попал в странную комнату. Стены ее были сплошь увешаны мудбордами, один абсурднее другого: тут и «сделайте нам лакшери, но чтобы дешево и сердито», и «хотим что-то свежее, но чтобы как у всех конкурентов, только лучше». Посреди комнаты стоял стол, а на нем – два весьма интересных предмета.
Слева манила к себе изящная флешка в форме иконки Illustrator с мерцающей надписью «Твори Сейчас Же!». От нее исходил терпкий аромат свежесмолотого кофе, смешанный с запахом коробки от нового графического планшета и едва уловимым намеком на вселенское признание.
Справа же возлежал аппетитный, идеально отрендеренный в Blender пончик с глазурью цвета #DAA520 – золотистого, разумеется! – посыпанный сахарной пудрой в виде мелких полигонов, с надписью «Погрузись в 3D-Нирвану». Он благоухал свежестью рендера, безмятежностью бесконечных нод и сладким обещанием уйти от двухмерных проблем.
Творческий импульс!
Душа дизайнера требовала немедленного действия! Андрей уверенно протянул руку к флешке. Не утруждая себя поиском USB-порта на своем фантомном теле, он, повинуясь внезапному озарению, приложил ее ко лбу. В тот же миг его разум озарился мириадами идей! Шрифты выстраивались в идеальные пары, цветовые схемы рождались сами собой, а композиции складывались с легкостью, достойной мастера каллиграфии! Он почувствовал себя настоящим демиургом дизайна, способным одним мановением стилуса создать нетленку… но одновременно с этим он начал стремительно уменьшаться, пока не стал размером с самый маленький кегль.
Андрей уменьшается...
Перед ним, на пышном облаке из лайков на Dribbble, лениво покачиваясь, возник Чеширский Кот-Фрилансер. Его улыбка, сотканная из чистейшего кода, то появлялась, то исчезала.
— Ну что, коллега, — промурлыкал Кот, его голос был мягким, как градиент. — ТЗ принес? Или снова «сделайте на свой вкус, я вам доверяю», а потом сто пятьдесят правок? И, кстати, ты уже перерос этап «рисую карточки для WB за доширак»? А то у меня тут есть один проектик… как раз для начинающих.
Разминка от Кота
— Прежде чем мы продолжим, — сказал Кот, — предлагаю небольшую разминку для профессионального взгляда. Перед тобой сейчас появятся три варианта логотипа для очень известной компании. Два из них – жалкие подделки или устаревшие версии, и лишь один – истинный и актуальный.
Мини-игра: Угадай логотип!
Выбери актуальный логотип "G" от Google:
Вердикт Кота
{Результат мини-игры будет здесь}
Микро-Андрей, переполненный гениальностью, но слегка уязвленный упоминанием карточек и доширака, должен был решить:
Пустой Макет
— Уважаемый Кот, да я вам сейчас такой фирмстиль разработаю, что сам Джони Айв попросит мастер-класс! — запищал Андрей, активно жестикулируя невидимыми конечностями. Он начал вдохновенно излагать свои концепции, сыпать профессиональными терминами и описывать революционные дизайнерские ходы.
Идеи – это, конечно, прекрасно. Но где твое портфолио на Artstation? Где живые проекты с отзывами? Где стопроцентная предоплата? Без этого, мой юный друг, твоя гениальность – не более чем красивый, но пустой макет. И да, вакансия по карточкам для WB все еще открыта, если надумаешь начать с малого.
Кот окончательно растворился в воздухе, оставив Андрея в полном недоумении и с горьким привкусом осознания, что одного таланта в этом мире мало. Он остался крошечным, переполненным нереализованными идеями.
Путь к Безумному Шляпнику
— О, мудрейший из котов, повелитель дедлайнов и магистр ТЗ! — смиренно пропищал Андрей. — Не соблаговолите ли вы указать путь заблудшему дизайнеру, как мне вернуть свой первоначальный размер и предстать пред светлы очи самой Императрицы?
— Хм-м-м, — протянул он, задумчиво почесывая себя за ухом кончиком хвоста. — Ступай-ка ты к Безумному Шляпнику-Верстальщику и Мартовскому Зайцу-Копирайтеру. У них вечное онлайн-совещание по внесению правок, они там такой крепкий кофе пьют, что, возможно, и тебя растянет до нужных пропорций. Говорят, они обитают в Кофейне «Последняя Правка», где вайфай такой же капризный, как вдохновение.
И Кот махнул хвостом в сторону тропинки, вымощенной битыми ссылками и устаревшими плагинами. Андрей, поблагодарив, отправился в путь, надеясь, что кофе там действительно обладает чудодейственными свойствами.
3D-Нирвана?
— Ах, к черту эти плоские дедлайны, когда тут такая аппетитная трехмерная модель! — решил Андрей, вспоминая старую дизайнерскую мудрость: «Зачем рисовать в двух измерениях, если можно страдать в трех?». Он с наслаждением откусил от виртуального лакомства. Это было похоже на то, как полигональная корочка на зубах приятно хрустнула, вызывая волну блаженного спокойствия и приятной лени от мысли о настройке материалов и света. И тут же его начало неудержимо увеличивать в размерах, словно кто-то применил к нему модификатор «Solidify» с запредельными значениями.
Андрей растёт...
Голова его вскоре уперлась в потолок, сделанный из бесконечных слоев UV-разверток, а двери комнаты стали казаться крошечными вертексами. В одну из таких «вершин» он заметил, как проскользнул тот самый Красный Маркер Правки, что-то сердито бормоча про «превышение полигонажа» и «неоптимизированную сетку». У другой «вершины» восседала Гусеница-Арт-Директор, задумчиво раскуривая старинную перьевую ручку, словно кальян, и выпуская колечки дыма в форме идеально сглаженных сабдивов.
— А ты-ы-ы… — протянула Гусеница, ее голос был тягучим, как неотрендеренная анимация, — простите… кто-о-о тако-о-ой будете? В на-а-ашу тщательно выстроенную дизайн-систе-е-ему… вы как-то… не вписы-ы-ваетесь… Ваша топология вызывает вопросы.
Разговор с Арт-Директором
Андрей, стараясь не нарушить хрупкую пиксельную сетку этого мира, осторожно присел на корточки.
— Глубокоуважаемая Гусеница, эталон стиля и хранительница гайдлайнов! — начал он, тщательно выверяя каждое слово. — Я Андрей Пикселёв, дизайнер, и я, кажется, немного… перестарался с масштабированием. Не подскажете ли вы, как применить команду «Уменьшить» к самому себе?
— Всё… долж-ж-жно… бы-ы-ыть… по брендбу-у-уку, — проскрипела она. — Ты… яв-в-вно… вы-ы-ышел за поля макета. Попро-о-обуй… вон тот гриб-б-б. Он похо-о-ож на кнопку «Отменить последнее действие». И запомни: клиент всегда прав, даже если просит сделать логотип в Paint. Но прежде чем ты это сделаешь, я хочу проверить твою реакцию и насмотренность. Готов к небольшому испытанию?
Испытание от Гусеницы
— Готов к небольшому испытанию? Тебе нужно кликать только по устаревшим, неправильным или откровенно плохим логотипам, избегая хороших.
Мини-игра: Лого-Крот!
Кликай на "плохие" лого. Избегай "хороших". Очки: 0. Осталось: 0
После "Лого-Крота"
{Результат мини-игры будет здесь}
Она указала изящным усиком на гигантский алый гриб с белыми крапинками, который действительно подозрительно напоминал кнопку отмены из какой-то древней версии графического редактора.
Побег из Матрицы
— Эх, была не была! Применить «Разрушение объекта» к этой вашей комнате! — рявкнул Андрей и с размаху ударил кулаком в ближайшую стену, увешанную мудбордами с котиками и «вдохновляющими» цитатами.
Стена с треском, напоминающим звук зависшего компьютера, разлетелась на миллионы разноцветных пикселей… и Андрей увидел свой родной рабочий стол. Asana все так же угрожающе мигала, раф на миндальном окончательно остыл. Он снова был обычного размера, но в ушах стоял легкий звон, а перед глазами плясали артефакты сжатия. На экране MacBook появилось системное сообщение: «Обнаружена попытка несанкционированного выхода из креативного потока. Рекомендуется сделать перерыв и выпить еще кофе». Это был сон? Или просто его MacBook решил устроить ему сеанс виртуальной психотерапии?
Кофейня «Последняя Правка»
Микро-Андрей с трудом добрался до кофейни. За шатким столиком, заваленным пустыми чашками и ноутбуками с надкусанными яблоками, сидели двое. Безумный Шляпник-Верстальщик в шапке, связанной из HTML-тегов, отчаянно пытался заставить анимацию на сайте корректно отображаться на экране старого холодильника с Wi-Fi. Мартовский Заяц-Копирайтер с горящими глазами в сто первый раз переписывал слоган «Покупайте наших слонов!», стараясь уместить в него слова «инновационный», «экологичный», «душевный» и «с бесплатной доставкой по всей Галактике», не выходя за лимит в три слова.
На столе перед ними дымился огромный кофейник с надписью «КОФЕ ДЛЯ ПРАВОК: КАЖДЫЙ ГЛОТОК – НОВАЯ ВЕРСИЯ».
— Мест нет! И кофе только для тех, кто вносит правки! Или для тех, кто приносит новые правки! А еще лучше – для тех, кто приносит правки на правки на правки! — пробурчал Шляпник, не отрываясь от кода.
Правки от Императрицы!
— Господа, у меня экстренное сообщение и пакет правок непосредственно от Её Величества Императрицы ТЗ! — выпалил Андрей с максимально возможной в его положении важностью. — Касается всего проекта! И очень, очень срочно!
Шляпник и Заяц мгновенно прекратили свои творческие муки. — Правки от Императрицы?! — воскликнули они хором. — Это меняет всё! Они тут же налили ему полную напёрсточную чашечку из кофейника «КОФЕ ДЛЯ ПРАВОК». Андрей залпом выпил… и его тут же начало распирать! Он рос, рос, пока не вернулся к нормальным размерам. Правда, кофе был настолько ядреным, что левый глаз теперь нервно подергивался, а в голове навязчиво звучал джингл из рекламы средства для повышения продуктивности.
— Где Императрица?! — воскликнул он, готовый к любым согласованиям. — Я готов вносить правки! Шляпник и Заяц, восхищенные его рвением и немного обеспокоенные его тиком, указали ему дорогу к дворцу.
Гениальная помощь
— Позвольте, уважаемые коллеги, — пискнул Андрей. — Кажется, я знаю, как вам помочь!
И, призвав всю свою свежеобретенную гениальность, он подсказал Шляпнику изящный JavaScript-фикс для капризной анимации, а Зайцу набросал десяток вариантов слогана, один другого остроумнее и, что важно, короче! Те пришли в неописуемый восторг. — Да ты просто волшебник! — закричали они. — Ты спас нас от вечного цикла переделок!
В благодарность они налили ему полную чашку из другого, маленького и изящного чайничка с надписью «ЧИСТОВОЙ МАКЕТ: УТВЕРЖДЕНО И ПОДПИСАНО». Андрей выпил ароматный напиток и плавно вернулся к своему нормальному размеру, ощущая невероятный прилив сил, уверенности и полное отсутствие желания что-либо менять в уже сделанном. Он был готов к встрече с любыми ТЗ.
Гриб Отмены Действий
Гигантский Андрей с опаской приблизился к грибу-кнопке «Отменить последнее действие». Отломив кусок размером с небольшой принтер, он отправил его в рот. Вкус был странным – немного как у ластика, немного как у сожаления о неверно выбранном цвете. Тут же его начало скручивать и сжимать, словно его пропустили через все фильтры Photoshop одновременно.
Наконец, он вернулся к своим обычным размерам, чувствуя легкое головокружение и острое желание начать все с чистого листа. Гусеница-Арт-Директор, превратившаяся тем временем в элегантную Бабочку-Бренд-Стратега с крыльями, расписанными по последней моде в мире корпоративных цветов, прошелестела:
— Вот теперь вы в рамках дозволенного. А теперь следуйте за Красным Маркером Правки, он приведет вас к Императрице. И помните, она любит, чтобы «шрифт был одновременно и классическим, и футуристичным, и чтобы читался даже на обратной стороне Луны».
И действительно, Андрей увидел мелькнувший вдали алый блик. Он устремился в погоню.
Аудиенция у Императрицы
Андрей наконец-то предстал перед вратами тронного зала. Зал больше напоминал гигантский коворкинг, где каждый пиксель был выверен по невидимой сетке. На огромном троне, собранном из забракованных прототипов и стопок распечатанных правок «сделать поярче», восседала Императрица Клиентелла фон Брифенштейн Абсолютная.
В одной руке она держала скипетр в виде золотого Apple Pencil, которым вычеркивала неугодные идеи прямо из воздуха. В другой – планшет с открытым чатом, где крупными буквами было написано: «ХОЧУ НЕ ТАК, А КАК-НИБУДЬ ПО-ДРУГОМУ, НО ЧТОБЫ ВАУ!». Корона ее была сплетена из логотипов, которые она заставила переделывать не менее двухсот раз каждый, и светилась неоновой надписью «Клиент Всегда Прав – особенно, когда просит невозможного». У подножия трона суетился Красный Маркер Правки, раскладывая новые стикеры «СРОЧНО! ВЧЕРА! ПЕРЕДЕЛАТЬ ВСЁ!».
— А-а-а, Пикселёв! — прогремел голос Императрицы, от которого задрожали даже самые стабильные серверы. — Дошли до меня слухи о твоих похождениях в нашем Правкограде! Но оставим лирику для нейросетей. Мой новый логотип для «КОСМИЧЕСКОГО КЕТЧУПА»! Где он?! Я просила, чтобы было ИННОВАЦИОННО, но с легким налетом РЕТРО-ФУТУРИЗМА! Чтобы ЦВЕТ был НАСЫЩЕННЫЙ, но не ВЫРВИГЛАЗНЫЙ! Чтобы ШРИФТ был ЭКСКЛЮЗИВНЫЙ, но БЕСПЛАТНЫЙ! И чтобы логотип одинаково хорошо смотрелся и на этикетке, и на обшивке звездолета! И чтобы мой любимый кот одобрил! Ну?! Чем порадуешь, о странник мира векторов и растров?
Эпилог
Такова уж планида дизайнера, мой друг, – вечно балансировать на грани гениальности и безумия, между горящими дедлайнами и сладкой прокрастинацией, между сакраментальным «сделайте красиво» и многотомным «вот вам ТЗ, тут все просто».
А Андрей Пикселёв… он с тех пор всегда держал под рукой и чашку крепчайшего рафа на миндальном, и самый свежий блендер-пончик. И нет-нет, да и поглядывал на свой трекпад с легким, едва заметным подозрением. Ведь кто знает, когда коварный Правкоград снова решит затянуть его в свои цифровые сети?
