Уроки Веб и приложения Даниил Волосатов 30 ноября 2018

Создаём форму заказа для интернет-магазина

Сложность урока: Средний

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

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

Данный урок из нашего нового курса «Основы коммерческого веб-дизайна». В конце Даниил продемонстрирует работы студентов первого потока спустя 2 недели их обучения на курсе.
Ну что, готовы? Тогда смотрите, вдохновляйтесь и создавайте крутые дизайны!

Этот урок научит вас таким моментам:

  • Работа с колоночной сеткой и направляющими для выбора размера формы;
  • Использование векторных фигур для создания блоков и элементов;
  • Как эффективно работать с текстовыми слоями;
  • Важность выравнивания информации для её лёгкого восприятия;
  • Как графически расставлять акценты на выделенных деталях;
  • Работа с быстрыми направляющими;
  • Способы как быстрого так и точного отделения объектов от фона;
  • Применение и редактирование градиентов с помощью стилей слоя.

Проходите урок, экспериментируйте и учитесь создавать уникальный, креативный дизайн.
Только практика приведёт вас к достойным результатам и успеху!

*Если нет звука – установите в настройках плеера качество 1080p

Скачать архив с материалами к уроку

Источник: creativo.one

17 тыс. 189
Печать Жалоба

Комментарии 189

Спасибо за урок)

Спасибо. Было интересно.

Благодарю!

Впервые такое делала.

Понравилась работа! Размер только очень маленький.

Спасибо за урок!

Спасибо за подробный урок!

Спасибо за урок!!!

Очень хорошо сделали! :thumbs-up:Можно покупать!:slightly-smiling-face:

мне легче сверстать это...

Спасибо за урок

Хорошее исполнение урока!

Хорошее исполнение урока!:slightly-smiling-face:

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее