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

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