Прозорі інтерфейси – Дизайн-кабак
Кілька років тому Rutube вирішив змінитись. Новий веб-сайт, новий підхід. Відповідно, і новий плеєр. Саме інтерфейсом цього плеєра я й займався.
Елементи управління відтворенням було прийнято поставити на напівпрозорій плашці, а не на непрозорій, яка суттєво додавала візуальної ваги загальному малюнку.
До того ж, напівпрозора плашка повинна бути єдиною, щоб зменшити кількість елементів інтерфейсу на екрані. Наприклад, хлопці з Vimeo елементи управління розкидали на розділені плашки, що робить сприйняття картинки простіше.
Ще слід зробити цей плашок приліпленим до країв картинки (без відступів від країв), тоді це ще спростить сприйняття.
Тепер, нарешті, про прозорість
Прозорість повинна бути такою, щоб елементи керування були видні за будь-якої картинки на тлі. Це може бути і чистий білий колір, і чистий чорний, і насичене щось дрібними деталями.
Підбирати прозорість доводиться досить часто, так що для подібної роботи я зробив добірку зображень, які сміливо можна використовувати як перевірочні
Просто підкладаєте по черзі ці зображення під прозору плашку і перевіряєте, чи продовжує все працювати, чи прозорість потрібно змінювати.
Звичайно, можна зробити плашку якомога темніше, щоб уникнути усіляких проблем, але тоді від прозорості нічого не залишиться. Ці зображення покликані допомогти знайти ту мінімальну прозорість, за якої все буде чудово працювати.