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


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

Примечание

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

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

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

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