Всем привет, друзья! Это второй выпуск из рубрики "Мастер веб-дизайна". Сегодня мы немного попрактикуемся в визуализации интерфейса одностраничного сайта (с использованием Adobe Photoshop), рассмотрим инструменты, которыми я пользуюсь для создания дизайна и прототипа сайтов в работе на реальном примере. На практике поработаем с типографикой, отступами, Bootstrap сеткой (PSD) и рассмотрим множество других нюансов при визуализации дизайна сайтов.
Результат урока (@1x): Смотреть
Результат урока (@2x retina): Смотреть
Материалы урока:
- Исходник PSD (готовый результат): Скачать
- Bootstrap PSD (сетка для дизайна): Скачать
- Настройка Photoshop + Плагины: Видеоурок и инструкции
- Используемые шрифты: Open Sans
- Speed Art этого макета: Посмотреть
Премиум уроки от WebDesign Master
Другие уроки по теме «Веб-дизайн»
- Создание дизайна сайта в Figma на реальном примере. Материалы урока
- Создание Bootstrap-сетки в Figma
- С чего начать работу над дизайном и где брать вдохновение
- Процесс создания дизайна сайта салона красоты. Мастер веб-дизайна #7
- Мастер веб-дизайна #5: Создание дизайна сайта пиццерии
- Как стать крутым веб-дизайнером? Все по полочкам: UI/UX, Wireframing, правила хорошего тона, организация работы, верстка, самообучение