Компоненты — это сложные элементы пользовательского интерфейса, состоящие из нескольких токенов пользовательского интерфейса. Это молекулы атомной конструкции, поскольку они состоят из нескольких атомов.
Содержание статьи
- 1 Панель действий
- 2 Лента активности
- 3 Avatar Group
- 4 Breadcrumbs
- 5 Календарь
- 6 Карточка
- 7 Карусель
- 8 Легенда диаграммы
- 9 Чат (в прямом эфире)
- 10 Комментарии
- 11 Уведомление о файлах cookie
- 12 Таблица данных
- 13 Выбор даты
- 14 Диалог
- 15 Ящик / Аккордеон
- 16 Фильтры
- 17 Hint
- 18 Построитель списков
- 19 Loading Spinner
- 20 Карта
- 21 Меню / раскрывающееся меню
- 22 Модальное окно
- 23 Баннер с уведомлением
- 24 Закусочная для уведомлений
- 25 Тост с уведомлением
- 26 Меню уведомлений
- 27 Заголовок страницы
- 28 Вкладки страниц
- 29 Разбиение на страницы
- 30 Бумажные вкладки
- 31 Всплывающее окно
- 32 Pre- форматированный текст (код)
- 33 Основное меню навигации
- 34 Индикатор выполнения
- 35 Рейтинги
- 36 Обзоры
- 37 Богатый текстовый редактор
- 38 Поиск
- 39 Боковая панель
- 40 Подменю навигации
- 41 Таблица
- 42 Свидетельство
- 43 Отметка времени
- 44 Подсказки
- 45 Всплывающие подсказки
- 46 Дерево
- 47 Video Player
Панель действий
Панель действий — это группа инструментов для управления объектами или выполнения действий.
Лента активности
Лента активности представляет собой хронологическую запись системных событий или действия пользователя.
Avatar Group
An группа аватаров — это визуальное представление нескольких пользователей.
Breadcrumbs
Панировочные сухари — это визуальная запись местоположения пользователя в иерархии объектов.
Календарь
Календарь — это визуальное отображение времени, обычно представленное в днях, неделях, месяцах или годах.
Карточка
Карточки представляют собой визуально содержащиеся группы схожего содержания и / или действий в отношении одного объекта или субъекта.
Карусель
Карусель — это серия элементов контента, отображаемых по одному.
Легенда диаграммы
Легенда диаграммы представляет собой набор этикеток. описание содержания диаграммы.
Чат (в прямом эфире)
Чат обеспечивает синхронное или асинхронное общение. между двумя пользователями или одним пользователем и скриптовым механизмом чата.
Комментарии
Комментарии — это письменные замечания о конкретном системном объекте. Комментарии часто объединяются с рейтингом или баллом.
Уведомление о файлах cookie — это визуальное предупреждение, информирующее пользователя о том, что веб-сайт сохранил небольшой фрагмент данных на его компьютере, чтобы он мог позже запомнить важную информацию о них для таких вещей, как реклама.
Таблица данных
Таблица данных — это табличная коллекция похожих объектов, которые можно искать, фильтровать, сортировать , и / или манипулируется пользователем.
Выбор даты
Средство выбора даты — это элемент управления интерфейса, который позволяет пользователю визуально выбирать дату с помощью небольшого календаря.
Диалог
Диалог — это маленькое плавающее окно, которое передает информацию пользователю и / или запрашивает ответ.
Ящик / Аккордеон
Аккордеон — это вертикальный или горизонтальный список элементов, который можно развернуть или свернуть, чтобы показать или скрыть дополнительную информацию.
Фильтры
Фильтры — это группы атрибутов, которые можно включать или выключать, чтобы отображать или скрывать объекты с соответствующими атрибутами.
Hint
Подсказка — это графический значок, обычно в виде вопросительного знака или строчной буквы «I», который отображает дополнительные символы в формирование, когда пользователь останавливает курсор мыши над ним.
Построитель списков
Конструктор списков — это двусторонний элемент управления, который позволяет пользователю перемещать элементы списка назад и вперед между двумя списками, причем один список представляет выбранные элементы, а другой — невыделенные элементы.
Loading Spinner
Загрузочный счетчик — это графический индикатор, используемый для обозначения выполнения операции , но еще не закончен. Это означает, что система получила запрос пользователя, но еще не завершила его обработку.
Карта
Карта — это графическое представление геопространственной информации.
Меню / раскрывающееся меню
Меню (или раскрывающееся меню) — это список параметров или действий, из которых пользователь может выбирать. Когда меню закрыто, параметры скрыты от просмотра.
Модальное окно
Диалоговое окно — это небольшое плавающее окно, которое передает информацию и коллекции, введенные пользователем.
Баннер с уведомлением
Баннер с уведомлением — это тонкая горизонтальная полоса или поле, содержащее важную информацию, обычно появляющееся в верхней части интерфейса или рядом с ним для наглядности.
Закусочная для уведомлений
Закусочная — это тонкая горизонтальная полоса или коробка, содержащая важную информацию , обычно появляется на короткое время в центре нижней части интерфейса, прежде чем исчезнуть. Закусочная может дополнительно содержать действие, которое может быть запущено в течение периода, когда оно отображается.
Тост с уведомлением
Тост-уведомление — это тонкая горизонтальная полоса или поле, содержащее важную информацию и / или действия, обычно появляющееся в правом нижнем или верхнем правом углу интерфейс. Всплывающее уведомление называется так из-за того, как оно анимируется в окне просмотра и из него.
Меню уведомлений
Меню уведомлений — это лента действий в раскрывающемся списке.
Заголовок страницы
- Соображения: значок, заголовок страницы, подзаголовок, метаданные, хлебные крошки, члены команды
- Инструменты и действия: основные, второстепенные, переполнение
Вкладки страниц
Вкладки могут помочь разделить и организовать подробное содержание на странице. Вкладки страниц обычно отображаются в виде простого текста непосредственно на фоне с подчеркнутой активной вкладкой.
Разбиение на страницы
Разбиение на страницы — это метод разделения списка объектов на несколько страниц. Это снижает нагрузку на базу данных и часто возвращает результаты быстрее, чем бесконечная прокрутка.
Бумажные вкладки
Вкладки могут помочь разделить и организовать подробное содержимое на странице. Бумажные вкладки имитируют внешний вид вкладок в подшивке или на верхней части папки.
Всплывающее окно
Всплывающее окно сочетает контекстное удобство всплывающей подсказки с деталями содержимого диалогового окна. Всплывающие окна обычно (но не всегда) запускаются щелчком мыши и появляются над или рядом с элементом запуска. Всплывающие окна могут быть чисто информационными или обеспечивать интерактивное управление.
Pre- форматированный текст (код)
Предварительно форматированный текст указывает браузеру отображать текст именно так, как он написан, вместо того, чтобы отображать его на основе правил браузера. Предварительно форматированный текст обычно отображается моноширинным шрифтом для большей читабельности.
Основное меню навигации делит приложение на уникальные функциональные области.
Индикатор выполнения
Индикатор выполнения — это визуальный индикатор состояния определенного или неопределенного процесса. Они используются, чтобы сообщить пользователю, что система успешно выполняет действие, когда процесс может занять много времени.
Рейтинги
Рейтинг — это визуальное представление ранга или степени. Рейтинговые системы могут различаться по количеству шагов, что является ключевым фактором для понимания того, как пользователь оценивает что-либо и что означает их рейтинг.
Обзоры
Отзыв — это формализованная письменная оценка или проверка чего-либо с возможным намерением оказать влияние на других.
Богатый текстовый редактор
Редактор форматированного текста, иногда называемый WYSIWYG ("то, что вы видите, что вы получаете »), представляет собой интерфейс для визуального изменения внешнего вида текста.
Поиск
Поиск — это функция или процесс, с помощью которого пользователь пытается найти определенные объекты, вводя релевантные, связанные слова или фразы.
Боковая панель
Боковая панель — это вертикальное меню, используемое для содержащие элементы навигации, контекстную информацию или полезные инструменты.
]
Подменю навигации — это набор дочерних страниц или функциональных областей, связанных с общим родительским элементом.
Таблица
Таблица — это список однородных элементов или объектов. Таблицы полезны для представления подробной информации в удобной для восприятия форме.
Свидетельство
Свидетельство — это письменное или устное утверждение, восхваляющее достоинства чего-либо.
Отметка времени
Отметка времени — это цифровая запись даты и / или времени события.
Подсказки
Подсказки — это контекстные всплывающие окна, которые помогают пользователю выполнить конкретную задачу или представить новую функцию.
Всплывающие подсказки
Всплывающая подсказка — это фрагмент соответствующей информации, который появляется при наведении курсора на определенную точку запуска.
Дерево
Дерево — это визуальная иерархия информации, обычно используемая для файлов и папок.
Video Player
Видеоплеер отображает мультимедийный контент с элементами управления воспроизведением.
Загрузка...
