Card

Card (картичка) е UI компонент, който групира свързана информация и действия в ограничен контейнер. Картичките са един от най-разпространените елементи в съвременния уеб и мобилен дизайн, защото организират съдържание по интуитивен и лесен за сканиране начин.

Основни характеристики

1. Контейнер: Картичката има ясни граници (обикновено заоблени ъгли и лека сянка), които я отделят от останалото съдържание.

2. Съдържание: Обикновено включва изображение, заглавие, кратък текст и действие (бутон или линк).

3. Самостоятелност: Всяка картичка представлява завършена единица информация, разбираема без контекст.

4. Интерактивност: Може да бъде кликваема, да има hover ефекти или вътрешни действия.

Приложения

• Продуктови каталози: изображение, име, цена и бутон "Купи" в онлайн магазин.

• Блог постове: thumbnail, заглавие и excerpt в grid оформление.

• Dashboard: метрики и графики в отделни карти.

• Социални мрежи: потребителски постове, профилни карти, препоръки.

• Мобилни приложения: списъци от елементи с preview информация.

Картичките станаха популярни с Material Design на Google, но днес се използват във всички дизайн системи. Ключът е последователност: всички карти в един интерфейс трябва да следват еднаква структура и визуален стил.

Съвет за дизайнери: Не натоварвайте картичката с прекалено много информация. Целта е бърз преглед, не детайлна страница. Ако трябва да покажеш повече от 3-4 елемента, помисли за друг компонент.