Веб - дизайн. Визуальное оформление и верстка сайтов [Специалист] [Юрий Павлов]

Складчина: Веб - дизайн. Визуальное оформление и верстка сайтов [Специалист] [Юрий Павлов]

Хотите научиться создавать дизайн сайтов? Нацелены овладеть современным подходами в решении творческих задач? Хотите понять, как веб-дизайнеру добиться успеха? Тогда этот курс для вас.

Веб-дизайн — это то, с чего начинается сайт. Это первое впечатление, после которого пользователь решает: остаться на сайте или нет. Это решение принимается интуитивно и быстро. Поэтому во многом от дизайна зависит, сколько посетителей задержатся на сайте, какое первое впечатление о компании сложится.

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

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

Вы изучите современные стили и принципы дизайна (включая Google Material Design), научитесь работать в программе Figma – одной из самых популярных программ для web-дизайна, узнаете, чем она лучше, чем Photoshop.

В процессе прохождения курса вы подготовите несколько проектов, которые затем объедините в финальный сайт-портфолио с использованием популярного конструктора Tilda.

Программа курса
Модуль 1. Задачи web-дизайнера, его место и роль в создании веб-сайта (8 ак. ч.)

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

Модуль 2. Дизайн страниц сайта для десктопа (8 ак. ч.)

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

Модуль 3. Адаптивный дизайн, дизайн для мобильных устройств (8 ак. ч.)

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

Модуль 4. Использование конструкторов на примере Tilda (8 ак. ч.)

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

Продажник