Веб-дизайнер от Нетологии

1. Насмотренность в дизайне. Узнаете, как тренировать насмотренность, один из основных навыков дизайнера. Будете анализировать работы из разных сфер искусства, углублять навыки работы с цветом, композицией и типографикой.

• Насмотренность: почему она так важна для профессионального развития

• Принципы построения композиции, использования цветов и типографики

• Насмотренность на практике: библиотека изображений

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

• Обзор Figma

• Первые шаги в Figma

• Интерфейсы

• Основы дизайна в вебе и т.д.

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

• Знакомство с веб-дизайном

• Системы ведения проектов

• Вдохновение, творчество, импровизация

• Скетчинг и прототипирование

• Пользовательское взаимодействие

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

• Композиция

• Теория цвета

• Веб-типографика

• Модульные сетки

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

• Адаптивный дизайн

• Веб-анимация

• Системы ведения проектов

• Составление технического задания для вёрстки

6. UX-исследование интерфейса. Познакомитесь с принципами построения пользовательских интерфейсов и рассмотрите их основные элементы. Углубитесь в методологию командной работы и формирование командного взаимодействия. Освоите инструменты для сбора и обработки данных о пользователях продукта. Узнаете основы концепции бережливого производства.

• Введение в UX-исследования

• Азбука пользовательского интерфейса

• Культура работы в команде

• Презентация собственного проекта для работы над курсом и т.д.

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

• Информационная архитектура

• Customer journey mapping

• UX design. Воркшоп

• Инструменты прототипирования

• UI design. Воркшоп

8. Tilda: базовый уровень. Изучите все варианты блоков, возможности редактирования и настройки сервисов. Узнаете нюансы подготовки сайта к запуску.

• Настройки сайта

• Настройки страницы

• Подключение домена и т.д.

9. Tilda: продвинутый уровень. Изучите полный цикл создания сайта и работы с ним: от лендинга до многостраничного интернет-магазина. Узнаете, как настроить email-рассылку.

• Многостраничные сайты

• Функции Tilda для интернет-магазина и рассылок

• Функция «Потоки»

• Личный кабинет

• CRM в Tilda

10. Работа с редактором Zero Block. Научитесь работать во встроенном графическом редакторе Zero Block. Сможете создавать дизайн любой сложности, переносить макеты из Figma или Photoshop, создавать адаптивность и работать с анимациями. Познакомитесь с базовым функционалом Zero Block и скрытыми возможностями, которые позволяют делать сайты фестивального уровня.

• Знакомство с Zero Block

• Адаптивность в Zero Block

• Базовая анимация

• Пошаговая анимация

• Триггерная анимация

11. Вёрстка на HTML и CSS. Научитесь верстать сайты на HTML и CSS. Сможете вносить изменения в существующую вёрстку.

• Теги для вёрстки контента страницы

• Теги для вёрстки структуры страницы

• Теги для вёрстки форм

• Селекторы CSS

• Определение контекста элементов и т.д.

12. Адаптивная и мобильная вёрстка. Научитесь создавать вёрстку под любой тип устройств — компьютер, планшет, смартфон.

• Вёрстка резинового макета

• Резиновые изображения

• Медиазапросы и медиафункции и т.д.