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

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

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

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

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

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