Основы веб-дизайна

41 участник

О чём курс

Вам нужен макет сайта, который будет не только эстетичным, но и технически готовым к верстке — без лишних правок и недопониманий с разработчиками. Здесь разбираются практические приемы работы в Photoshop: от создания 12-колоночных сеток и проработки иконок до внедрения эффектов параллакса и отрисовки карточек товаров. Вы научитесь работать с типографикой, цветом и подготавливать макеты так, чтобы верстальщик понимал каждый ваш шаг. Итогом станет понимание «уровня нормы» в веб-дизайне и навык создания полноценных страниц для интернет-магазинов и соцсетей.

Программа обучения

  • Урок №1. Целевая аудитория. Прототип сайта
  • Урок №2. Основы работы с инструментами фотошоп
  • Урок №3. Как рисовать кнопки. Механика
  • Урок №4. Сетка 12 колонок для дизайн-макета
  • Урок №5. Колористика
  • Урок №6. Работа со шрифтами
  • Урок №7. Изображения в дизайн-макете
  • Урок №8. Как рисовать собственные иконки
  • Урок №9. Уровень нормы в веб-дизайне
  • Урок №10. Рисуем карточку товара
  • Урок №11. Дизайн вконтакте
  • Урок №12. Создаем главную страницу с эффектом параллакс текста
  • Урок №13. Технические требования к дизайн-макету сайта перед сдачей на верстку
  • Урок №14. Использование мокапов в веб-дизайне
  • Урок №15. Форма авторизации (практика)
  • Урок №16. Обложка для YouTube-канала
  • Урок №17. Страница интернет-магазина
Складчина создана 3 августа 2017 г. · описание обновлено 26 марта 2026 г.

Теги курса

Другие материалы автора 7

АИ Артем Исламов Все материалы
144 ₽ 1 990 ₽