Курс "Web-дизайн". Вечерняя группа

На курсе вы сможете проанализировать свою ЦА, нарисовать свой проект в программе Adobe Photoshop, сделать макеты сайта адаптивными под любые носители!

Единственные курсы веб-дизайна в Челябинске, в которых собраны проектирование, отрисовка уникального сайта в программе Adobe Photoshop + Adobe XD, решение кейсов и возможность создать портфолио в процессе обучения.

Программа курса

1. Вводное занятие. Основные понятия:
   • Интерфейс. Что входит в понятие интерфейс.
   • Структура. Составляющие части макета и их функционал.
   • Особенности профессии web-дизайнера.
   • Какие программы используются на рынке и для чего (Adobe XD, Sketch, Figma, Invision Studio, Photoshop, Affinty Design, Illustrator, Principle, After Effects, Avocode, Zeplin, Abstract).
   • Стоимость и сроки работы, средний ценник на рынке за работу дизайнера.
   • Практика:
     • Выбор темы и направления проекта.
     • Разработка концепта.
2. Этапы разработки сайта. Бриф и ТЗ:
   • Этапы web-разработки и место дизайнера в них.
   • Специфика работы над дизайн-проектом. Общение с заказчиком и маркетологом.
   • Определение задач интерфейса.
   • Способы генерирования идей и разработка концепта.
   • Структура сайта и его влияние на дизайн-макет.
   • Правила размещения модулей на странице сайта.
   • Практика:
     • Сбор информации для составления технического задания.
     • Заполнение брифа для макета.
     • Знакомство с Adobe XD.
3. Скетчинг и прототипирование:
   • Что такое UX/UI дизайн.
   • Планирование навигаци.
   • Методы оптимизации web-дизайна для пользователя (используйте понятный язык).
   • Принципы юзабилити в текстах, графике и структуре сайта.
   • Модульные сетки, их виды и особенности.
   • Оптимизация дизайна под цели и задачи сайта без потери удобства пользования.
   • Тестирование макета.
   • Практика:
     • Особенности работы над web-макетом в Adobe Photoshop (сравнение с Adobe XD).
     • Прототипирование сайта. Логическая схема.
     • Проектирование главной страницы.
4. Композиция и графика + техническая сторона web-разработки:
   • Композиция в web-макете, целостность и гармония.
   • Технические требования для макета.
   • Особенности восприятия цвета и его психология в интернете. Безопасные web-цвета.
   • Композиция в текстах и графике. Золотое сечение.
   • Фирменный стиль и его значение.
   • Лицензионные изображения, иконки и иллюстрации.
   • Практика:
     • Проработка цветовой гаммы сайта.
     • Наполнение макета главной страницы контентом.
5. Типографика и текст:
   • Виды и стили шрифтов.
   • Безопасные шрифты.
   • Особенности подачи текста в web-пространстве.
   • Роль текстов в продвижении и дизайне сайта.
   • Практика:
     • Наполнение главной страницы текстовым контентом.
     • Подбор шрифтового решения под концепт макета.
     • Подпись кнопок и навигации на сайте.
     • Разработка структуры внутренних страниц.
6. Лицензионные изображения, фотографии, иконки и иллюстрации:
   • Почему не стоит искать в интернете.
   • Авторские права и стоковые сервисы.
   • Уникальность графического контента.
   • Дополнительная векторная графика (значки, иконки, обозначения, маркировки).
   • Создание уникальной векторной графики.
   • Практика:
     • Обработка растровых изображений в Adobe Photoshop.
     • Вставка готового изображения в Adobe XD.
     • Доработка макета и наполнение внутренних страниц сайт.
7. Адаптивный дизайн. Подготовка макета для вёрстки:
   • Цели и задачи адаптивного дизайна.
   • Интерфейс сайта в адаптивной версии.
   • Технические требования и характеристики адаптивного макета.
   • Особенности композиции и юзабилити сайта для разных устройств.
   • Работа с верстальщиком-программистом.
   • Передача макета для запуска в вёрстку.
   • Практика:
     • Адаптация макета главной страницы под разные устройства.
     • Подготовка макета для вёрстки.
8. Landing Page. Одностраничные сайты:
   • Ключевые отличия дизайна многостраничных и одностраничных сайтов.
   • Особенности дизайна и размещения модулей на Landing Page.
   • Особенности дизайна и вёрстки одностраничных сайтов.
   • Отличие контента и целевых задач макета.
   • Практика:
     • Разработка концепта одностраничного сайта по выбранной теме.
     • Разбор особенностей работы с шаблонами и заготовками для макета.
     • Создание макета одностраничного сайта в Adobe Photoshop.
9. Презентация своей работы:
   • Что такое Behance и Dribbble.
   • Особенности подачи материала.
   • Раскрутка Behance.
   • Основы дизайна в социальных сетях.
   • Подготовка макета для Behance.
10. Защита проектов:
    • Защита проектов.
    • Вручение сертификатов.