5 современных UI-трендов
➰ Контурные иконки по умолчанию, дополняющие текст.
Иконки, напоминающие буквенное написание своим контурным видом, – безумно важное средство для передачи информации пользователям. Иконки могут разрушить языковой барьер, в то время как текст остается важным для тех, кто с иконками не знаком. А создание одинакового внешнего вида может снизить когнитивную нагрузку при считывании иконок рядом с текстом. Заполненные же иконки тогда можно использовать для выделения.
Вечно актуальный тренд подбора элементов по цветам. Меняются лишь инструменты для более легкого построения различных схем цветов.
➰ Вариативные UI-шрифты с оптическими размерами.
Вариативные шрифты – это новый формат шрифта, основанный на OpenType. Он позволяет дизайнеру настраивать определенные «оси вариации» (или переменные) шрифта, такие как нефиксированная насыщенность, наклон и оптический размер.
Например, если ваш блок с нужной информацией находится у края экрана, смешайте его с фоном в моменты, когда его не нужно выделять. Например, когда пользователь еще не скролил экран. И если у вас есть основной контент, разместите его на тонком слое, отличном от фона.
Это уменьшает количество визуального беспорядка и повышает визуальную значимость контента.
➰ Дифференциация без упора на цвет.
Сейчас дизайнеры добавляют больше способов отображения состояний без упора на цвет. Например, если переключатели имеют одинаковый фундаментальный дизайн во всех основных ОС. Это облегчает для пользователя переключение между разными платформами и снижает когнитивную нагрузку.