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