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

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

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

Научитесь создавать вот такую веб форму для оформления заказа с учётом важных технических моментов. Даже если вы новичок, в этом уроке, следуя пошаговому подходу, вы изучите приёмы создание дизайна и узнаете необходимые моменты для этого процесса.

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

 

 

Основные моменты, которые вы узнаете изучив урок:

  •  Как начинать разработку дизайна, используя техническое задание (ТЗ);
  •  Как  использовать направляющие и колоночную сетку;
  •  Как  организовать поэтапный процесс создания дизайна;
  •  Как технически работать с текстом;
  •  Как выделять важную информацию и обозначать приоритеты;
  •  Как отделять основную информацию от дополнительной;
  •  Как визуально разделять блоки с информацией;
  •  Как пользоваться автоматическим выравниванием объектов и текста;
  •  Почему важно выравнивание объектов  по отношению друг к другу;
  •  Как в процессе работы грамотно строить структуру папок и слоёв;
  •  Как создавать интерактивные элементы в разных состояниях;
  •  Как подобрать фон чтобы текст не терялся и оставался заметным;
  •  Как поэтапно добавлять цвет элементам, сочетая их в единый стиль;
  •  Как делать эффекты для кнопок.

Кстати, если вы ещё не знакомы с автором, то вот ссылка на интервью. 
Кликните, чтобы узнать историю Даниила и получить мощную мотивацию

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

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

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

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

26 тыс. 292
Печать Жалоба

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

Спасибо большое за урок

Хорошо получилось! Работу можно покрупнее сделать.

Спасибо за урок! Узнал новые приемы работы!!!

Благодарю за урок все получилось!

Понравилось исполнение!

Это был отличный урок. Просто супер и я в восторге, хоть и пришлось повозиться немного. Автор, хотим уроки в Adobe ХD

Спасибо за урок! Первая работа в веб-дизайне.

Большое спасибо за урок. Очень интересно. Я старался, но еще многому надо учится.

С глупой ошибкой разобралась (слой в режиме яркость), работу доделала. Даниилу спасибо за урок.

На середине работы увидела, что фотошоп отображает только чб. Вроде по настройкам всё нормально... Что тут может быть?

Спасибо за урок. Просто супер.

Можно было с цветами и оформлением поработать. А так, неплохо.

Вариант #2 в других оттенках :) (Первый мой вариант показался мне в итоге мрачноватым)

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

Спасибо автору огромное за такие уроки, побольше бы таких уроков

Спасибо за урок , было очень полезно узнать про создание интерактивных кнопок.

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

Спасибо за урок. Моя первая работа)

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

Большое спасибо! Жду новых уроков.

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

Еще 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-адрес, помогающих нам сделать его удобнее для вас. Подробнее