![Основы веб-дизайна [Highlights]](/assets/images/logos/logo-white.webp "Основы веб-дизайна [Highlights]"){kind=logo}
- 15, Apr 2023
- #1
Основы веб-дизайна [Highlights]
Описание курса Этот курс подойдет тем кто хочет научится создавать дизайн веб-сайтов и мобильных приложений с нуля! Опытный веб-дизайнер и маркетолог Михаил Ведерников научит вас создавать дизайн для веб, даже если до этого вы никогда не открывали Photoshop.
За 3 недели вы не только узнаете основы создания веб-элементов в adobe photoshop, таких как кнопки, иконки, формы, меню, но и создадите дизайн своего собственного сайта.
На каждом занятии вы не только узнаете новую и интересную информацию, но и попробуете все сами, на практике в виде домашних заданий, а так же получите обратную связь от преподавателя.
Подробный план занятий
Занятие № 1. Проектирование сайта и создание прототипа.
● Исследование и выявление задач заказчика.
● Как определить целевую аудитории?
● Как управлять фокусом внимания пользователя?
● Основные элементы вебсайта и их функции.
● Основные композиции и блоки сайта.
● Создаем прототип сайта учебного проекта
Занятие №2. Дизайн интерфейса.
● Задача кнопок и форм на сайте.
● Создание кнопок и меню на сайте. ● Разработка интерфейса в стиле Flat. ● Создание интерфейса в реалистичном стиле . ● Создание форм заявки и подписки. ● Основы создания Ui kit в Adobe Photoshop. Занятие № 3. Дизайн иконок. ● Задача иконок на сайте.
● С чего начать ?
● Какие бывают стили иконок?
● Правила оформления иконок.
● Создаем сет иконок в разных стилях
Занятие № 4. Шрифты и цвета
● Какие бывают шрифты?
● Алгоритм подбора шрифтов для сайта.
● Основные правила оформления текста.
● Передача эмоций с помощью цвета.
● Сочетание различных цветов и их оттенков.
● Инструменты подбора цветовой схемы для веб.
Занятие №5. Содание инфографики.
● Зачем нужна инфографика?
● Как используется инфографика в веб?
● Алгоритм создания инфографики.
● Правила оформления инфографики.
● Создаем блок с инфографикой для своего сайта.
Занятие №6. Создание макета сайта.
● Модульная сетка и выравнивание.
● Композиция блоков сайта на примерах.
● Организация макета в Adobe Photoshop.
● Как донести свою мысль до разработчика?
● Отрисовка главного экрана сайта.
● Отрисовка разделов и дипломного проекта.
http://highlights.guru/courses/view/19
Описание курса Этот курс подойдет тем кто хочет научится создавать дизайн веб-сайтов и мобильных приложений с нуля! Опытный веб-дизайнер и маркетолог Михаил Ведерников научит вас создавать дизайн для веб, даже если до этого вы никогда не открывали Photoshop.
За 3 недели вы не только узнаете основы создания веб-элементов в adobe photoshop, таких как кнопки, иконки, формы, меню, но и создадите дизайн своего собственного сайта.
На каждом занятии вы не только узнаете новую и интересную информацию, но и попробуете все сами, на практике в виде домашних заданий, а так же получите обратную связь от преподавателя.
Подробный план занятий
Занятие № 1. Проектирование сайта и создание прототипа.
● Исследование и выявление задач заказчика.
● Как определить целевую аудитории?
● Как управлять фокусом внимания пользователя?
● Основные элементы вебсайта и их функции.
● Основные композиции и блоки сайта.
● Создаем прототип сайта учебного проекта
Занятие №2. Дизайн интерфейса.
● Задача кнопок и форм на сайте.
● Создание кнопок и меню на сайте. ● Разработка интерфейса в стиле Flat. ● Создание интерфейса в реалистичном стиле . ● Создание форм заявки и подписки. ● Основы создания Ui kit в Adobe Photoshop. Занятие № 3. Дизайн иконок. ● Задача иконок на сайте.
● С чего начать ?
● Какие бывают стили иконок?
● Правила оформления иконок.
● Создаем сет иконок в разных стилях
Занятие № 4. Шрифты и цвета
● Какие бывают шрифты?
● Алгоритм подбора шрифтов для сайта.
● Основные правила оформления текста.
● Передача эмоций с помощью цвета.
● Сочетание различных цветов и их оттенков.
● Инструменты подбора цветовой схемы для веб.
Занятие №5. Содание инфографики.
● Зачем нужна инфографика?
● Как используется инфографика в веб?
● Алгоритм создания инфографики.
● Правила оформления инфографики.
● Создаем блок с инфографикой для своего сайта.
Занятие №6. Создание макета сайта.
● Модульная сетка и выравнивание.
● Композиция блоков сайта на примерах.
● Организация макета в Adobe Photoshop.
● Как донести свою мысль до разработчика?
● Отрисовка главного экрана сайта.
● Отрисовка разделов и дипломного проекта.
Скачать: Скрытая информация :: Авторизуйтесь для просмотра »
![[Барри Файрберн] Овладение удачей](/assets/images/icons/forum2.png){kind=icon}
