neo
76c4c5b4fe
- 74 brands: airbnb, stripe, apple, figma, linear, vercel, etc. - 147 files: DESIGN.md + README.md per brand (~2.1 MB) - Each DESIGN.md contains structured brand analysis (colors, typography, components) - Updated 00-overview.md with new design-systems directory
1.5 KiB
1.5 KiB
name, title, description, tags, source
| name | title | description | tags | source | |||||
|---|---|---|---|---|---|---|---|---|---|
| psychology/cognitive-fluency | Cognitive Fluency in Design | Design patterns that make information easy to process — reducing friction and increasing trust. |
|
Nielsen Norman Group, baymard.com, stripe.com, linear.app |
Cognitive Fluency
Что это
Дизайн, который делает информацию максимально простой для восприятия. Мозг доверяет тому, что легко понять.
Принципы
- Простота — одна идея на экран
- Предсказуемость — знакомые паттерны
- Контраст — важнее = больше
- Группировка — связанные вместе
Паттерны
/* ✅ Fluent */
.card {
background: var(--color-surface);
border-radius: 16px;
padding: 32px;
border: 1px solid var(--color-border);
}
/* ❌ Complex */
.card {
background: linear-gradient(...);
border-radius: 16px 8px 20px 12px;
padding: 33px 37px;
box-shadow: ...;
border: 2px solid ...;
}
Anti-patterns
| ❌ Плохо | ✅ Хорошо |
|---|---|
| 5 идей на экран | 1 идея на экран |
| Сложная навигация | 3–5 пунктов |
| Абстрактные иконки | Распознаваемые |
| Без whitespace | 128px между секциями |