Киновселенная «Звёдных войн» когда-то началась с фильма «Звёздные войны: новая надежда». Это одна из величайших историй успеха в кино. При бюджете в 11 миллионов долларов в прокате он заработал больше 700! 

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

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

Недавно я пересматривала фильмы и моё внимание привлекли несколько интересных приёмов. Их можно применять при создании инфографики, сайтов и интерфейсов. Я дала общие названия; самое интересное — это реализация.

Глубина кадра

Глубина кадра достигается, если зритель ощущает расстояние между задним, средним и передним планом.

Многие из фильмов саги включают фрагменты с огромными пространствами и широкоформатными пейзажами. На скриншоте с C-3PO и R2-D2 в пустыне можно увидеть, как глубина кадра создает ощущение изоляции и расстояния:

Кажется, что пустыня бесконечна, а персонажи намного ближе и больше в фокусе чем обломки заброшенного корабля на фоне. Этот эффект достигается разделением кадра на три части и добавления текстуры с двумя персонажами в центре.

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

Контраст

Контрастность достигается, если вы размещаете рядом внешне различные элементы. Так можно создать драматический эффект, особенно если поставить рядом объекты разного размера. 

В этом эпизоде из «Возвращения джедая» видно, что главные герои показаны в маленьком корабле рядом с большим транспортом Джаббы Хатта. Это особенно подчеркивает лидерство и мощь корабля Джаббы Хатта и создает напряжение, основанное на близости к нему мелкого корабля.  

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

Например, инфографика Pfizer иллюстрирует, сколько налога из прибыли им придется заплатить:

Из-за графического контраста история выглядит более драматичной, чем просто статистика в цифрах.

Отрицательное пространство

Этот приём поможет сфокусировать внимание на объекте. Окружив объект пустотой, вы привлекаете к нему внимание. Использование отрицательного пространства создает визуальную паузу между элементами и облегчает обработку важной информации для зрителя или читателя.

Вот сцена из фильма «Новая надежда»: C-3PO на Татуине. Пустыня — это отрицательное пространство, которое окружает C-3PO. Изображение этого персонажа как отдельной фигуры  привлекает гораздо большее внимание к нему. Зритель понимает, насколько одиноко персонаж себя чувствует.

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

Допустим, вы разрабатываете страницу сайта. Можно использовать отрицательное пространство вокруг основных функций, которые нужно выделить. Или вокруг цены товара, к покупке которого хотите подтолкнуть людей. 

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

Перспектива 

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

Вот ещё один кадр из «Возвращения джедая». Демонстрация кораблей под разными углами — это то, благодаря чему «Звездные войны» опередили своё время.

В ранних фильмах корабли снимали с использованием миниатюрных моделей Колина Кантуэлла. Большие интерьерные снимки сочетали живые кадры с мэт-пэйтингом — это расписанные вручную, маслом, кадры из фильма на стекле. Чтобы передать и масштаб, и детали, создатели фильма составляли каждую сцену отдельно.

На этом изображении видно, как прямые линии активной зоны реактора указывают направление, создают стрелку. Кажется, что мы смотрим вниз. Эффект усиливается за счет использования света «снизу» — он притягивает взгляд к основанию ядра. 

У перспективы много общего с глубиной — отчасти потому что обе техники относятся к размещению и размеру объектов на заднем, среднем и переднем плане. 

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

Симметрия

Симметрия используется, чтобы уравновесить дизайн и выделить основной объект, как в предыдущих приёмах. Всё это позволяет управлять вниманием зрителя.

В этой сцене из «Новой надежды» царит единообразие и порядок. Кадры с несбалансированными объектами могут сбить зрителя с толку и создать впечатление хаоса. Если вы пытаетесь создать баланс в картинке, симметрия поможет этого достичь.

По бокам от Люка, Хана Соло и Чубакки — ряды солдат,, которые выглядят совершенно одинаково. Но если посмотреть внимательно, вы увидите, что большинство зеленых парней на переднем плане — это повторяющиеся группы из четырёх-пяти солдат. Хитро придумано. Когда герои идут по прямой, все линии чётко указывают на сцену на заднем плане.

Как применить симметрию к вашим проектам. Чтобы добиться такого эффекта, вы можете отразить компоненты дизайна относительно середины и поместить в неё объекты, которые должны быть в фокусе.

Визуальные подсказки

Как и перспектива, визуальные подсказки помогают направить взгляд зрителя и перемещаться по различным элементам к главному объекту.

В сцене из «Империя наносит ответный удар» видно, как линии и огни в коридоре корабля направляют взгляд на Люка Скайуокера. Хотя герой находится на заднем плане, при этом он остаётся в центре внимания.

Как применить это к собственным проектам. Начните с объекта, на который должен смотреть зритель. Визуальные подсказки почти прямым текстом говорят зрителю, где именно искать и куда смотреть. В отличие от, например, перспективы, которая обычно помогает зрителю самому погрузиться в кадр.

Повторения

Если мы ставим в кадр много визуально близких элементов, это создаёт ощущение однородности и связи между ними всеми. 

Сцена из «Возвращения джедая» демонстрирует строй штурмовиков. Бесконечные ряды создают ощущение единой ужасающей сущности, подчеркивают количество и силу солдат. Повторение также создает контраст с фигурами, которые движутся по дорожке — они кажутся незначительными, изолированными.

Как применить к вашим проектам. Чтобы добиться такого же эффекта, используйте узоры, линии и цвета несколько раз в непосредственной близости друг от друга. Тогда они будут выглядеть так, будто принадлежат к одной группе. 

В инфографике для представления данных повторением используются пиктограммы. 

«Давай взорвём эту хренотень к чертям собачьим и полетим домой»

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

По материалам статьи 7 Famous Design Hacks You Can Steal From Star Wars Нади Ходжа (Nadya Khoja), руководителя отдела маркетинга в Venngage Infographic Maker.

— Анна, привет! Начнём по традиции с высшего образования. Где и на кого ты училась после школы? 

Моя родина — Новосибирск. После школы я поступила в Новосибирский университет на экономический факультет, училась менеджменту. Через 4 года переехала в Москву, чтобы поступить в Высшую школу экономики на управление персоналом, HR. 

— Как из менеджера превратилась в дизайнера?

Я всегда любила рисовать, меня интересовал дизайн, и ещё в Новосибирске я решила попробовать простенькие курсы. Знаете, такие, где обещают, что через два месяца вы будете зарабатывать 80 тысяч рублей в месяц. Там научили делать всякие базовые штуки. Потом были продвинутые курсы ещё на два месяца. Это был первый шаг в сторону дизайна, можно сказать, случайность, подкреплённая любовью к творчеству.

На первом курсе магистратуры я искала стажировку в HR, но меня никуда не брали. Вдруг пришло предложение пойти на работу в консалтинг. Я согласилась. В компании занималась созданием концепции торговых центров — рисовала 3D-модели, проводила экономический анализ, продумывала, какие магазины поставить рядом и прочее.

Поработав в сфере менеджмента, я поняла, что это не моё, и в конце бакалавриата решила пойти за мечтой — заняться дизайном. Слепила портфолио из того, что было, и разместила объявление на hh.ru.

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

— Почему решила идти учиться дальше?

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

В этот момент очень вовремя на глаза попалась информация о курсах веб-дизайна GeekBrains. Понравилось, что курс был достаточно объёмным, включал нужные темы, а также был связан с серьёзной IT-компанией. Я поняла: надо брать. 

С курсами в итоге вышло интересно. Я пришла, чтобы выучиться на промодизайнера — он делает контекстную рекламу и баннеры. Но во время обучения я точнее определилась с тем, что мне нравится. Поняла, что меня привлекает продуктовый дизайн — UX/UI. Преподаватель поддержал: сказал, что мне обязательно нужно идти в эту сферу, потому что, во-первых, есть склонности, во-вторых, это трендовая и денежная область.

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

— Что вошло в твоё портфолио для поиска работы?

Я включила в него проект, который мы разрабатывали на блоке продуктового дизайна. Это необычное приложение, которое произвело настоящий фурор среди работодателей. Оно предназначено для не совсем обычной продажи шоколада.

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

Параллельно я работала в компании, которая делает бизнес-тренинги. Это стартап с небольшим штатом, и потому я там была и арт-директором, и креативным директором в одном лице. Я понимала, что мне нужен реальный опыт UX/UI и предлагала делать всякие интересные продвинутые вещи — Customer Journey Map, сложные механики на сайте.

Это, конечно, сыграло на руку при поиске работы. Если подытожить, то устроиться на нынешнее место работы в QIWI мне помогли две вещи — хорошая академическая работа и реальный опыт, который я сама себе организовала.  

— А ещё тебя пригласили стажером в Mail.ru Group…

Да, меня пригласили на стажировку, и это было очень приятно. Но потом, к сожалению, я поняла, что работа мне не совсем подходит. Во-первых, небольшая зарплата, на которую сложно будет прожить человеку, который снимает в Москве квартиру, а во-вторых, круг обязанностей не включал то, чем мне хотелось бы заниматься. Я хотела развиваться в продуктовом дизайне, а в GeekBrains нужен был стажер на промодизайн.

Но я всё равно не хотела упускать шанс и предложила такое решение: буду часть дня стажироваться, а часть – работать на своей текущей работе при условии снижения зарплаты. В GB согласились, а на текущей работе нет. Более того, для начальства это послужило знаком, что я теряю интерес. В итоге по обоюдному согласию мы решили расстаться. Но тогда уже было понимание, что это место больше ничего не может мне дать в плане развития.  

— И ты начала искать новую работу? Как это происходило?

Да, я сформировала новое портфолио, оформила работы на Behance, сделала кейсы для академической и практической работы и пошла на hh.ru. В течение двух недель очень активно искала работу, каждый день рассылая по 20 откликов на вакансии — создавала «воронку», чтобы охватить максимальное количество работодателей.

Многие просили меня сделать тестовое задание, кто до, а кто и после собеседования. Я невероятно тогда устала. Делала, например, тестовые задания для МТС и Wildberries, они долго думали, потом выбрали других кандидатов.

— Как проходило собеседование в QIWI?

Приглашение в QIWI пришло на второй неделе. Интервью было очень плотное, продолжалось часа два. Гоняли и по практическому опыту, и по учебному. Пришлось даже показать сырые макеты, работы, которые я в таком виде не собиралась никому демонстрировать. Проводили собеседование HR-сотрудник и руководитель направления продуктового дизайна. Вышла усталая, но это была приятная усталость. Было с чем сравнивать – после некоторых собеседований чувствуешь себя совершенно опустошённой.

Буквально на следующий день они сообщают мне, что готовы меня взять. Я была в шоке – даже тестовое не попросили сделать. Так что с начала августа 2019 года я начала работать в QIWI.

— Как освоилась на новом рабочем месте и в новой профессии?

Всё прошло очень гладко. Коллектив просто чудесный, и такая лайтовая, комфортная атмосфера. Ребята очень отзывчивые. Общение свободное, все на одном уровне. Ко мне сразу прикрепили наставницу — коллегу, которая стала моей «дизайн-мамой», она всему меня учила, постоянно подсказывала.

Что касается профессиональной адаптации, то тут двоякие ощущения. В промодизайне мне было некомфортно. Там нужны такие творческие личности, которых буквально распирает от вдохновения. Когда на прошлой работе меня подталкивали «давай, давай ещё идеи», я не понимала зачем, ведь всё работает, хорошо выглядит и выполняет свою функцию. Так что сейчас я на своём месте.

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

— В чём состоят твои обязанности, что ты делаешь каждый день?

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

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

— Получается, что, когда ты училась в GB, у тебя была и основная работа и дополнительная. Как удавалось на всё время находить?

Я так живу всегда: после работы не лежу на диване, а всегда делаю что-то ещё, занимаюсь хобби. Раньше у меня была учёба в вузе и работа. Когда закончила учиться, с одной работой мне стало скучно, и я всегда старалась занять себя, пусть даже это было вязание, вышивка или ещё что-то подобное.  

Когда начала учиться на онлайн-курсах, то после работы дома я смотрела видеоуроки и делала домашнее задание. В начале этого года появились еще и подработки. Но тогда, как по велению судьбы, я травмировала ногу и полгода работала только из дома. Образовалась просто куча времени, и его на всё хватало – и на работу, и на вторую работу, и на уроки, и на домашку. Вот так «повезло».

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

У меня есть один секрет, как всё успевать – просто надо гореть своей работой, учебной, и чем ещё вы занимаетесь. Это должно быть отдыхом и главным увлечением. Тогда вместо того, чтобы лежать на диване и смотреть сериалы, ты будешь говорить: «О, новый урок по продуктовому дизайну вышел, надо бежать смотреть!»

Я не очень уважаю всяческие приёмы тайм-менеджмента. Получается, ты сам себя загоняешь в какие-то рамки, как в армии. Если тебе не интересно твоё дело, то никакой тайм-менеджмент не поможет. Это мой главный и единственный совет, который касается любого дела в жизни.

— В офисе нравится работать?

Да, очень нравится: пока не хочу ни на фриланс, ни на удалённую работу. Здесь классный офис, и, главное, коллеги, с которыми можно общаться. А дома — диван, стол и кошка. Фриланс — тоже нет, потому что это будут относительно мелкие проекты, а мне нравится заниматься крупным делом, где задействована не только я.

Очень важно, что мы трудимся в комфортном темпе и по относительно свободному графику работы. Я знаю, что я должна отработать 8 часов, и сама решаю, когда уходить и приходить. Проспала, пришла в 11, значит, уйду в 8 вечера. Терпеть не могу, когда мне говорят «приходите в девять, уходите в шесть». А если я эффективно сделаю свою работу в другое время или вообще к четырём часам, что тогда? Всё равно сидеть до шести?

— Какие твои дальнейшие планы на профессиональное развитие, чем хочешь заниматься в будущем?

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

Хотите узнать больше о выпускниках факультета веб-дизайна и других дизайн-факультетов GeekBrains? Вот их истории:

• «На втором месяце обучения у меня отобрали ноутбук»: история курсанта, который захотел стать дизайнером
• Путь в IT через дизайн: учеба + фриланс + удаленка — история веб-дизайнера Лии Давидян, которая нашла новую профессию и работу
• UI-дизайн: начало пути и штурм больших заказов: выпускник GB Виталий Асташкин о том, как он получил первую работу и вышел на крупные коммерческие проекты.

Для известной соцсети 2019 год получился очень насыщенным — сервис перекраивали решительно и не раз. Одни изменения пришлись по душе аудитории, другие вызвали критику и недовольство. Предлагаем вспомнить пять самых заметных нововведений уходящего года.

Отключение лайков

Instagram давно перестал быть просто социальной сетью, в которой люди обмениваются фото и видео и комментариями. Сегодня это один из мощнейших инструментов для продвижения своего бизнеса и бренда. Для большинства пользователей социальной сети, включая бизнес, взаимодействие с Instagram превратилось в погоню за лайками. Поэтому руководство Instagram приняло решение лайки отключить. 

К счастью, сделали это постепенно, и массовых обмороков избежать удалось. Сначала счетчик «сердечек» начали убирать в апреле в канадских аккаунтах, постепенно отмена распространилась на другие страны, а сейчас её начали замечать и пользователи из России. Они по-прежнему могут видеть тех, кому понравился размещенный пост, и даже полный список людей, поставивших лайк. Но считать поставленные оценки приходится теперь вручную.

Генеральный директор сервиса Instagram Адам Моссери прокомментировал нововведение так: «Отключение функции направлено на улучшение благополучия и здоровья людей, даже если это означает принятие решений, которые нанесут ущерб бизнесу».

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

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

Так, например, рэп-певица Cardi B

Cardi B поддержала другая известная исполнительница Ники Минаж. В своем

Но, конечно, больше других обеспокоены владельцы бизнес-аккаунтов, которые опасаются возможных потерь подписчиков и/или дохода. И это на самом деле проблема, подтвержденная результатами серьезных исследований. Согласно одному из них около 154 тыс. инфлюенсеров потеряли от 3% до 30% подписчиков с момента отмены функции. Все ещё непонятно, каким образом будут взаимодействовать бизнес и инфлюенсеры, если высчитать охват от рекламной публикации стало фактически невозможно. Остаётся ждать официального отчета от Instagram о результатах изменений.

Запуск Instagram Reels — аналога TikTok

Китайская социальная сеть TikTok, позволяющая пользователям создавать короткие видео и делиться ими друг с другом, была создана в 2016 году и быстро обрела бешеную мировую популярность. Аудитория сервиса — полтора миллиарда человек! 

Instagram в этом году запустила аналогичное решение у себя. Возможность создавать 15-секундные музыкальные ролики первыми получили жители Бразилии. Они активно этим пользуются и говорят, что Instagram Reels вообще идентичен TikTok. Пошли слухи о плагиате, но директор по продукту Instagram утверждает, что это не так: идея обмена клипами — универсальна для всех социальных сетей.

Кстати, это не первое обвинение руководства Instagram в плагиате. Создатель Snapchat Эван Шпигель не раз говорил об использовании своей идеи разработчиками Instagram для создания сториз в 2016 году. Команда Шпигеля пыталась доказать негативное влияние сториз и лайков на психологическое состояние пользователей, однако ничего не вышло. В итоге, аудитория Instagram с удовольствием использует функцию сториз, а Snapchat понес большие финансовые потери из-за появления конкурента. 

Запрет на политику

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

Такое решение Instagram резко контрастирует с политикой материнской компании Facebook Inc., которая выступает за защиту политических взглядов и свободу высказывания в интернет-пространстве. Марк Цукерберг не раз подвергался критике за распространение пользователями политической дезинформации и манипуляцию темой выборов в Facebook.

Возможно, негативный опыт повлиял на руководство Instagram, и договор с блогерами — это попытка обезопасить себя от возможных скандалов перед выборами президента США. Аналогичные шаги уже приняты и руководством Twitter, где с ноября отменили прием платежей за продвижение и рекламу твитов на тему политики, иммиграции, медицинского обслуживания, национальной безопасности и изменений климата — в общем, всего, что фигурирует в предвыборной гонке кандидатов.

Покупки через Instagram

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

Изначально интерфейс Instagram не подразумевал возможность покупок и продаж товаров через платформу. А компаниям, которые пытались привлечь аудиторию пользователей соцсети, приходилось создавать собственные методики расчета конверсии. Потому что кроме нескольких общих показателей (охват, комментарии, просмотры) Instagram никаких данных не предоставлял.

Но теперь, с появлением функции прямых покупок из приложения (Checkout) можно легко определить эффективность рекламных кампаний, а также точный объем продаж в Instagram. Доступ к продажам через платформу получили более 20 компаний, и этот список продолжает расширяться. Правда, купить товары через Instagram могут пока только пользователи соцсети из США, оплатив покупку через Paypal или при помощи банковской карты. Пользователям из остальных стран пока можно только видеть стоимость товара, а также переходить на страницу компании напрямую из приложения.

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

Авторские маски дополненной реальности

В течении нескольких лет у пользователей Instagram для сториз были только стандартные маски для сториз, которые сложно было назвать оригинальными, учитывая, что источником вдохновения дизайнеров стали маски и фильтры Snapchat. После этого новые маски создавались только в коллаборации Instagram с инфлюенсерами мирового значения. Так, например, появилась популярная маска от звезды соцсетей и мира моды Кайли Дженнер, благодаря которой пользователи могли "примерить" оттенки помады из новой коллекции знаменитости.

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

Создательница популярных AR-фильтров Бренда Карденас рассказала, что фильтр “Beauty3000” неожиданно покорил даже знаменитостей и показатели его использования начали расти в геометрической прогрессии. Кроме этого, неизменной популярностью пользуются маски с эффектом фотошопа: выбеленные зубы, нарощенные ресницы, отретушированная кожа.

Создатели масок также наблюдают активный рост аудитории у пользователей, создающих удачные фильтры. Например, Томас Поссе начал загружать фильтры год назад, и за это время количество его подписчиков увеличилось с 1000 человек до 1,1 млн подписчиков. Для дизайнеров создание AR-фильтров в Instagram стало шансом продемонстрировать свои умения и получить выгодные предложения сотрудничества. Кстати, инструкция по созданию собственной маски для Instagram есть у нас в блоге.

Это далеко не все изменения, которые пережил Instagram в уходящем году. Предупреждения об оскорбительных сообщениях, разработка нового мессенджера Threads, тестирование нового способа восстановления аккаунта — лишь часть других нововведений, которые также повлияли на работу сервиса..

Другие полезные статьи об Instagram:

• Как настроить таргетинг в Instagram и Facebook: 27 правил
• Топ-18 UX-дизайнеров в Instagram 2019
• Как создать свою маску (AR-фильтр) в Instagram

А ещё у нас есть инстаграм GeekBrains, где вы можете узнать о свежих статьях в блоге, новостях и, конечно же, наших акциях!

Иллюстратор, арт-директор, креативный педагог, дизайнер айдентики, графический дизайнер, бренд-менеджер, дизайнер интерфейсов. Всё это — профессии преподавателей нового факультета «Графический дизайн». Удивлены, что в списке только один графический дизайнер?

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

Анастасия Башанина, creative group head

Я начинала работу в дизайне с рекламного агентства Ogilvy & Mather Russia. В качестве арт-директора разрабатывала рекламу для Philips, IBM, Campari, Huggies, Alpen Gold — от создания айдентики, промо и сити-форматов до съёмки роликов. Удалось поработать с крутыми продакшн-студиями, один из любимых проектов — съёмка социальных роликов для Philips совместно со Stereotactic.

Затем поняла, что в рекламе тесно, захотелось сменить вектор работы. Пошла в «Британку» на визуальные коммуникации, чтобы прокачаться в брендинге. Параллельно сменила место работы и ушла в employer-брендинг в агентство makelove.

В чем заключается employer-брендинг? Мы помогаем создавать такие места работы, где ценности и принципы близки и привлекательны для соискателей. Поиск работы похож на выбор новых кроссовок, только обувь мы меняем через сезон, а работу гораздо реже. Поэтому и подход здесь должен быть более глубокий — ведь мы хотим связать сотрудника и компанию на долгие, приятные для обеих сторон годы.

Интерпретация стихотворения Григория Остера «Вредные советы» от Анастасии

Сейчас я занимаюсь разработкой промокампании и лендинга для металлургического завода ВМЗ. Курирую проекты L’Oréal, «О’КЕЙ», «Северсталь», Home Credit Bank, Coca-Cola HBC. Ещё разработала и запустила карьерные сайты для Home Credit Bank и L’Oréal. Из последних любимчиков — лендинг для Яндекса.

Дизайн для меня — про упорядоченность и понимание устройства всего: как грамотно организовать пространство для пользователя с эстетической и смысловой точек зрения. Неважно, вывеску на улице, сайт или рекламный баннер. Больше всего обращаю внимание на типографику: часто текст говорит больше красивой картинки. Важно задвигать на задний план амбиции и эгоизм. Не показать, какой ты крутой дизайнер и как много умеешь, а думать с точки зрения удобства и этики. 

Визуальное всегда должно исходить из смысла. Идея определяет форму.

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

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

Бренд-дизайнер должен уметь адаптироваться, быть в курсе всего и идти в ногу со временем. Наши клиенты — люди, так что здесь важна эмпатия. Например, вышел новый ролик популярной группы, которую ты не знаешь или не понимаешь? Заставь себя посмотреть и понять, чем он цепляет миллионы людей. 

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

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

Григорий Уваров, графический дизайнер 

Я — дизайнер визуальной айдентики с опытом работы более 10 лет. Участвовал в российских и зарубежных проектах для EN+ Group, Martini, Real Estate Database. Разработал туристический бренд для родного города Иркутска. Сейчас активно развиваю личный бренд Graph-Uvarov.

В основном я рисую иллюстрации на микростоки, это моё перманентное увлечение с 2007 года. Мне сложно даётся персоналка (работа по индивидуальным заказам — прим. ред). Понимаю, что в этом направлении есть куда расти. Иногда я делаю мерч.

Айдентика для провайдера спутникового интернета «Да-Телеком» 

Графический дизайн занимает всё моё время. Когда я смотрю фильм или еду по городу, всё равно оцениваю то, что вижу, с точки зрения дизайна: какой интерфейс в звездолёте, какого необычного цвета машина впереди, как оформили входную группу ресторана, нарисовали титры и обыграли угол дома в наружной рекламе, какой свет в кадре. 

В работе дизайнера нужны базовые знания колористики, композиции, типографики, модульных систем, софта. А дальше вы вольны выбирать, кем стать: иллюстратором, веб-дизайнером или графдизайнером. 

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

Если вы гейм-дизайнер, надо будет купить приставку и съездить в «мекку игроделов» на конференцию. А если собираетесь открыть свою студию, придётся изучать управление и финансы.

В работе дизайнеру помогают насмотренность и визуальный опыт, который нужно черпать из книг, вебинаров, интернета, путешествий, общения. И постоянная практика: я закончил архитектурный факультет, где мы работали в ArсhiCad и 3D Max, но спустя 10 лет отсутствия практики я многое из моделирования не помню. 

Ещё важно упорство. В любой профессии есть ступенька, которую не перепрыгнешь, — ступенька джуниора. Надо просто работать, несмотря на небольшие бюджеты и другие трудности. Кроме этого, более конкурентоспособным дизайнера делают дополнительные компетенции. Например, программирование позволяет создавать графику с помощью нейросетей. 

Айдентика для пельменной «Крутой замес», работа Григория Уварова

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

Разработка айдентики — это когда сегодня ты бьюти-барышня, завтра — брутальный качок, а послезавтра разбираешься в криптовалюте. 

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

Если работаете с айдентикой, будьте готовы к разным проектам. Не замыкайтесь на своём суперстиле. Будьте универсальным инструментом и доносите информацию от производителя к потребителю. Конечно, можно быть нишевым дизайнером, но это же так скучно.

Ксения Дарчия, дизайнер-фрилансер, иллюстратор

Долгое время я занималась только дизайном сайтов и интересовалась разработкой. Когда покорила определённые для себя вершины, расширила свою работу до брендинга — сотрудничала с брендами в России и за её пределами. Нежно люблю кейсы для Johnson & Johnson, работала с компанией «Лукойл», особенно запомнила проект с брендом Teva — люблю дизайнить для фармацевтики. Считаю эту область близкой себе по духу.

Кстати, в иностранных проектах подход к работе дизайнера отличается от нашего. В России к тебе относятся как к человеку-софту, который просто умеет работать в нужных программах. А в Швейцарии, например, на дизайнера смотрят с доверием, как на специалиста вроде стоматолога или автомеханика, который точно знает, что нужно делать.

Иллюстрации Ксении для сертификатов кофейни «Келди»

С самого начала моей работы в дизайне я смотрю на неё как на процесс улучшения или создания чего-либо. Это происходит автоматически: могу просто идти, увидеть будущую концепцию или ассоциацию и начать мысленно рассуждать. Навыки дизайнера помогают мне видеть не категориями «чёрное / белое», а расширять мышление до полутонов. Очень помогает знание психологии поведения — это пришло из веб-дизайна. Интернет и жизнь стали неразрывно связаны, так что иногда действия моих знакомых можно объяснить и предугадать с помощью рабочих алгоритмов. 

Я была не самым аккуратным джуном, а о навыках в типографике вообще лучше промолчать. Потом попала на стажировку к крутому арт-диру, который вёл себя как в армии — приближал мой макет на 500 % и искал ошибки. Типографика была моим страшным сном, а арт-директор просто садился и экспрессом рассказывал про числа, правила, исправлял работу по десять раз, закатывал глаза. В общем, было сложно, дома я плакала от эмоциональной нагрузки. А потом до меня дошла важность этого всего, и всё изучилось само собой.

От типографики и пикселей зависит многое: от понимания продукта до эстетики. Я думаю, чем проще и организованней сделана работа, тем лучше она для восприятия и понимания. Без грамотной типографики не обойтись. Попробуйте отформатировать условного «Гарри Поттера» до капса и убавить межстрочное расстояние до 1 или 0,5. Если прочитаете без особых проблем и нервов… то не прочитаете. 

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

Абстрактное мышление есть у всех. Поэтому я верю, что все умеют рисовать. 

Даже если у вас навык на уровне «палка, палка, огуречик» — это просто стилистика, которую можно почувствовать и развить. Например, Пикассо: его картины не блещут реалистичностью, но он считается гением своей эпохи. 

У меня в работе есть фишка: сначала могу нарисовать скетч сайта на айпаде, а потом перенести его в Figma. Мне сложно держать в голове много идей: что-то забывается, а что-то кажется крутым, но на деле не работает. Понимать последовательность информации и грамотное распределение по блокам тоже помогает наглядность. Что до иллюстраций в брендинге, то мне по душе придумывать маскотов или ставить уже существующих персонажей в какие-то актуальные для бренда ситуации.

Иллюстрации Ксении для сертификатов кофейни «Келди»

Графический дизайнер должен «уметь в софт». Я рекомендую покопировать чужие работы — не для плагиата, а для себя. Это научит работать быстро и видеть многослойность композиции. Вы перестанете бояться делать сложные крутые вещи и поднимите планку: если получилось пересобрать чужой шедевр — значит, ваш будущий будет круче. 

Ещё я рекомендую развиваться психологически и в плане мышления. Часто советую джунам такое упражнение: возьмите любой предмет в доме и придумайте ему 100 назначений. Можно даже клинически фантастические. Это разовьёт креативность и поможет оперативнее придумывать свежие идеи, без часовых походов на Pinterest. Психология особенно актуальна для веб-дизайна. Зная, как люди воспринимают цвета и шрифты, можно создавать рабочие продукты, которые найдут успешное применение. 

Сергей Чирков, основатель CHYRKOV studio, креативный директор Intourist Thomas Cook 

Я долго занимался исключительно фотографией: снимал моду, портреты, интерьеры. Работал с западными изданиями вроде The Times. Потом понял, что надо трансформироваться, исполнить давнюю мечту — идти в дизайн. И открыл дизайн-студию. CHYRKOV studio — мой ребёнок, а команда — моя вторая семья.

Думаю, возможность открыть своё дело есть у всех, сложнее его поддерживать.

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

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

Фотографией продолжаю заниматься, но сейчас дизайн приоритетнее. Мне хотелось создавать продукты: визитки, имиджевые предметы интерьера, которые человек может подержать в руках, получить эстетическое удовольствие. Поэтому меня интересует брендинг. Хотя рынок диктует свои условия, и мы много работаем с вебом. 

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

Брендинг для энергетической компании Greentech Energy от CHYRKOV studio

А ещё я больше года преподаю в GeekBrains: курирую курсы по основам графического и веб-дизайна, часто провожу вебинары. Это интересный опыт, который помогает прокачиваться вместе со студентами.

Кажется, главный скилл дизайнера — умение начинать проект, концентрироваться на нём и завершать его в срок. У многих дизайнеров страдает тайм-менеджмент, особенно на фрилансе. Другой навык — мультизадачность: дизайнер, который может работать над тремя проектами сразу и переключается между ними без ущерба качеству, — золотой. 

Ещё один важный скилл — насмотренность, она помогает формировать вкус и эстетическое восприятие. Всё это приходит с опытом, поэтому качать их стоит с самого старта карьеры. 

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

Мне повезло получить художественное образование в Нью-Йорке. Это было давно, но знания актуальны и сейчас: работа с цветом, композиция, типографика. Знание основ графического дизайна помогает создавать форму, которую уже позже можно применять где угодно. 

Дарья Невская, старший арт-директор, член союза художников России и международной ассоциации художников Европы 

Работая в рекламных агентствах, я разрабатывала и визуализировала креативные кампании для международных клиентов: Danone, Palmolive, Coca-Cola, Visa, Mastercard, FIFA, Mercedes-Benz, Сбербанка, «Балтики» и многих других. Я создавала креативную стратегию развития бренда вместе с отделом стратегического планирования, разрабатывала концепции вместе с копирайтером, создавала и оформляла тендерные презентации. 

Из восьми тендеров, в которых я участвовала в этом году, мы выиграли в семи. Это принесло новых клиентов и помогло вернуть тех, которых переманили другие рекламные агентства.

Графическим дизайном я занимаюсь с 2000 года. Это то, что я люблю, он не перестаёт вдохновлять и интересовать меня. 

Я создаю кей-вижуалы кампаний и их ресайзы: разрабатываю принты, баннеры, сайты, мерч, готовлю ивенты и промоакции, оформляю интерьеры фирменных магазинов, делаю дизайн упаковок, помогаю создавать одежду. Большую часть работы занимают проекты, где нужно разработать кампанию на 360°. 

Почти 10 лет я преподавала миниатюрную масляную живопись и работала дизайнером интерьеров, одежды и аксессуаров. А в 2009 году пришла в рекламу, и жизнь сразу стала насыщеннее. Ежедневно прилетали брифы от 3–6 разных клиентов. 

Однажды ради тендера осталась на работе после рабочего дня ещё на 12 часов, и за это время нарисовала 120 иллюстраций для 6 сторибордов.

В таком режиме работала и с Mercedes-Benz: выиграла тендер на отрисовку нового автомобиля. Срок был полгода — я нарисовала всё за месяц. Так умение рисовать мне ежедневно помогает в работе арт-директором и креативным дизайнером.

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

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

Когда я пришла в Академию художеств, члены комиссии попросили принести портфолио со своими картинами. Я сделала портфолио на 350 слайдов. Акварельная и масляная живопись, лаковая миниатюра, роспись интерьеров, книжная иллюстрация, реставрация дворца в Царицыно и Тихвинской церкви — на эти и другие работы они молча смотрели три часа, а потом спросили, почему не пришла вступать в Союз раньше. Ответила, что было неловко — вокруг полно талантливых художников.

Мне в работе пригодились знания, которые я получила от преподавателя по графике, Глеба Солнцева. Он называет это «кристаллизация момента». Это то самое чувство, когда ты рисуешь, словно пишешь письмо: не думаешь, похожа ли твоя картина на шедевр, понравится ли она другим. Будто ведёшь свой дневник с иллюстрациями.

Теперь я хочу создать свой курс по графике в GeekBrains. Эти знания уже до краёв переполнили мой мозг — пора делиться ими с миром.

Рената Ахмадеева, коммуникационный дизайнер Сбербанка

Я человек многих талантов, первый из них — непостоянство. Работала в «Республике», Strelka, Red Keds, Яндексе и Сбербанке. Сейчас изучаю рынок фриланса, проектирую email-рассылки с Mailfit. Для меня это новое поле работы: раньше я занималась печаткой и презентациями, немного анимацией. Сейчас хочу двигаться в сторону веба — поняла, что там можно делать интересные штуки. 

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

Мой друг сказал на эту тему: «Хороший дизайн — как удар хлыста. Бьёт сильно и прямо в цель». 

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

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

Дизайн из блога Ренаты

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

Александр Лысенко, арт-директор агентства makelove

Так вышло, что карьеру в дизайне я начал как раз с работы на себя, а потом в агентствах и на стороне клиента. Это разный опыт — каждому своё.

Фриланс или свой проект — самодисциплина, многозадачность, ответственность, бессонные ночи, возможности. А ещё деньги или безденежье, тут как повезёт.

Агентство — это постоянный движ, общение, тусовки, дедлайны, дедлайны, дедлайны и куча проектов. Сторона клиента — стабильность, работа над одним продуктом и возможность наблюдать и контролировать результат.

В 2014 я бросил учёбу в «Британке» и открыл с подругами брендинг-студию. До этого, поступая в школу, я долго выбирал между факультетами моушн-дизайна и графического дизайна. После собеседования на моушн я попал в лист ожидания. Позже меня всё-таки приняли, но я уже подписал договор с графдизайном. 

Вообще у меня высшее образование инженера-электрика. Не самая простая специальность, но только в «Британке» я почувствовал, как мозги начали работать. Всё было в равной степени сложно и интересно. Там учат учиться. К концу курса я понял, что мне интересна разработка фирменного стиля. Цель курса была достигнута — я решил, в каком направлении развиваться.

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

Те самые ролл-бары в советском стиле

Ещё я успел поработать в Hungry Boys — проекте, ориентированном на фестивальные кейсы. Большую часть времени я выполнял упражнения по разработке макетов и отрабатывал навыки на реальных задачах по разработке сайтов от своей студии. Ещё один проект, который делала моя студия, — кафе Miles напротив Храма Христа Спасителя. 

Потом меня занесло в makelove agency, где работаю до сих пор. Из последних классных проектов, которые мы делали, — игра для Adidas, которую мы придумали и собрали за неделю. Цель игры — напомнить о преимуществах работы в компании и развеять мифы, связанные с этим. 

Вот что, на мой взгляд, важно в работе дизайнера:

• Цельность. Концепции, идеи, визуалки — идея должна считываться. Только один визуальный приём работает как акцент и помогает добиться цельности — а не когда дизайнер в одной работе показывает всё, что умеет. Выбери один ход и развивай его. 
• Чёткость. Дизайнер — своего рода инженер. В его работах всё должно быть чётко: сетка, принципы построения, элементы, которые снэпятся, и далее длинный список.
• Чувство вкуса и композиции. Это особенно важно в типографике, которая вообще представляет собой отдельный вид умений. Иногда только на одной типографике можно вывезти весь концепт. 
• Скорость. Особенно это важно в агентствах. Скилл дизайнера можно определить по среднему уровню его работ в условиях ограничений и жёстких дедлайнов. 

Алексей Фанкин, дизайнер на фрилансе

Я графический дизайнер, фрилансер, занимаюсь айдентикой и дизайном интерфейсов. Способности к чертёжной графике были с раннего детства, но я всё время избегал творческих возможностей. В 2010 году всё же встал на путь графики. Параллельно перебивался работой в типографиях и познавал технические тонкости полиграфии, а спустя два года начал зарабатывать на дизайне. 

Коротко мой профессиональный путь можно назвать фрилансом без бирж. Некоторые считают, что фриланс и биржи — синонимы. Но я не взял ни одного заказа с биржи. И вместо работы в Таиланде под пальмами в моей копилке есть три месяца в Анапе. Прекрасно время провёл — рисовал мехенди и логотипы прямо на улице. 

Из своих проектов выделю Клинику амбулаторной онкологии и гематологии. Сфера необычная и очень интимная, и нам удалось разработать хороший сайт. Ещё создали айдентику и сайт для тренинговой b2b-компании Key Solutions. Великолепный проект получился и со студией видеопродакшена Antidrama, но из-за затянувшегося процесса проект не вышел в том виде, в котором планировался. 

Доводилось работать и с большими брендами вроде «Азбуки вкуса», Третьяковки и Mastercard. Но в большинстве случаев это просто работа над конкретными макетами.

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

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

Цель нужна, чтобы постоянно подогревать себя. А то, что вы делаете для её достижения каждый день, и есть прогресс. 

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

Эльвира Бурмистрова, креативный педагог, дизайнер на фрилансе

Я разрабатываю креативные концепты, фирменный стиль и инфографику, провожу мастер-классы и помогаю овладеть графическими техниками. Работаю над созданием своего сайта и запуском собственного проекта. Я графический дизайнер с опытом работы по обе стороны баррикад: на стороне заказчика British Council и в студии Malina Studio. 

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

Я считаю, что дизайнер не должен зависеть от вдохновения. 

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

Ещё важна открытость — не только новым идеям, но и взаимодействию с людьми: как с далёкими от дизайна, так и с коллегами. В творческом мире есть понятие самости и страха за свою идею. Но мысль без развития гибнет или теряется в ограниченном опыте одного человека. 

Идеями нужно делиться, давать им возможность расти. 

Дизайнер должен уметь заразить своей идеей. В презентации важно всё: логика изложения, тональность, концепт. Лучше подготовить прототипы со своим дизайном — так идея будет выглядеть реальнее, и заказчику будет проще «примерить» её на свой бренд. Также важно быть теоретически подготовленным, понимать деятельность компании и уметь лаконично обосновывать своё решение. 

Я сотрудничала с московским метро в рамках работы в British Council. Моя роль была в разработке дизайна, и заказчики обращали внимание в первую очередь на сроки. Дизайнер должен быть пунктуальным, но в то же время уметь трезво оценивать свои силы. 

Дизайн календаря с образцами бумаги Sirio Ultra Black для компании Fedrigoni

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

Стоит продумывать дальнейшую жизнь дизайна: как вашу работу будут использовать, корректный ли файл вы подготовили — или при открытии дизайна в программе вылезут неизвестные слои и слетит шрифт. 

А ещё важно импровизировать. Дизайн рождается при работе над ним, идея приходит во время исполнения. Поэтому нужно просто делать. Даже самая невзрачная идея может привести к гениальному воплощению.

Как видите, способов раскрыть свои таланты с помощью графического дизайна немало. Приглашаем вас на факультет графического дизайна GeekUniversity, где вы сможете начать этот увлекательный путь!

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

Однажды отец рассказал, что в академии РВСН им. Петра Великого есть энергетическая специальность, и предложил попробовать. Меня никто не заставлял — я подавал документы и в гражданские вузы: МГСУ, МЭСИ, ещё куда-то.

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

Я уже закончил академию, работаю по распределению в Тагиле. Военная служба меня не устраивает уже давно: сейчас я на особом режиме, но есть ребята, которые уезжают в поля и две недели их нет дома. И я думаю — оно мне надо? Кажется, нет. 

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

На третьем курсе академии я заметил, что востребованы профессии, связанные с диджитал. Пробовал заняться рекламой, даже посидел на одной работе, не понравилось. Потом пробовал программирование, но тоже не не заинтересовало. Даже пошел в школу архитектуры  и дизайна в Москве, на курсы по Photoshop, Indesign и другим редакторам. Так и не доучился, школа не понравилась. Но сама сфера дизайна понравилась — понял, что это интересно и есть возможность зарабатывать. Начал искать другие курсы, наткнулся на GeekBrains и подумал: раз это школа от Mail.ru, значит должна быть хорошей. Пошёл учиться, и на втором месяце занятий приключилась история с ноутбуком. 

Мы были на пятом курсе в академии, жили в общежитии. Нужно сказать, что в военных учреждениях есть служба защиты гостайны (ЗГТ), и в связи с этим личный ноутбук — серьёзная тема. Всё командование знало, что у нас есть ноутбуки, но не подавало виду — выпускной курс, их трогать не надо, им надо дипломы писать. Но я-то был «рецидивист». Мы увольнялись, пытались отчислиться, нам делали мозги. Я уже учился на курсах веб-дизайнера, и офицеры об этом знали.

В один прекрасный момент меня вызывает начальник, говорит: «Будешь увольняться?» Да, говорю. Тут он достает мой ноут — пока меня не было в комнате, они провели обыск — и вызывает офицера из службы ЗГТ. Говорит: «Изымаем, описываем». Понятно, что у нас на ноутах ничего подозрительно не было, но вообще если находят какую-то запрещенную информацию, это грозит последствиями вплоть до уголовки. Было стрёмно. 

Я написал куратору Geekbrains, объяснил ситуацию. Сказал, что нет возможности учиться, и спросил, какие есть варианты. Предыдущий курс я уже полностью оплатил, и куратор ответил, что меня проще перевести на другой поток через несколько месяцев. Так и сделали. Ноутбук мне к тому времени вернули.

Ещё во время учёбы в академии редко, но были проблемы с просмотром вебинаров. Всё устроено так, что задачу поступают сверху, потом спускаются до курсантов и мы сами между собой решаем, кто их выполняет. Когда ты в кругу сверстников, всё проще. Говоришь: «Ребята, у меня тут курсы, за которые я отдал бабки. Давайте я в следующий раз раз схожу, а сегодня у меня занятие». Все относились с пониманием. 

Но был другой случай, как раз после того, как меня перевели на другой поток курсов. Мы уехали на стажировку академии на месяц в Йошкар-Олу, и, естественно, я не мог взять с собой ноутбук. Я тогда уже общался с преподавателем Ильей Полянским, и он посоветовал книги, которые нужно прочитать во время стажировки: «Интерфейс» Алана Купера , «Типографика» Эмиля Рудера, «Новая типографика» Яна Чихольда. В общем, я действовал по собственной программе, а курс нагнал, когда приехал домой.

Как я уже сказал, во время учебы начали общаться с Ильей Полянским — сначала по учебе, потом по работе. Дома у меня было достаточно много свободного времени, и я попросил Илью давать мне дополнительные задания, чтобы подтягивать навыки, которые провисают. Он тогда работал в «Инвитро», и там как раз освободилась вакансия дизайнера. Я поинтересовался, что нужно сделать, чтобы попасть туда, Илья накидал теоретические вопросы, которые надо подтянуть. После этого он начал давать тестовые проекты, которые мы сделали вместе.

В итоге Илья дал мне работу в «Инвитро и подтянул ещё в «Ситимобил». В «Инвитро» мы занимались продуктовым дизайном, в «Сити» — коммуникационным. В первом случае переходили на новую дизайн-систему, собирали в соответствии с ней страницы, адаптировали под мобилы. А в «Ситимобил» я с дизайнерами и сммщиками полностью вел соцсети — все рекламные кампании в ВК и Инсте. Плюс у них тогда был проект по «Игре престолов»: выходил последний сезон, и я как раз только пришел в компанию и мы рисовали материалы по сериалу. 

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

Мы с Ильей продолжали общаться, он подкидывал мне сторонние проекты. Один из крупных — компания «ЛеонМед», они занимаются поставками медоборудования. Илья подкинул мне задачу: сделать презентацию нового оборудования для новых клиентов. С этой компанией работаем до сих пор. Ещё немного поработал в «Альфа-Банке» в коммуникационном дизайне. Им не хватало рук, а я был без работы, и мне подкинули несколько проектов по анимации в соцсетях. Ещё как-то делали заказ для Высшей школы экономики, рисовали им баннеры в соцсети для новых программ обучения. С ВШЭ работаем до сих пор.

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

Проблемы на курсе были не только из-за военной академии. Помню, у меня никак не ладилось с фотошопом. Тогда поставил себе челлендж — рисовать по баннеру в день. Потихоньку выросли руки из нужного места, и я начал мониторить вакансии в ВК и на hh.ru. Помню, тогда в ВК написал парень, сказал, что ему нужен дизайнер-стажер для проекта на Тильде. Преподаватель Артур Громадин тогда тоже делал какой-то проект на Тильде, и я работал с ним. На hh.ru я тоже находил какие-то интересные проекты, но был скромен в профессиональном плане, и меня просто не брали. Один фитнес-клуб написал, что постоянной работы нет, но если что-то будет — напишут, и потом пару раз подкидывали работу по баннерам. 

Вообще работодатели смотрят не на сертификаты, а что ты реально умеешь. Можно сказать, что проходил где-то стажировку, но это всё условно. С Ильёй недавно разговаривали на эту тему. На формальное образование мало кто смотрит, если ты сам научился — молодец. Сейчас многие студии гонятся за просмотрами и лайками в Instagram, Dribbble и Behance, при этом абсолютно забивают на пользователя. Им не так важно, чтобы продукт был хороший, как то, чтобы дизайн привлек внимание общественности.

Пока живу в Тагиле, но планирую переезжать обратно в Москву и устроиться дизайнером в штат. Сейчас работаю по всем проектам на удалёнке. Когда прилетают правки, бегу исправлять, весь в мыле — мало ли что, может, кому-то срочно надо. Боялся, что по шапке прилетит, пока мне не сказали: «Чувак, это не армия. Здесь все адекватно относятся ко всему». Есть у меня армейский принцип «умри, но сделай». Это не то чтобы плохая установка, но в таком виде она явно гиперболизирована. Наверное, так проявляется профдеформация.

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

UX/UI-дизайн

Начнем с дизайна пользовательского опыта / пользовательских интерфейсов (User eXperience / User Interface). Эти два направления часто ставят вместе, но некоторая разница между ними все-таки есть. Цель UX-дизайна — развивать взаимодействие пользователя с продуктом так, чтобы росло удовлетворение пользователя, а вместе с ним и его лояльность продукту. Формулировка очень обтекаемая, но она четко выражает суть термина. UX-дизайн применим во всех сферах жизни, в отличие от UI-дизайна, который все-таки относится к цифровым продуктам. UI-дизайн сконцентрирован на самом продукте.

Обладатель премии UX Design Awards 2019 года — бимодальное слуховое решение, управляемое с помощью смартфона 

В статье Хельги Морено, посвященной разнице между UX- и UI-дизайном, есть хорошее сравнение: «Если что-нибудь выглядит здорово, но им сложно пользоваться — это признак хорошего UI и плохо UX. Если пользоваться легко, но на вид это ужасно — мы имеем дело с хорошим UX и недоработанным UI».

Кстати, сегодня мы как раз запустили новый факультет GeekUniversity — UX/UI-дизайн. Но об этом мы еще напомним — давайте продолжим рассказ о других «полезных» направлениях дизайна.

Промышленный дизайн

Пример интересного индустриального дизайна

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

Веб-дизайн

Когда веб-дизайнер добавляет пространства между элементами

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

Графический дизайн

Примеры логотипов в зависимости от свойств, которые нужно передать

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

Гейм-дизайн

Прекрасный мир Skyrim, созданный гейм-дизайнерами

Гейм-дизайн — все, что касается формы и содержания игр: создание правил игры, персонажей, миссий, загадок, уровней. Если вы с детства увлекались фантастикой, хотите воплощать магию в жизнь, создавая мифических персонажей или целые миры, — попробуйте себя в гейм-дизайне.

Архитектурный дизайн

Традиционная архитектура в Голландии

Задача архитектора — спроектировать здания, на которые приятно смотреть и в которых удобно жить или работать. Вас вдохновляют масштабные задачи и нравится думать, что ваши творения будут приносить людям пользу десятилетиями, а то и веками? Нравится мысль, что вы будете влиять на облик городов? Интересуетесь урбанистикой и можете оценить каждую деталь архитектурного решения (например, высоту бордюра у тротуара) по практичности, а не только по внешнему виду? Можете не только изобразить здание на бумаге, но и представить его «в жизни», примерив к потребностям каждого из будущих гостей или обитателей? Если такие задачи отзываются желанием взяться за дело — смело развивайтесь в архитектурном дизайне.

Дизайн интерьеров

Когда решил сэкономить на услугах дизайнера

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

Световой дизайн

Световой дизайн фар Audi

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

Вам нравится играть со светом и вы знаете, как с его помощью выгодно подать любой объект? Вы видите магию света всюду — на фотографиях, в кино, в музеях, театрах и ресторанах? Развивайте свой талант в световом дизайне.

Ландшафтный дизайн

Сад камней

Ландшафтный дизайн — не просто садоводство, а настоящее искусство на пересечении архитектуры, ботаники и философии. Дизайнер сочетает эти три аспекта в зависимости от того, как будет использоваться территория, которую он облагораживает. Вы цените гармонию и единение с природой? Можете разглядеть в композиции сада камней послание в духе традиционного японского символизма? Вероятно, вам придется по душе ландшафтный дизайн.

Экологичный дизайн

Зеленый дизайн в Сиднее

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

В GeekUniversity вы можете освоить различные виды дизайна. Есть как «общий» факультет, так и специализированные — веб-дизайн, графический дизайн, дизайн интерьера. И, как уже было сказано в начале, сегодня открылся еще и факультет UX/UI-дизайна, где за один год обучения вы освоите все навыки специалиста уровня middle и разработаете портфолио для дальнейшего трудоустройства.

Что такое Dream Team

С первых минут на мероприятии я поняла, что никакие оды «особой атмосфере», «незабываемым эмоциям» и «командному духу» не выразят общее настроение лучше, чем одно слово. Dream Team — это кураж! 

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

Организаторы постарались максимально приблизить все к реальности. В каждой из 11 команд собрались люди разной специализации, которые должны взаимодействовать, чтобы вытащить свой проект: проджект-менеджер, гейм-дизайнер, маркетолог, веб-дизайнер, графический дизайнер. Один человек обязательно был «на удаленке» и часто пропадал. Так что навыки коммуникации оттачивались в полевых условиях.

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

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

Кстати, насчет еды: на время мероприятия участники были обеспечены перекусами, водой и, главное, кофе! Был даже обед — правда, на него отвели всего 20 минут. Может, это и к лучшему: никто не успел расслабиться и потерять соревновательный дух.

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

О чем рассказывали на лекциях

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

Иоанн Павловский о гейм-дизайне настольных игр

Особенности игр-филлеров: быстрые партии, реиграбельность, простые правила, режимы на разное количество игроков. Филлеры убивают время между партиями в «настоящие» игры. Проблемы жанра — однообразие, излишняя простота.

Как сделать крутую карточную игру-филлер?

Отказаться от: 

• коллекционных карточных игр, 
• элементов классических игр, 
• образовательных игр, 
• бумажных денег, 
• сильного влияния случайности, 
• выбывания игроков, 
• ходов, которые ничего не меняют.

Лучше избегать:

• игр на двух игроков,
• сложных правил,
• очевидных стратегий,
• исключений в правилах,
• реализма,
• множества комплектующих.

Хорошим идеям свойственны:

• глубокие механики,
• нелинейный баланс,
• неординарность.

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

Нужно тестировать игры — и чем раньше, тем лучше. Важно понимать эмоциональный отклик: что понравилось, что нет, сыграл бы человек еще? Основные критерии успеха игр: доступность правил, реиграбельность, взаимодействие игроков.

Данила Терсков о продвижении продукта

Основа digital-стратегии:

• определение целей, ЦА и УТП;
• формирование сообщения;
• создание креативной стратегии (упаковки);
• выбор каналов продвижения;
• медиапланирование;
• постановка и контроль KPI.

Важно понимать истинную цель, которую вы хотите достичь. Это могут быть новые клиенты или положительное сальдо сметы.

Формируя посыл для ЦА, нужно отталкиваться от ее ключевой потребности и того, как бренд может ее удовлетворить.

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

Основные каналы продвижения: SEO, Yandex + РСЯ, Google + КМС, MyTarget, таргетированная реклама в Facebook + Instagram, таргетированная реклама в VK, реклама в YouTube, тизерная реклама, CPA-сети, еmail-рассылка, товарные агрегаторы.

Основные цели продвижения — Awareness (охват аудитории), Traffic (посещения, трафик), Interaction (вовлечение), Sales (продажи), Loyalty (лояльность). У целей разные метрики, и их много:

• Awareness. Охват (Reach, Cover) — сколько представителей ЦА имели контакт с рекламой в рамках компании заданное число раз. KPI охвата: View — количество просмотров рекламного объявления; CPM (cost per millennium) — оплата за тысячу показов рекламного объявления; CPV (cost per view) — оплата за просмотр рекламы. 
• Traffic. Хосты (посетители) — уникальные посетители сайта. Сеансы — общее число сеансов на сайте; CPC (cost per click) — сумма, которую рекламодатель платит за один клик по его рекламе; CPV (cost per visitor) — за одного посетителя. Это не одно и то же.
• Interaction. Время, проведенное на сайте, — средний показатель в минутах. Глубина просмотра сайта — среднее число страниц, просмотренных за один сеанс (на одного посетителя). Engagement rate — коэффициент вовлеченности аудитории в публикации контента. 
• Sales. Orders — количество оформленных заказов. Sales — количество совершенных продаж. CPO (cost per order) — средние затраты на получение заказа. CPS (cost per sale) — средняя стоимость продажи.
• Loyalty. Retention rate (CRR) — коэффициент удержания клиентов. CRR = ( (E – N) / S) × 100. Где: (Е) — количество клиентов на конец периода; (N) — количество новых клиентов, приобретенных за период; (S) — количество клиентов на начало периода. Churn rate — коэффициент оттока. Грубая оценка: Churn rate = Ушедшие клиенты / Общее число клиентов. 

Mention — суммарное количество упоминаний бренда на чужих площадках. Passion — среднее количество упоминаний бренда одним автором. Net Sentiments Rate — разница между позитивными и негативными упоминаниями.

Из этих этапов продвижения формируется воронка продаж:

Иван Русов о конфликтах в команде

Конфликт складывается из причины и конфликтной среды. 

Возможные причины:

1. Неправильное распределение зон ответственности. 
2. Непонимание правил игры.

Чтобы избежать конфликтов, правила нужно составить до начала работы: «Не флудим в рабочем чате», «Договоренности нужно фиксировать после каждой встречи» и так далее.

Ставим цели по методике SMART: Specific (конкретные), Measurable (измеримые), Achievable (достижимые), Relevant (значимые), Time bound (определенные по времени). О возможном срыве дедлайнов нужно предупреждать, о косяках — говорить.

Илья Полянский о лендингах для игр, которые помогают влюблять и продавать 

Фольклор — колыбель референсов. Вдохновиться можно русскими народными сказками или архетипами Юнга.

Нужно вызывать у пользователя яркие эмоции и приятные ассоциации! Например, вот так:

Сергей Тиджиев о работе с цветом, графикой и шрифтами

Сергей раскрыл тему цвета, графики и шрифта на примере разработанной им крутейшей книги-игры. Там вы выступаете в роли иммигранта, который переехал в другой город. Нужно адаптироваться в нем и умело выходить из сложных ситуаций — для этого есть небольшой запас денег. Так погрузилась в лекцию, что записала только это: «Хочу книгу серии „ПРИВЕТ СТРАНА“!»

Сергей Илюхин о логике презентаций

Структура презентации: заглавный слайд, бэкграунд, драма, идея, детали идеи, RTB (Reasons to believe), чего ждать.

Заглавный слайд — обложка, по которой будут судить о всей презентации. Красивые картинки — это важно. Бэкграунд — ответ на вопросы: 

• какая задача?
• почему вы над ней работаете?
• как сейчас ситуация на рынке?
• что делают конкуренты?

Драма дает вывод из бэкграунда и показывает, почему важно решить задачу. Пример драмы: «Игра — это серьезно! Почему тогда награды заслуживают только киберспортсмены, а не обычные геймеры?».

Идею и решение нужно описать максимум в трех предложениях! На каждый этап деталей — один слайд. В качестве RTB хорошо работают иконки и убедительные подписи. Важно сделать слайд о том, что случится, если вашу идею реализуют — как вы измените мир?

Закончить нужно красиво и без «спасибо». Финальный слайд — забавная фраза, которая обобщает всю презентацию.

Впечатления участников

Все студенты геймдев-факультета GeekUniversity, которые участвовали в Dream Team, согласились, что было суперполезно включиться в настоящую командную работу, где у каждого есть своя зона ответственности. А чего всем не хватило, так это времени. Кому-то на разработку, а кому-то — на обед.

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

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

Как же избежать подобных ситуаций и не отпугнуть клиентов после их первого контакта с вашим продуктом?

Онбординг — что это и зачем он нужен?

Онбординг (англ. onboarding — «введение, размещение, адаптация») — это термин, который уже достаточно распространен в сфере HR и означает механизм, с помощью которого новые сотрудники приобретают необходимые знания и навыки для эффективной работы в компании. Для рекрутеров данный процесс обычно подразумевает совокупность лекций, презентаций и обучающих программ — все то, что может помочь новичкам быстрее освоиться на рабочем месте и влиться в жизнь организации.

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

Но разве новый пользователь не может разобраться с навигацией сайта или функциями приложения самостоятельно, методом проб и ошибок? Правильный ответ: нет.

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

Помните: нужно не просто рассказать новому пользователю о продукте, а наиболее простым способом донести то, как он сможет удовлетворить свою боль и решить свои проблемы с помощью продукта.

Инструменты онбординга

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

Всплывающие подсказки (Tooltips) 

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

Первый интерактивный помощник от Microsoft Office

Более современный пример подсказок на сайте:

Подсказки от Facebook

Всплывающие окна (Pop-up) 

Инструмент, который нередко используется на сайтах как эквивалент подсказок — это popup-окна, всплывающие над всей страницей. Они преследуют ту же цель, что и тултипы — тем не менее, злоупотреблять этим инструментом не стоит, так как поп-апы зачастую отвлекают пользователей от работы с сайтом или кажутся чересчур навязчивыми.

Интерактивные туры

Тур по продукту — это совокупность сразу нескольких всплывающих подсказок и/или попап-окон, которые появляются по мере продвижения пользователя по сайту и могут переключаться при помощи кнопки «Далее». Обычно, если пользователю не нужна подобная «экскурсия», он может отключить интерактивный тур, нажав на крестик (некоторые сайты используют кнопку «Все понятно!»). Иногда в этот инструмент также входит вступительный видеоролик с пояснениями о функционале интернет-ресурса.

Тур по панели инструментов 

Обучающий видео-ролик, встроенный в попап-окно

Пустые состояния 

Этот неочевидный инструмент буквально представляет собой пустую интернет-страницу: это может быть альбом, в который пока не добавлены фотографии, стена в социальной сети, где еще нет записей, страница ошибки, когда по запросу пользователя не удалось найти ответа. Однако эту пустоту можно выгодно использовать, если заменить ее призывом пользователя к действию: «Упс, здесь пока ничего нет... Создайте свой проект!»

Пример пустого состояния

Шкалы прогресса 

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

Шкала прогресса рекрутингового сайта 

Рассылки (или Lifecycle-рассылки) 

Данный инструмент отличается от предыдущих тем, что он не встроен непосредственно в интерфейс сайта, но тем не менее играет значительную роль в онбординге пользователей.  Lifecycle-рассылка — это цепочка писем, обучающих пользователя эффективной работе с продуктом:

Пример обучающего письма от конструктора сайтов

Как настроить онбординг под пользователя?

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

• На какую аудиторию рассчитан продукт?
• Какую проблему пользователя должна решить работа с ним? 
• Какой цели пользователь хочет достичь в итоге?

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

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

Примеры сайтов с хорошим онбордингом пользователей

Duolingo — это бесплатная платформа для изучения иностранных языков, которая известна по всему миру. Ее онбординг включает в себя не только знакомство с функционалом сайта или мобильного приложения — в процессе прохождения интерактивного тура пользователь должен указать свои сферы интересов, потребности и цели. Это позволяет платформе обеспечить индивидуальный подход и составить эффективную учебную программу:

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

Онбординг поверх сайта

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

Здесь есть решение, которое не потребует особых дополнительных затрат — онбординг не в структуре самого сайта, а «поверх» него. Как, например, у Experrto.io —  конструктора интерактивных подсказок, который не требует знаний верстки, дизайна и программирования. 

Experrto представляет собой расширение для браузера Google Chrome и состоит из редактора и личного кабинета. С его помощью можно создавать всплывающие подсказки, прикреплять их к нужным элементам интерфейса, а также анализировать, насколько успешно пользователи продвигаются по составленному для них сценарию —  видеть количество запусков онбординга, завершения каждого шага и итоговую конверсию:

Статистика онбординга в личном кабинете Experrto

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

Подведем итоги

Учитывая уровень, на который вышли интернет-сервсиы сегодня, без онбординга обойтись сложно. К сожалению, универсального решения здесь не существует — приходится учитывать множество факторов и особенностей в зависимости от специфики каждого сайта и его целевой аудитории. Можно потратить ресурсы на дополнительную разработку туров, всплывающих окон и подсказок, но, скорее всего, на старте проекта, в условиях ограниченных бюджетов, будет разумнее распределить ресурсы иначе и попробовать воспользоваться готовым решением вроде Experrto. Конечно, выбирать свой путь нужно в зависимости от конкретных обстоятельств; главное — помнить о том, как сегодня важно умение встретить пользователя на своем ресурсе.

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

Виталий Асташкин, психолог по образованию, после вуза работал педагогом-организатором. Когда захотел перемен — освоил дизайн интерфейсов в GeekBrains и начал фрилансить. Сейчас у Виталия за плечами несколько проектов для крупных заказчиков, таких как концерн «Калашников», Уральский вагоностроительный завод и правительство Республики Удмуртия.

— Виталий, первый вопрос о том, чем вы сейчас занимаетесь. В каких стартапах и над какими проектами работаете?

— Сейчас я совмещаю две профессии: днем — педагог, ночью — дизайнер. Что касается дизайна, участвую в нескольких проектах параллельно, работаю в стартапах и на фрилансе.

В одной команде мы создаем виртуальную химическую лабораторию: с помощью VR-очков и контроллера вы можете проводить химические опыты.

Дизайн периодической системы химических элементов. Таблица распечатывается и считывается камерой смартфона для получения дополнительной информации в AR

В другой команде — разрабатываем мобильное приложение для продажи одежды. Пользователь задает параметры: размер, цветотип и другие, — а программа показывает только подходящие модели.

Карточка товара в приложении для подбора одежды FitsMe 

— Расскажите о крупных проектах, в которых участвовали: для концерна «Калашников» и Уральского вагоностроительного завода. 

— Для «Калашникова» я готовил интерфейс AR-приложения, которое показывает на карте мира пути поставок продукции и сведения о заводах концерна. 

Для Уральского вагоностроительного завода — создал интерфейс интерактивного экрана, знакомящего зрителей с историей завода, техническими характеристиками продукции, фотогалереей и другими материалами.

Экран с информацией о поезде. Проект для Уралвагонзавода

— Где можно посмотреть примеры ваших работ?

— Когда плотно занялся дизайном, начал понимать все эти разговоры о портфолио: мол, когда уходишь в работу, забываешь его пополнять. Однако стараюсь постоянно выкладывать хотя бы шоты челленджей на Dribbble. 

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

— Сколько времени вам понадобилось, чтобы выйти на профессиональный уровень в дизайне: с момента, когда вы начали целенаправленно этим заниматься, и до оплачиваемого заказа? Насколько легко или трудно было найти первую работу?

— В GeekBrains я учился с января по май 2018 года. После этого проходил бесплатную практику в реальном проекте: мы разрабатывали приложение для путешественников. К сожалению, проект так и не добрался до релиза, но я получил опыт работы в команде.

Где-то с августа 2018 я начал выполнять первые небольшие заказы от друзей и знакомых. К маю 2019 года — взял первый крупный заказ.

Самое сложное — когда кажется, будто ничего не знаешь и не умеешь. Вроде отучился, а открываешь тот же Dribbble, смотришь на все это великолепие и думаешь: «А вот я так не могу». Однако не стоит бояться!

В одном чате для дизайнеров искали желающих сделать интерфейс для AR-приложения. Я собрался с духом и вызвался одним из первых. Так я познакомился с ребятами из BoxGlass — команды, которая как раз готовила приложение для концерна «Калашников». 

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

Инфографика для панорамы 360°

— Какие знания и навыки надо обязательно получить перед тем, как искать работу в сфере дизайна интерфейсов?

— На старте надо владеть программами для прототипирования: например, Figma, Sketch, Axure. Конечно, эскизы приложения можно набросать и на листочке, но собранный в Figma интерактивный прототип будет куда информативнее и привлекательнее для заказчика.

Для подготовки иллюстраций, иконок и сложной графики пригодится Adobe Illustrator.

Для работы с растровой графикой — Photoshop. К слову, некоторые заказчики до сих пор просят исходники в формате .psd.

Надо знать основы типографики, композиции, теории цвета, постоянно обновлять знания по теории интерфейсов и следить за тенденциями. В этой сфере непрерывно идет развитие, все меняется: сегодня скевоморфизм, завтра — флэт.

Вообще, чем больше у вас знаний в разных областях, тем лучше. Знакомы с HTML хотя бы на самом базовом уровне? Хорошо. Знаете, что такое Native React? Прекрасно. Прочли книги по копирайтингу? Отлично! 

Текст — неотъемлемый элемент дизайна и интерфейсов. При подготовке макетов, чтобы не вставлять «рыбу» текста или фразы вроде «тут будет заголовок», полезно уметь формулировать ключевые мысли. 

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

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

— С чего начался ваш путь в дизайн? Когда вы решили, что это всерьез и нужно получать дополнительное образование? 

— Путь начался еще в старшей школе, когда я делал афиши для мероприятий подросткового клуба. Позднее начал изучать веб и запустил городской портал. Даже делал макеты баннеров для местной лиги КВН. Не обошло меня и создание аватарок для групп «ВКонтакте» :)

Чтобы заниматься всем этим, я читал статьи, шерстил форумы, смотрел обучающие видео. Так у меня накопился большой массив разрозненных и обрывочных знаний, которые годились под конкретные задачи, но не складывались в общую картину. Я решил, что пора все структурировать, «узаконить» и превратить в новую профессию.

— Почему выбрали именно UI, а не другие направления?

— Мне это просто-напросто интересно. А когда интересно, легче учиться и работать. К тому же дизайн интерфейсов — широкая область знаний, связанная с разными IT-направлениями.

— Расскажите немного о жизни до учебы в GB. Почему после вуза вы решили стать педагогом и до сих пор не хотите расставаться с этой профессией?

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

Не было такого, чтобы я решил для себя «После вуза стану педагогом!». Это был естественный ход событий. 

Общение с учениками позволяет оставаться в тренде. Я в курсе, что они слушают и смотрят, за чем следят. Они без стеснения делятся своими мыслями, и, считаю, у них можно чему-то научиться.

— Как вам удается совмещать две работы: педагога и дизайнера? Как обычно выглядит рабочий день?

— Подъем, душ, завтрак — и в путь. Живу я неподалеку от работы, и это несомненный плюс. По возвращении домой, после перерыва и прогулки, превращаюсь в дизайнера. Помогает самоорганизация: свои проекты я веду в Trello, где отслеживаю загруженность, сроки и общий объем задач. 

Стараюсь в один вечер заниматься одним проектом, не отвлекаясь на другие. Это позволяет лучше сконцентрироваться и погрузиться в работу.

Важно оценивать свои силы, чтобы не работать на износ и не выгореть. Поэтому я обязательно устраиваю себе выходные, когда не занимаюсь вообще ничем, связанным с дизайном.

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

Прототипирование приложения для подбора авточехлов

— Какими были ожидания от учебы в GB и насколько они оправдались? Какие приобретенные знания и навыки считаете самыми ценными?

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

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

 — Вам в дизайнерской работе доводилось осознанно, специально применять свои знания в области психологии?

— Не скажу, что каждому дизайнеру непременно надо знать психологию. Нет. Лично мне вуз помог воспитать структурированный подход к решению задач. И, конечно, знание психологии полезно в общении с заказчиками. 

Важно помнить, что у каждого своя картина мира: если для одного человека «собачка» — это пекинес, для другого — замок на застежке-молнии. Не надо стесняться задавать наводящие вопросы и уточнять у клиента, что он имеет в виду. Например, он говорит: «Кнопка недостаточно агрессивна». Что это значит? Надо сделать ее более крупной? Изменить ее цвет или форму? Львиную долю вопросов можно снять простым уточнением.

— Как вы себе представляете карьеру в дизайне? Куда собираетесь расти и как развиваться дальше?

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

Планирую углубиться в UX, поведение и паттерны. Главное — не останавливаться.

— Спасибо, что поделились историей, примерами работ, наблюдениями. Успеха вам в профессии и творчестве!