DesignHub

🗂️ Книги, курсы, конспекты и пр.

Книги с интерактивом или текстовые курсы (без видео!), а также лонгриды отмечены иконкой — 🖥️
Конспекты обозначены иконкой — 📝
Книги это – 📘

Заглавие Тип Описание Полезность Купить/изучить Hard skills Soft skills Apps
🖥️ Типографика. Краткий курс Курс 5

http://www.quickandlazy.appspot.com/

🔵 Типографика
🖥️ [Readymag] Сетки Курс

Часть про сетки от образовательного проекта о дизайне от Readymag. Дает исчерпывающие вводные о природе и прикладном значении цвета.

5

https://readymag.com/almanac/setka/

🔵 Композиция, сетки и формы
🖥️ [Readymag] Типографика Лонгрид

Часть про типографику от образовательного проекта о дизайне от Readymag. Дает исчерпывающие вводные о природе и прикладном значении цвета.

5

https://readymag.com/almanac/tipografika/

🔵 Типографика
📘 [Максим Ильяхов] Пиши, сокращай Книга 5

https://alpinabook.ru/catalog/book-pishi-sokrashchay/

🔵 Копирайтинг 🔶 Широкий взгляд
📘 TypeCampus-Type-Trends-Look-Book-2022 Книга

Отличные примеры типографики.

5

https://www.amazon.com/2022-Type-Trends-Lookbook-Lookbooks/dp/B09V5FTR3R

🔵 Типографика
🖥️ [Я.Практикум] Наставничество для тимлидов: как давать обратную связь, решать конфликты и мотивировать Курс

Для тех, кто хочет в менторы.

5

https://practicum.yandex.ru/it-mentor/

🔶 Наставничество и обучение
🖥️ [Tilda Ed] Дизайн в цифровой среде Курс

Интерактивный курс (текстовый), который подробно разбирает основы профессии: этапы работы над дизайном в вебе, базовая теория дизайна и UX.

5

https://tilda.education/courses/web-design/

🔴 Веб-дизайн 🔵 Композиция, сетки и формы 🔴 Проектирование, UX 🔴 Ресёрч 🔵 UI-киты и Дизайн-системы 🔵 Консистентность 🔵 Работа с цветом 🔵 Типографика 🔶 Погружение в предметную область 🔶 Знание психологии
📘 [Дон Норман] Дизайн привычных вещей Книга

Если выбирать какую единственную книгу прочитать по UX и дизайн-мышлению, то однозначно эту.

5

https://www.mann-ivanov-ferber.ru/books/dizajn-privyichnyix-veshhej/

🔴 Проектирование, UX 🔶 Эмпатия 🔶 Знание психологии 🔶 Широкий взгляд
📘 Refactoring UI Книга

Основные знания по хорошему дизайну интерфейсов в формате пдф и на английском. В доп. материалах есть видео и всякие штучки.

5

https://www.refactoringui.com/

🔴 Веб-дизайн 🔴 Мобильный дизайн 🔵 Консистентность 🔵 Типографика 🔵 Работа с цветом 🔵 Композиция, сетки и формы 🔶 Аккуратность 🔶 Знание английского языка
🖥️ [Readymag] Цвет Лонгрид

Часть про цвет от образовательного проекта о дизайне от Readymag. Дает ичерпывающие вводные о природе и прикладном значении цвета.

4

https://readymag.com/almanac/tsvet/

🔵 Работа с цветом
📝 UX Design Masterclass Конспект

У дизайн-студии Filament Lab есть крутой обучающий курс по UX, который они с 2018 года продавали (за 500..700 €), и к которому на время карантина открыли бесплатный доступ. Я решил его пройти, а чтобы закрепить полезное — создал конспект лекций. Простые советы из него могут пригодиться как новичкам, так и опытным дизайнерам/продактам. Здесь что-то вроде плотной базы, отталкиваясь от которой можно потом углублять знания.

4

Конспект: UX Design Masterclass (Part 1/3)

Конспект: UX Design Masterclass (Part 2/3)

Конспект: UX Design Masterclass (Part 3/3)

 

🔴 Проектирование, UX
📘 [Александра Королькова] Живая типографика Книга 4

https://awdee.ru/kniga-zhivaya-tipografika-teper-besplatna/

🔵 Типографика 🔶 Широкий взгляд
📝 Конспект книги «Этой кнопке нужен текст» Кирилла Егерева Конспект 3

https://nekotler.ru/etoy-knopke-nuzhen-tekst/

🔵 Копирайтинг
🖥️ Гайд по визуальному дизайну Гайд

В этом гайде Воробушками собраны рекомендации для дизайнеров о том, как сделать интерфейс понятным, чистым и приятным.

3

https://vrbshki.notion.site/UI-4ecb436b59dd43fdbbaa9522f94a8a75

🔵 Работа с цветом 🔵 Композиция, сетки и формы 🔵 Консистентность 🔵 Типографика
📘 [Бюро Горбунова] Пользовательский интерфейс Книга 3

https://bureau.ru/projects/book-ui/

🔴 Проектирование, UX 🔶 Эмпатия 🔶 Насмотренность
🖥️ [Илья Сидоренко] Дизайн MVP Курс

Короткое веб-пособие по созданию продукта.

3

https://iskros.com/design-mvp

🔴 Дизайн-концепции 🔴 Проектирование, UX 🔴 Веб-дизайн 🔶 Организация работы
🖥️ [Я.Практикум] Курс по визуальным презентациям Курс

Интерактивный курс по созданию классных презентаций от Яндекса.

3

https://practicum.yandex.ru/visual-presentation/

🔴 Визуальная презентация 🔵 Копирайтинг 🔶 Скорость 🔶 Защита решений 🔶 Выступления, лекции и конференции
📘 Шрифт и дизайн. Современная типографика Книга

База. Наглядный нестареющий материал по типографике.

3

https://www.labirint.ru/books/531436/

🔵 Типографика 🔶 Насмотренность 🔶 Аккуратность
📝 Типографика и верстка Игоря Штанга Конспект 2

Страница курса https://vk.com/typeschool

Типографика и вёрстка: бегство от «серого прямоугольника»

Типографика и вёрстка: конструкция

Типографика и вёрстка: выключка, абзац, заголовок, отступ

Типографика и вёрстка: список, таблица, иллюстрация, линейка

Типографика и вёрстка: дополнительные материалы

🔴 Промо, полиграфия 🔵 Композиция, сетки и формы 🔵 Типографика
📝 Virtual Schema by Figma 2022: Design systems Конспект

16 ноября прошла Figma Schema 2022 (это конференция Figma). Толя Вербицкий делал заметки по ходу трансляции, чтобы поделиться со всеми кому будет интересно.

2

https://blog.anatoly.tech/?go=all/virtual-schema-by-figma-design-systems/

🔴 Веб-дизайн 🔵 Консистентность 🔵 UI-киты и Дизайн-системы 🔵 Чистота проектов, подготовка к экспорту 🔴 Мобильный дизайн 🔶 Организация работы 🔶 Самостоятельность 💚 Figma
🖥️ Гайд по дизайн мышлению Гайд 2

https://lab-w.com/tools

🔴 Визуальная презентация 🔴 Дизайн-концепции 🔴 Проектирование, UX 🔶 Организация работы 🔶 Защита решений 🔶 Погружение в предметную область 🔶 Скорость 🔶 Гибкость 🔶 Эмпатия
🖥️ [Obys] Лонгрид по сеткам Лонгрид 1

https://grids.obys.agency/rectangular_others/

🔵 Композиция, сетки и формы
📘 Модульные системы в графическом дизайне Книга 1

https://store.artlebedev.ru/books/modulnye-sistemy-2021/

🔵 Композиция, сетки и формы 🔶 Широкий взгляд 🔶 Насмотренность 🔶 Аккуратность
📘 [Эмиль Рудер] Типографика Книга 1

https://www.chitai-gorod.ru/catalog/book/1038740/

🔵 Типографика
📘 [Эрик Шпикерман] О шрифте Книга 1

https://www.livelib.ru/book/1000308370-o-shrifte-erik-shpikerman

🔵 Типографика 🔶 Широкий взгляд
📘 [Ян Чихольд] Новая типографика Книга

Субъективные рассуждения о развитии современной типографики (современной для автора).

1

https://store.artlebedev.ru/made/izdal/novaya-tipografika-2021/

🔵 Типографика 🔶 Широкий взгляд
🖥️ [Бюро Горбунова] Типографика и вёрстка Книга

Отличный материал для познания основ дизайнерского мастерства. Книга интерактивная, поэтому будет чуть веселее, чем с обычной.

1

https://bureau.ru/projects/book-typography/

🔵 Композиция, сетки и формы 🔵 Типографика 🔵 Консистентность 🔶 Аккуратность 🔶 Широкий взгляд 🔶 Знание психологии 🔶 Защита решений
📘 Информационная архитектура в интернете Книга 1

https://www.litres.ru/book/luis-rozenfeld/informacionnaya-arhitektura-v-internete-2-e-izdanie-24499910/

🔴 Проектирование, UX
📝 Дизайн взаимодействия от RMR (в работе) Конспект

Этапы работы над продуктом

🔴 Проектирование, UX 🔴 Мобильный дизайн