Привет всем!

Меня зовут Ася. Я давно смотрела в сторону курсов по графическому дизайну, потому что тяжко осознавать себя творческим человеком, но при этом быть из тех, для кого ВУЗ в свое время выбрали родители (престижный, но совершенно не творческого направления). 

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

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

Вводный модуль

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

Подготовительный модуль

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

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

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

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

Узнаем, почему многих так привлекает (или не привлекает) пресловутая «темная тема», почему цвет — равно настроение и как определенные тематики и цвета как бы перетекают друг в друга.

Здесь же даются дополнительные практические упражнения в Adobe Photoshop, Illustrator, Indesign и Figma, которыми можно украсить портфолио.

Основы графического дизайна

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

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

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

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

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

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

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

Проходить Figma мы начинаем буквально с нуля, так что справится даже новичок, никогда не имевший дела ни с чем подобным. Разбираем интерфейс (как редактора, так и файлового менеджера), действия с файлом, плагины.

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

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

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

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

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

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

«Пилить лендинги» — задача распространенная, и более того, весьма насущная. Настолько, что в интернете очень легко найти бесплатные мини-курсы по созданию лендингов, где можно более или менее вникнуть в тему (и поклясться себе, что никогда не сотворишь нечто вроде того кошмара с аляповатой кнопкой и счетчиком, который приводится как отрицательный пример). Нетология учит не увлекаться волшебными маркетинговыми аббревиатурами AIDA (attention, interest, desire, action) и PMPHS (pain, more pain, hope, solution) и не покупаться на рекламные дебри «продающих текстов», плодящие еще больше бестолковой и не работающей рекламы.

Разбираем макет лендинга от хедера до футера и сложности работы с ТЗ. Описывается в деталях все, вплоть до переписки с заказчиком, местами проговариваются довольно-таки очевидные вещи, но, опять же, тут лишним ничего не бывает. А в случае чего у вас в запасе будет подробная справка от Нетологии.

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

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

Освоившись в Фигме и Тильде, узнав все о сайтах-одностраничниках и познакомившись (хотя бы поверхностно) с трудами самых авторитетных дизайнеров мира, мы должны: создать макет сайта-визитки; сделать баннер и ресайз; выполнить редизайн презентации; подготовить бриф и варфрейм для лендинга; наконец, создать дизайн-макет сайта-одностраничника. Все это нужно, чтобы завершить модуль и его у вас приняли.

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

После чего мы переходим к итоговому проекту, то есть к портфолио. Если раньше еще не приходилось работать с Behance — учимся.

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

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

Рекламная анимация в Adobe Animate

Дополнительный модуль, предназначенный для тех, кто интересуется таким направлением в дизайне, как рекламная анимация. Речь идет о создании анимированных баннеров разных видов, — то есть о разработке баннерной рекламы. В вводной части говорится о перспективности этого направления («Среди всей диджитал-рекламы баннерная реклама в 2021 году заняла 2 место после поисковых запросов») и предлагается изучить рынок баннерной рекламы.

После этого переходим собственно к практике, то есть освоению инструментария. Серия небольших видеоуроков в первой части модуля, длительностью от 2 до 10 минут, посвящена работе с Adobe Animate.

Создаем анимацию.

Делаем анимационный ролик с эффектами.

Создаем и адаптируем 3-D баннер под рекламную кампанию.

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

Финальный модуль

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

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