Дизайн Обучение

Перечень областей для изучения Digital дизайнеру

Инструменты

• Illustrator, Photoshop (batch image processing, организация слоев, маски и оверлеи)

• Sketch/Figma (symbols, адаптивные элементы, библиотеки, invisionapp, avocode)

• Balsamiq/Axure

Процесс

• DesignOps

Дизайн/Иллюстрация

• Цвета, подбор цвета https://htmlcolorcodes.com/color-picker/

• Теория близости

• Визуальная иерархия https://www.youtube.com/channel/UCz9-FHhOfHufax34XAzDEFQ/videos

• Изометрические иллюстрации (smart home)

• Многоцветные градиенты

• Инфографика

• Стиль иллюстраций для прокачки навыка https://stubborn.fun

Курс UI/UX

• Базовая информация

  • Специализация в дизайне интерфейсов

  • Навыки и инструментарий

  • Элементы интерфейса и паттерны использования

• 2 Аналитика и UX-исследования

  • Исследование клиента и объекта проектирования

  • Исследование конкурентной среды

  • Брифинг потенциальных пользователей и анализ полученных данн

• Проектирование интерфейса

  • Создание персонажей и пользовательских сценариев

  • Создание прототипов

  • Тестирование прототипов

  • Что такое поток, как дать возможность пользователю находится в потоке

  • Правило семи (группировка элементов максимально до 7 шт)

• Идеи и концепции

  • Этапы развития дизайнера

  • Правила хорошего концепта

• Композиция

  • Близость

  • Сходство

  • Завершенность

  • Непрерывность

  • Фигура-фон

• Верстка и типографика

  • Модульность

  • Якорные объекты

  • Теория близости

  • Контраст

  • Шрифты, базовые понятия, построение, шрифтовые пары

  • Правила типографики

  • Верстка таблиц

  • Выбор масштаба для страницы (Размеры базовых элементов)

• Цветоведение

  • Выбор цветовой палитры

  • Теория цвета

  • Поиск вдохновения

  • Иерархия цвета

• Модульные сетки

  • Функции и задачи сетки

  • Выбор сетки

  • Построение сетки

• Адаптивность

  • Адаптация сетки

  • Размеры элементов

  • Мобильные механики

• Иконографика

  • Стили иконок и их назначение

  • Построение иконок

  • Визуальное выравнивание

  • Подготовка для разработки

• Взаимодействие с командой разработки

• Material Design, Atomic Design,User Flows

• Копирайтинг в дизайне

  • Логика текста

  • Написание текста

  • Интерфейсный копирайтинг

Вдохновение

• http://dribbble.com

• http://behance.net

• http://lapa.ninja

• https://www.awwwards.com/

• https://www.pinterest.co.uk/

Дополнительные источники

• https://www.artlebedev.ru/kovodstvo/sections/

• Телеграм Chulakov Design

• Курс Натальи Синепуповой