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

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

Продовжую опис 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 1K
Приєднався: 2 роки тому
Коментарі (0)

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

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

Вхід