58 lines
3.1 KiB
Markdown
58 lines
3.1 KiB
Markdown
---
|
||
Тип: Книга
|
||
Статус: Прочитано
|
||
Название: Дизайн для разработчиков
|
||
Автор:
|
||
- Стефани Стимак
|
||
Количество страниц: 304
|
||
Прогресс: 304
|
||
Формат: Бумажная
|
||
Обложка: Библиотека/Книги/covers/design-for-developers.jpg
|
||
Начата: "2024"
|
||
Закончена: "2024"
|
||
Оценка: "6"
|
||
Сложность: 4/10
|
||
Теги:
|
||
- it
|
||
- programming
|
||
- design
|
||
- css
|
||
- ux
|
||
Категории:
|
||
- разработка программного обеспечения
|
||
- веб-дизайн
|
||
Источник:
|
||
Ссылка: https://disk.yandex.ru/i/LDJ-hcKMoVpEjw
|
||
---
|
||
|
||
![[covers/design-for-developers.jpg]]
|
||
|
||
# Дизайн для разработчиков
|
||
|
||
## 📖 О книге
|
||
Практическое руководство по дизайну для тех, кто умеет писать код, но теряется перед Figma и цветовыми палитрами. Стефани Стимак объясняет базовые принципы дизайна — типографику, цвет, layout, пространство — на понятном разработчику языке. Книга не делает из программиста дизайнера, но даёт достаточно знаний, чтобы создавать приятные интерфейсы самостоятельно и грамотно общаться с дизайн-командой.
|
||
|
||
---
|
||
|
||
## 🧠 Ключевые идеи
|
||
- **Типографика — основа читаемости**: выбор шрифта, межстрочный интервал и иерархия заголовков влияют на восприятие контента сильнее, чем цвет
|
||
- **Цветовые модели и контраст**: понимание HSL, цветовых колёс и требований доступности (WCAG) позволяет строить палитры осознанно, а не наугад
|
||
- **Принципы layout**: сетки, отступы, выравнивание — не эстетика, а инструменты визуальной иерархии, которые направляют взгляд пользователя
|
||
- **Исследование пользователей**: даже минимальное UX-исследование (карты путей, персонажи) помогает принимать более обоснованные дизайн-решения
|
||
- **Дизайн-системы для разработчиков**: компонентный подход в дизайне параллелен компонентному подходу в коде — токены, переменные, переиспользуемые блоки
|
||
|
||
---
|
||
|
||
## 💬 Важные цитаты
|
||
> «Хороший дизайн незаметен. Плохой дизайн кричит о себе.»
|
||
|
||
---
|
||
|
||
## 💡 Как применить в моих проектах
|
||
|
||
|
||
---
|
||
|
||
## 🔗 Связанные заметки
|
||
|