Robot
Складчик
- #1
[Специалист] Веб - дизайн. Визуальное оформление и верстка сайтов [Юрий Павлов]
- Ссылка на картинку
Хотите научиться создавать дизайн сайтов? Нацелены овладеть современным подходами в решении творческих задач? Хотите понять, как веб-дизайнеру добиться успеха? Тогда этот курс для вас.
Веб-дизайн — это то, с чего начинается сайт. Это первое впечатление, после которого пользователь решает: остаться на сайте или нет. Это решение принимается интуитивно и быстро. Поэтому во многом от дизайна зависит, сколько посетителей задержатся на сайте, какое первое впечатление о компании сложится.
Веб-дизайнер – востребованная и, вместе с тем, сравнительно молодая для нашей страны профессия, которая находится на пике популярности. Веб-дизайнер должен обладать не только художественным вкусом и знаниями в области графического дизайна, но и владеть современными интернет-технологиями.
Курс хорош тем, что вы начинаете знакомство с предметом изучения с самых азов и в быстрой динамике получаете необходимые знания, чтобы приступить к работе. Во время обучения вы разберётесь, какие бывают веб-ресурсы, чем они отличаются, как эти отличия необходимо учитывать и использовать дизайнеру.
Вы изучите современные стили и принципы дизайна (включая 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
Веб-дизайн — это то, с чего начинается сайт. Это первое впечатление, после которого пользователь решает: остаться на сайте или нет. Это решение принимается интуитивно и быстро. Поэтому во многом от дизайна зависит, сколько посетителей задержатся на сайте, какое первое впечатление о компании сложится.
Веб-дизайнер – востребованная и, вместе с тем, сравнительно молодая для нашей страны профессия, которая находится на пике популярности. Веб-дизайнер должен обладать не только художественным вкусом и знаниями в области графического дизайна, но и владеть современными интернет-технологиями.
Курс хорош тем, что вы начинаете знакомство с предметом изучения с самых азов и в быстрой динамике получаете необходимые знания, чтобы приступить к работе. Во время обучения вы разберётесь, какие бывают веб-ресурсы, чем они отличаются, как эти отличия необходимо учитывать и использовать дизайнеру.
Вы изучите современные стили и принципы дизайна (включая 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