Дизайн и Графика [Данил Фимушкин] DESIGN GYM - ОБРАЗОВАТЕЛЬНЫЙ КУРС ПО ВЕБ-ДИЗАЙНУ И ЮЗАБИЛИТИ

[baltian]

Автор: Данил Фимушкин
Название: DESIGN GYM - ОБРАЗОВАТЕЛЬНЫЙ КУРС ПО ВЕБ-ДИЗАЙНУ И ЮЗАБИЛИТИ




Вы научитесь создавать макеты сайтов в Photoshop для крупных интернет-магазинов, корпоративных сайтов и блогов. Поймете как правильно проектировать структуру сайтов и прототипировать в Axure. Создадите или обновите портфолио. Так же получите советы как сконцентрироваться на дизайне и найти в пару верстальщика, который будет заниматься версткой и программированием
Вы многое узнаете и многому научитесь:

Блок 1: универсальные знания

• Как устроен сайт
• Определения основных понятий
• Типология сайтов
• Основные элементы сайта
• Современные тренды в веб-дизайне
• Понятие важности дизайн элементов
• Разбор основных элементов, используемых при проектировании
• Бриф и техническое задание
• Исследование проекта
• Цикл жизни проекта
• Готовые шаблоны брифов
• Готовые шаблоны ТЗ
• Правила общения с заказчиком
• Домашнее задание

Блок 2: практические знания

• Логика построения сайта
• Определение целей и задач сайта
• Обзор инструментов и сервисов прототипирования
• Проектирование и создание прототипа в Axure
• Понятие конверсии и приёмы
• Прототипирование проектов: инструменты, сервисы и смыслы
• Создание прототипа в Axure скринкаст с ответами на вопросы
• Домашнее задание

Блок 3: веб-типографика

• Основные понятия и определения
• Caracter, Paragraph и Paragraph Styles в Adobe Photoshop
• Специальные символы
• Шрифтовые пары и правила их подбора
• Google web fonts для вашего проекта
• Type kit
• Домашнее задание

Блок 4: композиции сайтов

• Обзор успешных примеров композиции
• Интернет-магазин
• Блог
• Landing Page
• Сайт компании
• UI-kit
• Понятие UI-kit
• Использование UI-kit веб-дизайнером

Блок 5: визуализация

• Мудборд
• Создание интерфейса
• Использование иконок
• Подбор изображений
• Создание финального дизайна страниц в Photoshop

Блок 6: верстка

• Готовим макет в Photoshop к верстке
• Группировка
• Сетка
• Общение с верстальщиком
• Способы взаимодействия с верстальщиком
• Функция Generate
• Использование Smart Object
• Использование вложенных psd

Блок 7: презентация проекта

• Обзор площадок для публикации своих работ
• Как публиковать работы на Behance
• Как сделать ProSite
• Создание своего портфолио в интернете
• Создание продающей PDF-презентации
• Как продать себя дороже

Блок 8: выпускной

• Защита итоговой работы
• подробная обратная связь и направление дальнейшего развития

Подробнее:

Спойлер: Нажмите и ссылка откроется