UI-аудио успешно работает, когда оно быстрое, читаемое и согласованное во всех состояниях. При поиске или создании подсказок для UI-сигналов сосредоточьтесь на типе действия (нажатие, переключение, уведомление), огибающей (атака и хвост), а также на том, насколько широким или сухим должен быть звук для телефонов, ноутбуков или встроенных динамиков. Используйте приведённые ниже подсказки как контрольный список, чтобы набор оставался цельным, а не превращался в коллекцию случайных разрозненных кликов.
Начните с взаимодействия и интенсивности
Сначала назовите UI-действие, затем опишите, насколько уверенным оно должно ощущаться. Подтверждение должно быть легче, чем ошибка, а переключение обычно выигрывает от двухэтапного механического ощущения.
- Используйте слова действия: клик, нажатие, переключение, свайп, всплывающее уведомление, открытие модального окна
- Укажите интенсивность: мягкая, средняя, уверенная, но не резкая
- Запросите чистую остановку: плотное затухание, короткий хвост, без затяжного звона
Выберите материальный характер (цифровой или механический)
Материальный язык помогает генератору оставаться последовательным. Цифровые блипы воспринимаются как современные и чистые, тогда как пластиковые или металлические щелчки могут казаться более тактильными для переключателей и ползунков.
- Цифровой: мягкий синусоидальный блип, глянцевое мерцание, чистый чирп
- Механический: пластиковый щелчок, микро-клик, пружинистый щелчок (короткий)
- Избегайте ловушек реализма: не добавляйте комнатные отражения или длинную реверберацию
Управляйте высотой тона, яркостью и стереошириной
Высота тона и яркость определяют, воспринимается ли звук как успех, нейтральный сигнал или предупреждение. Стереоширина обычно должна быть узкой для ясности UI, особенно в видео и записях экрана.
- Успех: немного более высокий тон, плавный короткий хвост
- Ошибка: более низкий центр тона, более жёсткая атака, без искажений
- Держите фокус: узкое стерео, минимальные низкие частоты, низкий уровень шума
Избегайте распространённых ошибок в UI-звуковых эффектах
UI-аудио должно передавать информацию быстро, не звуча как кинематографический эффект. Основные проблемы — хвосты, нависающие над следующим действием, и тона, конкурирующие с речью или музыкой.
- Не используйте длинные свисты для небольших UI-движений
- Избегайте резких, пронзительных высоких частот, которые утомляют при повторных нажатиях
- Пропустите амбиентность и комнатный тон, если только вы не проектируете интерфейс внутри игрового мира