1

Этап 1

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

2

Этап 2

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

3

Этап 3

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

4

Этап 4

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

5

Этап 5

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

6

Этап 6

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

7

Этап 7

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

8

Этап 8

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

1

Этап 1

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

2

Этап 2

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

3

Этап 3

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

4

Этап 4

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

5

Этап 5

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

6

Этап 6

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

7

Этап 7

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

8

Этап 8

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

20 февраля 2016 20 апреля 2016
Цель завершена 27 февраля 2016
Образование

Данил Фимушкин. «Design Gym. Курс по web-дизайну и юзабилити.»

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

fimushkin.com/gym/

 Критерий завершения

Материал изучен

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

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

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

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

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

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

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

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

    • Защита итоговой работы
    • Подробная обратная связь и направление для дальнейшего развития
  • 1856
  • 20 февраля 2016, 18:04
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?