Словник дизайнерських елементів (UI/UX), частина 2

Словник дизайнерських елементів (UI/UX), частина 2
2 хв. читання

Продовжую опис UI/UX елементів, які часто зустрічаються. Знання цих елементів допоможуть при організації беклогу для команди.

Перша частина статті тут 

 

Тултіп (tooltip) - це спливаюче вікно, яке з'являється над елементом веб-сторінки, коли користувач натискає на нього. Елемент використовується для відображення додаткової інформації, пов'язаної з цим елементом, без необхідності переходити на нову сторінку.  Дизайнерські елементи (частина 2)

 

Підбирач кольору (color picker) - інструмент для вибору та візуалізації кольорів. Дозволяє користувачам легко та зручно вибрати потрібний колір.      Дизайнерські елементи (частина 2)

 

Підбирач дати (date input, date picker) - поле вводу дати, що використовується для введення дат. Може бути представлене текстовим полем або календарем, що випадає.   Дизайнерські елементи (частина 2)

 

Слайдер (slider) - інтерактивний елемент керування, що дозволяє користувачам вводити значення, перетягуючи маркер вздовж шкали. Використовується для регулювання параметрів, вибору значення з діапазону або фільтрації контенту.

   Дизайнерські елементи (частина 2)

 

 

Панель вкладок (tab bar) - це елемент інтерфейсу, що використовується для навігації між різними секціями або функціями програми в мобільних додатках. Зазвичай розташовується в нижній або верхній частині екрану та містить ряд кнопок, кожна з яких відповідає певній секції.

tab bar на веб додатках називається - footer (футер)

Дизайнерські елементи (частина 2)

 

Скроллбар (scrollbar) - це індикатор, який використовується для прокрутки контенту, коли він не вміщається на одному екрані.

Дизайнерські елементи (частина 2)

 

Рейтинг (rating) - це компонент дизайну, що використовується для оцінки контенту користувачами. Допомагає користувачам приймати рішення про те, який контент їм слід переглянути.

Дизайнерські елементи (частина 2)

 

Перемикач (switch) - це інтерактивний елемент дизайну, що використовується для активації або деактивації параметра. Має два стани: "ввімкнено" і "вимкнено".Дизайнерські елементи (частина 2)

 

Футер (footer) - це нижня частина веб-сторінки, що зазвичай містить інформацію про веб-сайт, контактну інформацію, політику конфіденційності та посилання на інші веб-сайти.

footer (футер) в мобільних додатках - називається tab bar 

Дизайнерські елементи (частина 2)

 

Хронологія (timeline) - елемент використовується для візуалізації послідовності подій.Дизайнерські елементи (частина 2)     

Галерея зображень (image gallery) - це колекція зображень, які можна переглядати. Використовується для демонстрації фотографій, продуктів або інших візуальних матеріалів.

Дизайнерські елементи (частина 2)

 

Форма (form) - це інтерфейс для введення даних користувачем. Використовується для реєстрації, зв'язку, замовлення продуктів тощо.

Дизайнерські елементи (частина 2)

 

Вікно повідомлення або попередження (alert box) - це спливаюче вікно, що використовується для відображення повідомлення користувачу. Може використовуватися для повідомлення про помилки, успішні дії або важливу інформацію.Дизайнерські елементи (частина 2)

Перша частина статті тут 

 

Помітили помилку? Повідомте автору, для цього достатньо виділити текст з помилкою та натиснути Ctrl+Enter
Tatiana 958
Приєднався: 1 рік тому
Коментарі (0)

    Ще немає коментарів

Щоб залишити коментар необхідно авторизуватися.

Вхід