Как презентовать дизайн: макет, мокап и кейс

Программа урока

Теория

• Что такое портфолио?
• Из чего состоит портфолио у веб-дизайнера?
• Главные правила всех портфолио
• Что такое кейс в портфолио на простом примере
• Из чего состоит хороший кейс?
• Правила для создания эффектной шапки
• Как продемонстрировать дизайн сайта на носителе?
• Удобный сайт для упрощенной работы с мокапами
• Для чего используются файлы типа: psd?
• Что такое пагинация?
• Еще несколько примеров частей кейса
• Как правильно определись картинку для превью?
• Пример прототипа кейса сайта
• Картинки для вдохновения: референсы

Делаем вместе (по видео)

• Как экспортировать файл Figma в формате png?
• Пробуем использовать мокап через сайт GetCover
• Как открыть файл в фотошопе онлайн?
• Процесс редактирования мокапа в фотошопе
• Как масштабировать картинку в фотошоп?
• Редактируем слой с текстом: наложение тени
• Работа с инструментом пипетка
• Как изменить шрифт в фотошопе?
• Экспортируем готовую работы из фотошопа
• Регистрация на сайте Behance и первичная настройка профиля
• Как поделиться проектом на Behance?
• Тестируем ссылку на проект в режиме инкогнито перед отправкой
• Как создать скриншот всего сайта?

Практика после урока