Веб - дизайн. Визуальное оформление и верстка сайтов

Модуль 1. Задачи web-дизайнера, его место и роль в создании веб-сайта Как веб дизайн помогает решать задачи бизнеса Чем занимается web-дизайнер Что такое UX и что такое UI Инструментарий web-дизайнера Основы Figma, её возможности и варианты использования Законы дизайна и законы восприятия. Эмоциональный web-дизайн Отличие web-дизайна от других направлений. Современные тренды и направления Практика: делаем страницу сайта красивой

Модуль 2. Дизайн страниц сайта для десктопа Концепции дизайна - Google Material Design и другие Размещение информации на экране, способы организации информации, Z-дизайн, F-дизайн Сетки дизайна Типографика. Использование шрифтов. Подбор шрифтовых пар, особенности для веб-дизайна Поддержка фирменного стиля в решении для web, технические и концептуальные аспекты Использование изображений, вопросы авторских прав Практика: дизайн страницы сайта в заданном стиле

Модуль 3. Адаптивный дизайн, дизайн для мобильных устройств Типы мобильных устройств и их особенности Принцип Mobile First и как он реализуется на практике Что такое “отзывчивый” дизайн Особенности дизайна для мобильных устройств, стандартные и нестандартные визуальные решения Использование адаптивных элементов в Figma для унификации дизайна Тестирование дизайна на самих устройствах Практика: адаптивный дизайн страницы сайта для различных устройств

Модуль 4. Использование конструкторов на примере Tilda Обзор конструкторов. Плюсы и минусы использования конструкторов Основы Tilda Оформление сайта на Tilda Создание элементов сайта - меню и пр. Визуальные эффекты, анимации Полезные ресурсы для web-дизайнера Финальная практическая работа: Оформление своего портфолио на Tilda