Дмитрий Чернов - Веб-дизайн. Старт бесплатно

Список уроков

1. Задача дизайна. Уровень нормы
1.1Что такое веб-дизайн
1.2Типы сайтов
1.3Критерии выбора сайтов пользователями
1.4Что такое уровень нормы?
1.5Процесс создания веб-сайта
1.6Алгоритм калибровки на норму
1.7Основы тайм-менеджмента. Правило помидорки
2. Исследование и создание прототипа
2.1Бизнес-аналитика. Алгоритм
2.2Примеры задач
2.3Сбор информации о проекте
2.4Целевая аудитория
2.5Задачи пользователя
2.6Проработка логики
2.7Создаем прототип. Уровни восприятия
2.8Правила построения блоков
2.9Практика: Как создать прототип в Moqups
3. Создаем элементны управления
3.1Элементы интерфейса и их функции
3.2Норма в дизайне элементова UI
3.3Кнопки. Правила создания
3.4Кнопки с иконкой. Правила
3.5Форма. Основные правила
3.6Практика: Операции с векторными объектами
3.7Практика: Как поменять радиус отдельного угла прямоугольника
3.8Практика: Перо и кривые Безье
3.9Практика: Кнопка в стиле флэт
3.10Практика: Как создать объемную кнопку в реалистичном стиле
3.11Практика: Реалистичная кнопка дерево / металл
3.12Практика: Создаем форму в стиле реализм
4. Дизайн иконок
4.1Задача иконок. Образ и суть
4.2Алгоритм создания иконок
4.3Стили иконок
4.4Норма в иконках
4.5Практика: Как создать простые контурные иконки в Photoshop CC
4.6Практика: Как создать простые иконки в Photoshop CC
4.7Практика: Создаем иконку в стиле флэт
5. Основы типографики
5.1Типографика в Веб-дизайне
5.2Классификация шрифтов
5.3Шрифты с засечками
5.4Шрифты без засечек
5.5Как подбирать шрифты
5.6Сочетаемость шрифтов
5.7Практика: Строчный текст и параграф
5.8Практика: 3 способа поменять цвет текста
5.9Практика: Использование горячих клавиш
5.10Практика: Создание композиции с помощью маски
5.11Практика: Текст, смарт-объекты и фильтры
5.12Практика: Как поместить текст на контур
5.13Практика: Как сделать все буквы строчными и наоборот
6. Визуальная коммуникация в веб
6.1Задачи визуальной коммуникации
6.2Как подобрать образ
6.3Цветовая стилистика. Эмоции цвета
6.4Стилистика графики. Форма
6.5Mood board / Визуальный бриф
6.6Практика: 3 способа создать маску слоя
6.7Практика: Как поменять цвет объекта на фотографии с помощью маски
6.8Практика: Как сделать фон фотографии кроме объекта черно-белым
6.9Практика: Как создать черно-белую ретро-фотографию
6.10Практика: Цветокоррекция – меняем освещение фотографии на утреннее
7. Инфографика
7.1Инфографика и ее типы
7.2Как используется инфографика в веб
7.3Алгоритм создания инфографики
7.4Практика: Как быстро выровнять много объектов или слоев в Photoshop CC
7.5Практика: Создаем круговую диаграмму
7.6Практика: Создаем диаграмму в Photoshop CC
7.7Практика: Создаем инфографику
8. Главный экран и композиция блоков
8.1Создаем главный экран
8.2Модульная сетка и выравнивание
8.3Практика: Как построить модульную сетку в Photoshop CC
8.4Практика: Используем PSD-шаблон iPhone 5S в макете
8.5Практика: Рисуем карту со сгибами в перспективе Photoshop
9Подготовка дизайн-макета к верстке
9.1Правила оформления дизайн-макета
9.2Второе состояние элементов