Уроки Веб и приложения Даниил Волосатов 5 февраля 2019

Создаём первый экран лендинга

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

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

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

Почему на примере именно первого экрана? Он самый важный. Попадая на него, пользователи принимают решение остаться на сайте либо закрыть страницу. И вам как веб-дизайнеру нужно уметь грамотно расположить все элементы, чтобы посетитель сайта заинтересовался и начал просматривать страницу дальше.

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

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

  • Как правильно выбрать размеры для главного экрана и создать структуру дизайна;
  • Почему нужно работать с сетками;
  • Нюансы расположения объектов в дизайне;
  • Удобство и нюансы работы с быстрыми направляющими;
  • Как и почему нужно применять выравнивание для текста и объектов;
  • Как привлекать внимание и расставлять акценты на важной информации;
  • Эффективная работа со слоями и папками в Photoshop;
  • Какие изображения нужно использовать в веб дизайне;
  • Лёгкий способ поиска и добавления цветовых решений в дизайн;
  • Как работать с настройками шрифтов;
  • Добавление текстуры для привлекательного фона и её редактирование.

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

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

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

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

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

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

Cпасибо за урок, текст не придумал :D

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

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

Спасибо за урок, было полезно.

Благодарю, понравилось.

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

Профессиональная краска для волос для парикмахеров-стилистов

Ребята подскажите, где скачали иллюстрацию??

Простите, не могу найти свою работу и комментарии к ней!

Спасибо за урок. Как то вот так.

Что думаете?

silvercards, получилось неплохо! Продолжайте в том же духе!

silvercards, Выглядит хорошо, загрузите по крупнее пожалуйста для лучшей оценки:)

Спасибо за урок!
А вот так поздравляю всем влюбленным с наступающим праздником!

Спасибо за урок!
У меня получилось вот так.

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

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

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

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


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

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