Узнать подробности и записаться на сайте школы на пробный бесплатный урокСайт школы

Курс "Юный Web-дизайнер"

Школа Центр обучения компьютерной графике Шошина Ивана

Программа курса разработана специально для детского возраста 10-13 лет и 14-17.

Чему обучится Ваш ребёнок

  1. Шрифты в web-дизайне. Шрифты в современном web-дизайне. Грамотное сочетание.
  2. Композиция web-сайта. Цвет, баланс, фактура, контраст, нюанс, линия, пятно, точка. Динамика. Статика. Передача эмоций  
  3. Figma. Общепризнанный удобный и простой инструмент для разработки макетов сайтов.
  4. Photoshop. Мощный графический редактор, позволяющий выполнять работы от иконок, значков, до сложных многослойных композиций.

Возрастные группы

  • 10-13 лет. В данной возрастной группе акцент делается на понимание принципов web-дизайна, развитие творческого мышления и фантазии.
  • 14-17 лет. В этой возрастной группе ребята хорошо понимают профессиональные задачи web-дизайна, учатся делать функциональные и модные сайты, постигают тонкости программ компьютерной графики.

Результаты обучения

  • Разработанный прототип сайта
  • Макет сайта в Photoshop (полноэкранный)
  • Макет сайта в Photoshop (мобильный)
  • Макеты сайта в программе Illustrator
  • Макет сайта, сделанный в Figma

Программа обучения

  1. Как работают web-сайты
  2. Сайт — это программа
  3. Кнопки, ссылки,  алгоритмы
  4. Типы, виды и назначение сайтов
  5. Задачи web-дизайна
  6. Подготовительные шаги
  7. Собираем информацию для сайта
  8. Структурирование. Выписываем задачи
  9. Подбираем аналоги и примеры
  10. Рисуем прототип будущего сайта
  11. Основы вёрстки прототипа на Figma
  12. Компоновка web-сайта
  13. Зачем нужна композиция
  14. Приёмы и средства композиции
  15. Контраст, ритм, метр и др.
  16. Композиционное равновесие 
  17. Композиционные привязки 
  18. Динамика и статика. Работа с формой и массами
  19. Современные фишки композиции
  20. Главная идея web-сайта, концепция
  21. Подбор цвета для сайта
  22. Как мы ощущаем цвета
  23. Работа с цветом и изображением
  24. Ключевые характеристики цветов
  25. Сочетание цветов для передачи нужных эмоций
  26. Понятие цветового колорита
  27. Шрифты в web-дизайне
  28. Зачем нужны разные шрифта
  29. Типы и виды электронных шрифтов
  30. Принципы сочетания шрифтов
  31. Удобочитаемость текста. Приёмы достижения
  32. Мобильный web-дизайн
  33. Отличия мобильного дизайна
  34. Форматы мобильных устройств
  35. Примеры мобильного дизайна
  36. Устоявшиеся правила и приёмы
  37. Photoshop для web-дизайна.
  38. Базовые функции программы. Интерфейс
  39. Разметка макета. Работа со слоями. Векторная графика
  40. Редактирование и трансформация изображений
  41. Работа с масками. Применение обтравочной маски
  42. Профессиональная обрезка фона изображений
  43. Редактирование текста. Шрифт, цвет, типографика
  44. Трансформация текста инструментами трансформирования
  45. Нарезка макета для web-вёрстки. Инструмент «Раскройка»
  46. Принципы создания миниатюрной графики: иконки, кнопки, favicon
  47. Выполнение курсовой работы
  48. Придумываем идею сайта
  49. Продумываем путь пользователя на сайте
  50. Подбираем картинки, шрифты, цвета
  51. Делаем красочный макет на платформе Figma
  52. Анализируем итоговую работу
  53. Исправляем недоработки, доводим до финала