Очень важно знать и уметь назвать элемент интерфейса. Потому что иначе ваши репорты об ошибках будут похожи на "кликни на штучечку синего цвета, появится пимпочка красного цвета, которой там не должно быть". Ну и понятно, что ничего не понятно, и никто подобного отчета не поймет.
⠀
Но при этом надо уметь назвать достаточно понятно какие-то новые элементы, которые периодически появляются в интерфейсах.
⠀
Чтобы уметь и то, и другое, надо их просто выучить, и расширять свой словарный запас по элементам.
⠀
Я сегодня приведу для примера элементы интерфейса веб-приложений. Часть покажу в карусели, и в сторис. По элементам полезно периодически листать HTML, гайдлайны, и просто интересоваться какие элементы появляются в индустрии.
⠀
Элементы интерфейса десктопных приложений очень похожи, как мне кажется из-за того, что когда появился веб, то старались перенести уже наработанные элементы на веб-приложения. Я не нашла этому подтверждение нигде, но это вполне логичное объяснение эволюции элементов интерфейсов.
⠀
Элементы UI:
🔸текстовое/числовое
🔸текстареа
🔸поле пароля
🔸загрузка файла
🔸чек-бокс (крыжик, флажок)
🔸радиобаттон (переключатель)
🔸список
🔸селект (выпадашка, раскрывающийся список)
🔸кнопки
🔸статус бар (прелоадер)
🔸главное меню
🔸меню
🔸выпадающее меню
🔸панель инструментов, различные собрания каких-то сущностей по смыслу, можно именовать панелями по имени сущностей. Например, у нас собраны вкладки в длинную полосу → панель вкладок
🔸хлебные крошки
🔸всплывающее окно (поп-ап, диалоговое окно)
🔸ползунок
🔸заголовок окна
🔸кнопки управления состоянием окна
🔸скролл
🔸слайдер
🔸пагинация
Если какой-то элемент вам не знаком - гуглите. Вообще гуглите всегда, когда слышите не знакомое слово. Это не полный список, но надеюсь, все основные и главные вспомнила. Пиши в комментарии, если что-то пропустила.
⠀
Сохрани, чтоб не потерять!
Мой блог в instagram
<<< Как я стала начальником своего начальника ------ Добби свободен >>>
