Создаём первый экран лендинга
Создаём первый экран лендинга
В этом видеоуроке Даниил Волосатов расскажет как веб-дизайнеру, нужно уметь грамотно располагать все элементы, чтобы посетитель сайта заинтересовался и начал просматривать страницу дальше.Сложность урока: Средний
Тема веб-дизайна быстро развивается благодаря тому, что люди постоянно презентуют в сети свои продукты, проекты и различные услуги. А для этого им нужен сайт, а для сайта нужен дизайн.
Поэтому вам как дизайнеру нужно понимать базовые вещи, которые Даниил Волосатов предлагает изучить на примере первого экрана для лендинга.
Почему на примере именно первого экрана? Он самый важный. Попадая на него, пользователи принимают решение остаться на сайте либо закрыть страницу. И вам как веб-дизайнеру нужно уметь грамотно расположить все элементы, чтобы посетитель сайта заинтересовался и начал просматривать страницу дальше.
Даниил покажет, какие ошибки совершают начинающие веб-дизайнеры. А также под руководством эксперта вы с легкостью создадите главный экран лендинга.
Важные моменты, которые вы узнаете, изучив урок:
- Как правильно выбрать размеры для главного экрана и создать структуру дизайна;
- Почему нужно работать с сетками;
- Нюансы расположения объектов в дизайне;
- Удобство и нюансы работы с быстрыми направляющими;
- Как и почему нужно применять выравнивание для текста и объектов;
- Как привлекать внимание и расставлять акценты на важной информации;
- Эффективная работа со слоями и папками в Photoshop;
- Какие изображения нужно использовать в веб дизайне;
- Лёгкий способ поиска и добавления цветовых решений в дизайн;
- Как работать с настройками шрифтов;
- Добавление текстуры для привлекательного фона и её редактирование.
Скачать архив с материалами к уроку
Источник: creativo.one
Комментарии 167
Большое спасибо за урок)
Cпасибо за урок, текст не придумал :D
Добралась до "шапки" лендинга. Спасибо за урок, попробовала для своей группы нарисовать)
Благодарю за урок
Ура, получилось. Просто не совсем было понятно, когда файл сохранялся с подложкой. Спасибо за урок!
Спасибо за урок, было полезно.
+ с другим изображением
Благодарю, понравилось.
Супер!
Спасибо за урок.
Спасибо за урок)
спасибо за урок
Профессиональная краска для волос для парикмахеров-стилистов
Как то так вот
Вот такой лендинг
Хорошо!
Как-то так.
Ребята подскажите, где скачали иллюстрацию??
Простите, не могу найти свою работу и комментарии к ней!
Отлично!
Спасибо за урок. Как то вот так.
Что думаете?
silvercards, получилось неплохо! Продолжайте в том же духе!
Оцените
silvercards, Выглядит хорошо, загрузите по крупнее пожалуйста для лучшей оценки:)
Спасибо за урок!
А вот так поздравляю всем влюбленным с наступающим праздником!
Спасибо за урок!
У меня получилось вот так.