Профессия

Дизайнер интерфейсов

Специальное предложение 5 649 рублей в месяц

Рассрочка без процентов и переплат

Востребованность

Сложность

6 месяцев

Время освоения

50 000 ₽

Средняя зарплата

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

Стажировка после обучения

Три способа превратиться из ученика в высококлассного специалиста!

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

Можно ли участвовать в проектах удаленно?

Да, такой формат возможен.

Как попасть в проект?

Оставьте заявку на понравившуюся вам вакансию на странице проекта в разделе "Карьера". С вами свяжется куратор проекта и сообщит своё решение.

Если вы закончили одну из профессий GeekBrains и чувствуете в себе силы для выхода на рынок - для вас мы приготовили целый список IT-компаний с разными условиями стажировки и потенциалом дальнейшего трудоустройства.

Как попасть на стажировку?

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

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

Зачем проходить стажировку?

Одно дело - уметь писать код, и совсем другое - работать программистом. На этой стажировке вы сможете примерить на себя роль разработчика как участника команды, пройдете путь от зарождения идеи проекта до его реализации, научитесь использовать git и trello, укладываться в deadline-ы, и, наконец, совместными усилиями выпустите готовый продукт.

Основная и единственная цель стажировки - обучение наших выпускников.

Как все проходит?

Стажировка оформлена в виде привычного курса с 6 уроками. Каждый урок длится около 1.5 часов.

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

Начиная со второго урока, мы приступаем непосредственно к разработке совместного проекта.

Над каким проектом будет идти работа?

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

На каких языках ведется разработка?

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

Кто курирует разработку?

Курированием проекта занимается Евгений Картавец. В планах подключение других преподавателей GeekBrains.

Как принять участие в стажировке от GeekBrains?

Чтобы участвовать в программе стажировки от GeekBrains, оставьте заявку в форме ниже.

А меня возьмут?

Гарантированная стажировка потому так и называется, что дает возможность каждому выпускнику GeekBrains, прошедшему соответствующие описанию стажировки курсы, выйти на IT-рынок с опытом разработки за плечами. И не переживайте, что у вас что-то не получится, ведь в помощь вам будет дружная команда и опытный наставник в придачу.

Ваше резюме после обучения

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

Должность: веб-дизайнер

Желаемая зарплата

50 000 руб.

Опыт работы

< 1 года

Ключевые навыки:

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

Почему курсы

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

Способ обучения

Цена

Затраченное время

Практический опыт

Гарантия
результата

ВУЗЫ

Книги

Онлайн-курсы

7 из 10

Наших студентов находят работу в процессе обучения

3,5 года

Именно столько Вы сэкономите на своем обучении благодаря курсам

1 месяц

За это время Вы окупите стоимость обучения сразу после курсов

Как проходит обучение

Мои курсы
Учебный класс
Общение с одногруппниками
Тесты для самопроверки
Сертификат

Что Вы будете изучать

Никаких скучных теорий. 5 практических курсов и стажировка.

Photoshop. Растровая графика для начинающих

Урок 1. Adobe Photoshop, первое знакомство. Работа с файлами

Интерфейс программы, Командное меню, Рабочие пространства и операции с палитрами, Preferences — настройки работы программы, Color Settings — настройки системы управления цветом, Навигация в открытом изображении, Команды Open и Open Recent, Универсальный браузер Adobe Bridge, Команды Save и Save As, Сохранение для интернета: Save for Web & Devices, Форматы файлов psd, tiff, jpg

Урок 2. Изменение размера и кадрирование изображения.Тоновая коррекция черно-белых изображений

Растровое изображение, Размер изображения , Разрешение, Изменение размера изображения. Команда Image Size, Изменение размера холста. Команда Canvas Size, Повороты и отзеркаливание картинки. Команды Image Rotation, Инструмент ручного кадрирования Crop Tool, Как компьютер задает яркость, Глубина цвета, Гистограмма, Анализ изображения, Curves (кривые) — интерфейс и принципы работы, Установка белой и черной точек, Цвет, как ощущение наблюдателя, Цветовой охват, Адитивная (RGB) и субтрактивная (CMYK) цветовые модели, Цветовой круг, Измерительные инструменты: Eyedropper (пипетка) и палитра Info, Задание цвета в палитре Color Picker, Каналы изображения, палитра Channels, Установка цветового баланса инструментом Curves, Автоматические коррекции и область их применения, Аналоги работы с экспозицией: Exposure и Photo Filter

Урок 3. Свет и цвет. Каналы

Цветовые модели, Цветовые профили для конкретного пользователя ПК, Коррекция изображений на компьютере, Инструменты из группы Осветлитель, Инструменты из группы Размытие, Инструменты из группы Штамп, Инструменты из группы Пипетка, Обзор панели «Каналы», Типы каналов, Отображение панели «Каналы», Отображение или скрытие канала, Демонстрация цветовых каналов в цвете, Выделение и редактирование каналов, Палитра Info, Коррекция изображения

Урок 4. Выделение. Инструменты ручного выделения. Быстрое создание и доработка выделения

Общие команды меню Select: All, Deselect, Reselect, Inverse, Grow и Similar, Сохранение выделений. Альфа-каналы, Инструменты выделения: Rectangular Marquee Tool, Lasso, Magic Wand, QST, Настройки инструментов ручного выделения, Выделение инструментом Pen Tool, Взаимодействие новой области выделения с уже существующими, Quick Mask (быстрая маска), Доработка маски инструментами рисования Brush Tool и Gradient Tool, Команда Transform Selection — геометрические преобразования выделений, Команда группы Select\Modify, Инструмент Color Range, Универсальняй инструмент доработки выделения Refine Edge, Создание маски из канала изображения

Урок 5. Слои. Базовые приемы работы. Режимы наложения (Blending Modes)

Принцип построения послойного изображения, Палитра Layers, Управление слоями, Геометрические трансформации изображения в слое, Связывание, группировка и объединение слоев, Smart Objects (смарт-объекты), Затемняющие, осветляющие и контрастные режимы наложения, Приемы коррекции с использованием контрастных режимов, Режимы Color и Luminosity, Логика разделения тоновой и цветовой коррекции

Урок 6. Маска слоя (Layer Mask). Основы неразрушающей обработки

Маска — возможность «стереть изображение без его удаления, Операции с маской в палитре слоев (Layers), Маска вырезания (Clipping Mask), Использование маски слоя для вырезания объектов, Понятие корректирующего слоя, Слои заливки: Solid Color, Gradient, Pattern, Корректирующие слои: Levels, Curves, Color Balance, Brightness/Contrast, Photo Filter,, Exposure, Что такое неразрушающая обработка, Основные принципы создания «хорошей» послойной структуры, Сохранение истории обработки в слоях, Сравнение методики неразрушающей обработки и инструмента History Brush

Урок 7. Выборочная коррекция. Перевод в ч/б и тонирование

Hue/Saturation, коррекция отдельного цветового тона, Vibrance — аккуратный способ поднять цветовую насыщенность, Selective Colors, особенности работы инструмента в контексте цветовоспр, человека, Shadow/Highlight — принципы применения и настройки инструмента, Преобразование цветовых контрастов в яркостные, Классические способы перевода в ч/б, Black&White — самый лучший из быстрых и самый быстрый из лучших, Тонирование. Разновидности, принципы и область применения, Тонирование при помощи Hue/Saturation и кривых (Curves), Раздельное (сплит) тонирование. Инструмент Gradient Мар

Урок 8. Ретушь. Инструменты и приемы

Почему приходится ретушировать фотографии, «Упрощенные» инструменты — Healing Brush Tool, Spot Healing Brush Tool, Patch Tool и опция интеллектуального совмещения границ (Content-Aware), Команда Edit \ Fill и опция Content-Aware — быстрое избавление от мусора, Content-Aware Move Tool — «волшебное» перемещение объектов, Clone Stamp Tool — основной инструмент ретушера, Палитра Clone Source, Особенности и проблемы применения Clone Stamp Tool, Встраивание ретуши в методику неразрушающей обработки, Особенности и виды портретной ретуши, Инструмент Brush Tool в различных режимах наложения, Инструменты Dodg Tool и Bum Tool, History Brush как скоростная альтернатива работе на слоях, Исправление геометрии — фильтр Liquify

Веб-дизайн. От новичка до профи

Урок 1. Теория веб-дизайна

Введение. Что такое веб-дизайн? Основы хорошего дизайна. Цвет, форма, типографика. Основы гармоничной композиции. Единство, пропорции, баланс. Масштабируемость в веб-дизайне. Подготовка к работе. Необходимые программы. Настройка Photoshop для удобной работы. С чего начинать дизайн. Чит-коды, облегчающие дизайнеру жизнь.

Урок 2. Типографика. Визуальные знаки

Что такое типографика? Классификация шрифтов. Сочетания шрифтов. Визуальные знаки и их типы.

Урок 3. Предварительный анализ в веб-дизайне. Процесс работы над сайтом

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

Урок 4. Сетка в веб-дизайне и практика

Создание дизайна сайта. Вертикальная и горизонтальная сетка.

Урок 5. Тренды в веб-дизайне

Минимализм. Флэт-дзайн. Изображения в веб-дизайне. Сторителлинг. Видео и веб-дизайн. Эффекты анимации. Google material дизайн.

Урок 6. Дизайн landing page

Что такое landing page? Что такое конверсия? Как создавать сайты, стимулирующие продажи?

Урок 7. Дизайн интернет-магазина

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

Урок 8. Секреты, техники, инструменты веб-дизайна. Что делать дальше?

Личный опыт преподавателя, советы и рекомендации для дальнейшего развития.

Проектирование интерфейсов . UI/UX

Урок 1. Введение в специальность

Кто такой дизайнер интерфейсов; цикл работы дизайнера интерфейсов; пользовательский интерфейс (UI) и опыт взаимодействия (UX); взаимодействие с заказчиком в процессе разработки интерфейса; особенности web-usability; принципы хорошего интерфейса; основные ошибки; стадии проектирования пользовательского интерфейса; руководства и шаблоны.

Урок 2. Продуктовый дизайн

Аналитика цифровых продуктов; исследования пользовательского поведения; обзор инструментария для проведения исследования пользовательского поведения; A/B тестирование.

Урок 3. Дизайн для пользователя

Проектирование пользовательского опыта; "картирование" историй пользователя (User Story Mapping); разработка маршрутов пользователя (User Journey).

Урок 4. Быстрое прототипирование интерфейсов

Обзор и сравнение наиболее популярных программ: Pixate, Flinto, Principle, Atomatic и др.; работа в данных программах.

Урок 5. Sketch

Sketch - инструмент для создания эскизов; работа в программе; создание эскиза своего проекта.

Урок 6. InVision

InVision - инструмент прототипирования; работа в программе; основные инструменты; практические приёмы; создание прототипа проекта.

Урок 7. Сайты электронной коммерции

Юзабилити веб-сайтов для мобильных и планшетных устройств; дополнительные возможности и ограничения с точки зрения пользователя; особенности прототипирования разных проектов в InVsion.

Урок 8. Аудит проекта; работа с заказчиками

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

Дизайн мобильных приложений. Продвинутый уровень

Урок 1. Основные понятия

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

Урок 2. Концепция

Концептуализация и придумывание идей для решения "боли" ЦА; текстовая блок-схема; создание скетчей и описание бизнес-процессов; теория и принципы прототипирования; создание дизайна с помощью скриншотов; делаем скриншоты интернет-проектов и сайтов и из них составляем своё приложение; примеры успешных и плохих приложений.

Урок 3. Гайдлайны

Обзор особенностей гайдлыйнов IOS; примеры гибридных приложений; гайды: в чём основные отличия элементов интерфейса, шрифтов и философий; скеоморфизм, флэт и метро; обзор одних и тех же приложений на разных платформах и разбор их по гайдам.

Урок 4. Базовые элементы и принципы интерфейса. Часть 1

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

Урок 5. Базовые элементы и принципы интерфейса. Часть 2

Базовые элементы вёрстки: правило "внутреннего" и "внешнего", правило якорных объектов, фактоиды, ушки, ярлыки, цитаты, смешивание комков, принцип минимизации конструкции, модульность, вынесение за скобки, бритва Оккама, экономия кеглей, принцип динамизации элементов дизайна, определение "главного" и "второстепенного", его визуальное выделение.

Урок 6. Теория дизайна и выразительности

Базовые правила композиции: подобие, ритм, контраст (форм, цветов, размеров), главное и второстепенное; модульные системы и сетки в интерфейсах мобильных приложений.

Урок 7. Технологии и инструменты

Программы; разрешения; подготовка изображений для технологов; создание иконок, иллюстраций для текстового описания в AppStore; Device preview; типографская раскладка; автоматизация работы.

Урок 8. Теория переговоров, передача проекта разработчикам

Базовые правила общения; понимание задачи; компромисс; конфликт; профилактика; ружьё всегда заряжено; забота; разгневанный клиент; признание ошибок; принцип «АнДу»; перемены у клиента; риск; авансы; собеседование и отношения с коллегами.

Английский для IT-специалистов. Видео-курс

Урок 1. IT resume sample

Составляем резюме на английском.

Урок 2. Job interview: questions and answers

Проходим собеседование на английском.

Урок 3. Effective Teams

Говорим о командной работе и процессах на английском.

Урок 4. Workplace communication

Английский для общения по телефону и Skype.

Урок 5. Business e-mails

Ведём переписку на английском.

Урок 6. Requirement Specifications (SRS)

Читаем и составляем техническое задание на английском.

Урок 7. Stand-Up meetings

Становимся идеальным спикером.

Урок 8. Deadline

Выполняем работу в срок и по-английски.

Урок 9. Challenge

Описываем и решаем проблемы по-английски.

Урок 10. Start up

Рассказываем о своём проекте и представляем команду на английском.

Только GeekBrains имеет более 30 компаний-партнеров в сфере ИТ для стажировки наших выпускников. Сразу после завершения обучения Вы сможете выбрать наиболее интересный вариант стажировки:

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

Все выпускники могут проверить себя в процессе разработки проекта "с нуля". Вы будете работать в одной команде с другими выпускниками. Куратором процесса выступит опытный преподаватель и team leader Евгений Картавец.

Результатом стажировки станет готовый проект, закрепленные навыки и личное портфолио.

Если вы пройдете стажировку достаточно успешно, по окончанию вы получите рекомендацию от преподавателя для дальнейшего трудоустройства.

Что говорят о курсах выпускники

Мы публикуем все отзывы и оценки выпускников без изменений

4.4 / 5

Средняя оценка программе

4.6 / 5

Средняя оценка преподавателей