Создаём форму заказа для интернет-магазина
Создаём форму заказа для интернет-магазина
В этом уроке Даниил Волосатов эксперт в области коммерческого веб дизайна покажет вам, как создать всплывающую форму с заказом товара для интернет-магазина.Сложность урока: Средний
В этом уроке Даниил Волосатов эксперт в области коммерческого веб дизайна покажет вам, как создать всплывающую форму с заказом товара для интернет-магазина.
Форма визуально будет делиться на две части: в левой будет слайдер с фотографиями для отображения разных ракурсов товара, а с правой стороны расположиться вся нужная техническая информация о товаре и кнопка заказа.
Данный урок из нашего нового курса «Основы коммерческого веб-дизайна». В конце Даниил продемонстрирует работы студентов первого потока спустя 2 недели их обучения на курсе.
Ну что, готовы? Тогда смотрите, вдохновляйтесь и создавайте крутые дизайны!
Этот урок научит вас таким моментам:
- Работа с колоночной сеткой и направляющими для выбора размера формы;
- Использование векторных фигур для создания блоков и элементов;
- Как эффективно работать с текстовыми слоями;
- Важность выравнивания информации для её лёгкого восприятия;
- Как графически расставлять акценты на выделенных деталях;
- Работа с быстрыми направляющими;
- Способы как быстрого так и точного отделения объектов от фона;
- Применение и редактирование градиентов с помощью стилей слоя.
Проходите урок, экспериментируйте и учитесь создавать уникальный, креативный дизайн.
Только практика приведёт вас к достойным результатам и успеху!
Скачать архив с материалами к уроку
Источник: creativo.one
Комментарии 189
Спасибо за урок)
Спасибо. Было интересно.
Благодарю!
Впервые такое делала.
Спасибо за урок!
Классное оформление!
Хорошо получилось!
Спасибо за урок!
Мой вариант
Понравилась работа! Размер только очень маленький.
Вот что вышло меня)
Хорошо сделали урок!
Благодарю
Спасибо за урок!
Спасибо за подробный урок!
Спасибо за урок!!!
Спасибо большое!)
Спасибо!
Очень хорошо сделали! Можно покупать!
Спасибо за урок!
Отлично сделали урок!
мне легче сверстать это...
Хорошая работа!
Спасибо за урок
Хорошее исполнение урока!
Спасибо за урок
Хорошее исполнение урока!