Microsoft Design Language (ранее Metro) — это язык дизайна, разработанный Microsoft, основанный на принципах типографии и минимализма. Основные принципы:
- Типография: Используется шрифт Segoe UI, акцент на крупном тексте и четкой иерархии.
- Анимация: Применяется для создания эффекта глубины и плавности переходов (например, скольжение, затухание). Анимация должна быть функциональной и не отвлекать.
- Живые плитки (Live Tiles): Прозрачные или цветные прямоугольники, представляющие приложения и отображающие актуальную информацию без необходимости открытия приложения.
- Контент-ориентированный дизайн: Приоритет отдается содержимому, а не элементам управления. Минимум рамок, теней и градиентов.
- Плоский дизайн: Отсутствие объемных элементов, использование четких линий и однородных цветов.
- Фоновые изображения: Могут использоваться для персонализации, но не должны отвлекать от контента.
- Цветовая палитра: Основана на ярких, насыщенных цветах, которые можно настраивать.
- Навигация: Чаще всего используется горизонтальная (свайп) или вертикальная прокрутка, а также адаптивные меню.
Особенности для QA:
- Проверка отображения живых плиток с актуальной информацией в различных состояниях (свернуто, развернуто).
- Тестирование анимаций на плавность, отсутствие артефактов и правильное время воспроизведения.
- Проверка адаптивности интерфейса на разных разрешениях экранов и устройствах в соответствии с принципами плоского дизайна.
- Тестирование навигации с использованием жестов (свайпы).
- Проверка контрастности текста и элементов UI с фоновыми изображениями и цветовой палитрой.