Поделиться через


Визуальные эффекты

Заметка

Это руководство по проектированию было создано для Windows 7 и не было обновлено для более новых версий Windows. Большая часть рекомендаций по-прежнему применяется в принципе, но презентация и примеры не отражают наше текущее руководство по проектированию.

Визуальные элементы включают визуальные элементы, отличные от элементов управления. Эти рекомендации помогают принимать решения о макете, шрифтах, цвете, значках и т. д. в приложении.

В этом разделе

Тема Описание
Макет
Макет — это размер, интервал и размещение содержимого в окне или странице. Эффективный макет имеет решающее значение для того, чтобы помочь пользователям найти то, что они ищут быстро, а также сделать внешний вид визуально привлекательным. Эффективный макет может сделать разницу между проектами, которые пользователи сразу же понимают и те, которые оставляют пользователей чувствовать себя озадаченными и перегруженными.
шрифты
Пользователи взаимодействуют с текстом больше, чем с любым другим элементом в Microsoft Windows. Пользовательский интерфейс Segoe (произнесен "SEE-go") — это системный шрифт Windows. Стандартный размер шрифта увеличился до 9 пунктов.
цвета
Цвет является важным визуальным элементом большинства пользовательских интерфейсов. Помимо чистой эстетики, цвет имеет связанные смыслы и вызывает эмоциональные ответы. Чтобы предотвратить путаницу в значении, цвет должен использоваться последовательно. Чтобы получить нужные эмоциональные ответы, необходимо использовать цвет соответствующим образом.
значки
Значки — это пикториальные представления объектов, важные не только по эстетическим причинам в рамках визуальной идентификации программы, но и по служебным причинам, как сокращенные для передачи смысла, что пользователи воспринимают почти мгновенно. Windows Vista представляет новый стиль иконографии, который обеспечивает более высокий уровень детализации и сложности в Windows.
стандартные значки
Стандартные значки — это ошибки, предупреждения, сведения и значки вопросительного знака, которые являются частью Windows.
анимации и переходов
Стратегическое использование анимаций и переходов может упростить понимание, чувствовать себя более гладким, более естественным и более высоким качеством и быть более привлекательным. Но безотносительное использование анимаций и переходов может сделать вашу программу отвлекающим и даже раздражающим.
графических элементов
графические элементы отображать связи, иерархию и акцент визуально. К ним относятся фоновые фоны, баннеры, стекло, агрегаты, разделители, тени и дескрипторы.
звук
Sound — это звуковой элемент пользовательского интерфейса. При правильном использовании звук может быть эффективной формой коммуникации, которая устанавливает невербальные и даже эмоциональные отношения с вашими пользователями. Звуки можно использовать только или в качестве дополнения к визуальному интерфейсу. Например, добавление звукового эффекта к уведомлению повышает вероятность того, что она будет замечена, особенно если пользователь не смотрит на экран при возникновении события.