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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Создание дизайна сайта в Figma на реальном примере. Материалы урока
  • Создание Bootstrap-сетки в Figma
  • С чего начать работу над дизайном и где брать вдохновение
  • Процесс создания дизайна сайта салона красоты. Мастер веб-дизайна #7
  • Мастер веб-дизайна #5: Создание дизайна сайта пиццерии
  • Как стать крутым веб-дизайнером? Все по полочкам: UI/UX, Wireframing, правила хорошего тона, организация работы, верстка, самообучение

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

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

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

  • Установка WSL и окружения
  • Настройка окружения без WSL
  • Настройка VS Code
  • Lazy Load Placeholder
  • Документация Gulp 4
2023 © WebDesign Master