divan.ru design team
Think
divanfferent!
База знаний для новых сотрудников отдела дизайна —
команды, требования, полезные ссылки
Как это читать?
База знаний разбита на блоки по проектным командам. У каждой команды есть список минимальных требований к дизайнеру. Для компенсации недостающих знаний и дальнейшего развития как специалиста прилагаются ссылки на дополнительные курсы, уроки, книги.
Команда улучшения продукта
UI/UX, веб-дизайн, анимация, продуктовые задачи
Не будем погружаться в состав команды, перейдем сразу к тому что входит в обязанности дизайнера из этой команды и чем он занимается. Чаще всего это задачи по добавлению или изменению функционала/фишек на сайте, работа с UI, отрисовка новых иконок. Реже — создание новых страниц, лендингов, работа с анимацией. Совсем редко — создание новых внутренних продуктов, например, корпоративный мерч.
Минимальные требования:
— Понимание основ веб-верстки
— Основы композиции и теории цвета
— Прототипирование
— UI/UX-дизайн
— Figma
— Adobe Photoshop
— Adobe Illustrator
— Основы работы с анимацией
— Адекватная реакция на критику, умение аргументировать свои решения, самостоятельно искать ответы на свои вопросы
Полезные ресурсы:
Обязательно к изучению:
  1. Курс по UX-дизайну — Смотреть
  2. UX. Поведенческое проектирование — Смотреть
  3. 10 принципов User Experience — Читать
  4. Анимация в вебе — Читать
  5. Дизайн в цифровой среде— Читать
  6. Введение в HTML — Читать
  7. Веб-дизайн или не заставляйте меня думать/ С. Круг — Читать
  8. 100 главных принципов дизайна/ С. Уэйншенк — Читать
  9. Вводный курс по Figma — Смотреть
  10. Типографика и верстка / А. Горбунов — Читать
Команда пользовательского интереса
Айдентика, веб-дизайн, фото-, видеоредактирование, промо-материалы
Данная команда работает напрямую с маркетинг отделом. Из типовых задач, поступающих в эту команду, можно выделить разработку акционных фото- и видео-материалов на сайт и в интернет, печатной промо-продукции — билборды, листовки и прочее.
Минимальные требования:
— Понимание основ веб-верстки
— Основы композиции и теории цвета
— Айдентика и брендинг
— Подготовка макетов к печати
— Figma
— Adobe Photoshop
— Adobe Illustrator
— Основы работы с видео
— Адекватная реакция на критику, умение аргументировать свои решения, самостоятельно искать ответы на свои вопросы
Полезные ресурсы:
Обязательно к изучению:
  1. Основы айдентики — Смотреть
  2. Основы брендинга и бренд-дизайна — Смотреть
  3. Основы композиции — Читать
  4. Секреты композиции — Смотреть
  5. Супер Photoshop — Смотреть
  6. Анимация в вебе — Читать
  7. Дизайн в цифровой среде — Читать
  8. Введение в HTML — Читать
  9. 100 главных принципов дизайна/ С. Уэйншенк — Читать
  10. 10 эффективных методов генерации новых идей — Читать
  11. Типографика и верстка / А. Горбунов — Читать
Дизайн-библиотека
Ниже собраны полезные ресурсы и сгруппированы по темам для самостоятельного изучения и развития навыков в интересующих направлениях. Подборки периодически будут обновляться по мере нахождения новых интересных и полезных материалов.
Основы дизайна
Про законы гештальта Читать
Про закон близости Читать
Правило внутреннего и внешнего Читать
Про модульную сетку Читать
Базовые понятия в колористике Читать
Цветовой круг, гармонии и колориты Читать
Про шрифты Читать
Вводный курс по Figma Смотреть
Про композицию Читать
100 главных принципов дизайна / С. Уэйншенк Читать 2012 Читать 2016
Веб-дизайн или не заставляйте меня думать / С. Круг Читать
Про контрасты Читать
12 принципов визуальной иерархии Читать
Курсы по Photoshop Смотреть
Курсы по Illustrator Смотреть
Дизайн привычных вещей / Дональд А. Норман Читать
Пятиминутный гид для недизайнеров Читать
Психофизиология графических интерфейсов Читать Читать2
Основные этапы работы над веб-проектом Читать Читать2
Закон Фиттса Читать
20 самых важных принципов дизайна Читать
Гайд по визуальному дизайну Читать
Графический дизайн. Базовые концепции / Эллен Луптон Читать
Основы Web-Дизайна. Руководство / Рафал Томал Читать
UX / UI
Моушн-дизайн в веб-интерфейсах как инструмент микровзаимодействия с сайтом Читать
UX Movement - Лучшие практики в UX (англ. сайт) Читать
UX. Поведенческое проектирование Смотреть
UX-дизайн Смотреть
Дизайн Цифровых Продуктов - UX-UI Смотреть
UX UI Design мобильных приложений Смотреть
Дизайн в цифровой среде 1-21 Читать
5 вопросов для оценки usability Читать
12 принципов UX-анимации Читать
UX-journal.ru - Блог о продуктовом дизайне Читать
Deadsign.ru - Перевод зарубежных статей Читать
Дайджест продуктового дизайна Читать
Hardclient.com - база знаний по клиентскому опыту в e-commerce Читать
7 принципов удачного дизайна иконок Читать
Дизайн Юзабилити / Якоб Нильсен Читать
Принципы разработки пользовательского интерфейса Читать
Основы доступности дизайна Читать
Интерфейс как система Читать
Главные ошибки дизайна и юзабилити сайта Читать
Дизайн интерфейсов для нормальных людей Читать
Законы UX-дизайна / Яблонски Джон Читать
10 ключевых принципов UX дизайна Читать
Интерфейс / Джеф Раскин Читать
How to design better UI Components / Adrian Kuleszo (eng) Читать
Анализ удобства использования веб-сайтов по движению глаз / Якоб Нельсон Читать
Дизайн-мышление. Рабочие материалы Читать
Умный дизайн / Джефф Джонсон Читать
Брендинг / Айдентика / Креатив
Основы брендинга и бренд-дизайна Смотреть
Основы айдентики Смотреть
Логотипы и фирменные стили Смотреть
Logo Start. Создание логотипов Смотреть
Периодическая система создания логотипа (через VPN) Читать
10 эффективных методов генерации новых идей Читать
Эффективные способы мыслить креативно Читать
7 способов генерировать идеи Читать
7 упражнений для воображения Читать
Дизайн мышления Смотреть
«Найти идею» / Генрих Альтшуллер Читать
«Кураж приходит во время игры» / Мосякин Сергей Читать
Визуальные коммуникации / Марк Эдвардс Читать
Практические советы / Насмотренность
7 практических советов по улучшению дизайна Читать
Как усилить внимание с помощью цветового контраста Читать
10 приемов для создания крутых презентаций Читать
Как выбрать правильную шрифтовую гарнитуру Читать
10 правил типографики в интерфейсах Читать
Отступы в дизайне: системный подход Читать
Уменьшение визуального веса объекта Читать
Проектирование диаграмм Читать
Якорные объекты: баланс в композиции Читать
Дизайн плакатов Читать
Интерлиньяж Читать
Дорожная карта веб-дизайнера / Е. Ржавцев Читать
50 советов как улучшить пользовательский интерфейс / V. Ponomariev (eng) Читать
Блог Игоря Штанга - Статьи / Переверстки Читать
Адаптивные таблицы Читать
Будущее ввода данных Читать
Как разработать крутую форму регистрации Читать
11 правил оформления списков и перечней Читать
30 тактик по оптимизации конверсии Читать
Чекбоксы и переключатели в формах Читать
Как сделать текст простым Читать
Лучшие обложки журналов / 47 выпуск (eng) Смотреть картинки
Анимация
Краткое руководство по анимации Читать
UI-animations / Курс Skillbox+Aic Смотреть
Principle / Курс BangBangEducation Смотреть
Курс по моушн-дизайну / Мастерская Исаева Смотреть
Курсы по After Effects Смотреть
Моушн-дизайн в веб-интерфейсах как инструмент микровзаимодействия с сайтом Читать
12 принципов UX-анимации Читать
Motiongrapher / Вдохновение Смотреть
Учебник о веб-анимации от Tilda Читать
Principlerepo.com / Примеры UI анимаций Смотреть
UI-анимации: все, что вам нужно знать + примеры Читать
Что еще почитать?
Британский дизайн Читать
Искусство цвета / Иоханнес Иттен Читать
Ководство / Лебедев Читать
Инфографика / Ренди Крам Читать
iПрезентация Читать
Типографика и верстка / А. Горбунов Читать
Кради как художник / Остин Клеон Читать
Бренд в графическом дизайне / Т. Габриелян Читать
Дизайн для недизайнеров Читать
Визуальное мышление / Дэн Роэм Читать
Отзывчивый веб-дизайн / И. Маркотт Читать
Эмоциональный веб-дизайн / А. Уолтер Читать
Драматургия дизайна / Эллен Луптон Читать
Дизайн пользовательского опыта / Джон Уэлен Читать
Идеальный Landing Page / А. Петроченков Читать
Между надо и хочу / Эль Луна Читать
Каталог типов визуализации данных Смотреть
Закон Хика Читать
Как доводить дела до конца Читать
Защита решений Читать
10 правил хорошего дизайна Читать
Дизайн-мышление Читать Читать2
21 лекция от Дмитрия Карпова для дизайнеров Смотреть
Школа дизайна Яндекса Смотреть
Онлайн-интенсивы Смотреть
Color works best practices (eng) Смотреть
Три закона критики Читать
Системный подход к UX Читать
Гайд по визуальному дизайну в интерфейсах (UI) Читать
UI Design Styles / Michaf & Diana Malewicz (eng) Читать