WebDesign Master
Курсы
Мастер веб-дизайна #2. Создание дизайна простого одностраничного сайта

Мастер веб-дизайна #2. Создание дизайна простого одностраничного сайта

Это второй выпуск из рубрики "Мастер веб-дизайна". Сегодня мы немного попрактикуемся в визуализации интерфейса одностраничного сайта (с использованием Adobe Photoshop), рассмотрим инструменты, которыми я пользуюсь для создания дизайна и прототипа сайтов в работе на реальном примере. На практике поработаем с типографикой, отступами, Bootstrap сеткой (PSD) и рассмотрим множество других нюансов при визуализации дизайна сайтов.

Мастер веб-дизайна #2. Создание дизайна простого одностраничного сайта - Видеоурок
Смотреть урок на YouTube
Все курсы канала WebDesign Master

Результат урока (@1x): Смотреть

Результат урока (@2x retina): Смотреть

Материалы урока:

  • Исходник PSD (готовый результат): Скачать
  • Bootstrap PSD (сетка для дизайна): Скачать
  • Настройка Photoshop + Плагины: Видеоурок и инструкции
  • Используемые шрифты: Open Sans
  • Speed Art этого макета: Посмотреть

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «Веб-дизайн»

  • Веб-дизайн для начинающих - Полный курс
  • Создание дизайна сайта в Figma на реальном примере. Материалы урока
  • Создание Bootstrap-сетки в Figma
  • С чего начать работу над дизайном и где брать вдохновение
  • Процесс создания дизайна сайта салона красоты. Мастер веб-дизайна #7
  • Мастер веб-дизайна #5: Создание дизайна сайта пиццерии

Разделы сайта:

  • Курсы
  • Инструменты
  • Веб-дизайн
  • Вёрстка
  • CMS

Полезные ресурсы:

  • Установка WSL и окружения
  • Настройка окружения без WSL
  • Работа с хостингом от А до Я
  • Настройка VS Code
  • Lazy Load Placeholder
  • Документация Gulp
2024 © WebDesign Master