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
3.2 KiB
3.2 KiB
title, created, updated, type, tags, sources, confidence
| title | created | updated | type | tags | sources | confidence | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Ant Design and Chinese Enterprise Design Systems | 2026-06-02 | 2026-06-02 | concept |
|
|
high |
Ant Design и Китайские Enterprise-дизайн системы
Ant Design (Ant Group / Alibaba)
Самая популярная enterprise-дизайн система в мире (после Material Design).
5 принципов Ant Design
- Proximity — близость: связанные элементы группируются
- Alignment — выравнивание: создаёт визуальный порядок
- Contrast — контраст: выделяет важное
- Repetition — повторение: создаёт единообразие
- Consistency — последовательность: основа доверия
Ценности дизайн-языка
- Natural — естественность: интеракции, следующие физическому миру
- Certain — определённость: предсказуемое поведение интерфейса
- Meaningful — осмысленность: каждый элемент служит цели
- Growing — рост: система развивается с пользователем
Техническая база
- React-компоненты (TypeScript)
- Design Tokens (CSS Variables)
- 70+ компонентов
- Темы: светлая, тёмная, кастомная
- i18n (включая 50+ языков)
TDesign (Tencent)
Китайская альтернатива Ant Design от Tencent.
Особенности
- Vue 3, React, Angular, Mobile — 4 фреймворка сразу
- 500+ компонентов (один из самых больших наборов)
- Цветовая система на основе оттенков (10 ступеней на цвет)
- Адаптивная: desktop → mobile одной библиотекой
- Полностью открытая (MIT)
Общие черты китайских дизайн-систем
- Высокая плотность контента (по умолчанию compact mode)
- Вертикальная ориентация (узкие экраны — стандарт)
- Многоцветность (богатые палитры, градиенты)
- Enterprise-first (мощные таблицы, фильтры, дашборды)
- Анимация как часть дизайна (микро-взаимодействия обязательны)
Применение для российских сайтов
- взять систему токенов и компонентный подход
- использовать compact mode для информативных дашбордов
- кастомизировать цвета под российский рынок (не ярко-красный, а приглушённый)
- анимации умеренно — для РФ важнее скорость загрузки (медленный интернет в регионах)