Шрифтовое оформление в приложениях Windows
Как визуальное представление языка, main задача типографии заключается в обмене информацией. Стиль шрифтов никогда не должен затмевать эту цель. В этой статье мы обсудим, как использовать шрифтовое оформление в вашем приложении Windows, чтобы помочь пользователям легко понимать содержимое.
Шрифт
В пользовательском интерфейсе приложения следует использовать один шрифт, и мы рекомендуем использовать шрифт по умолчанию для приложений Для Windows, Segoe UI Variable. Он создан для обеспечения оптимальной четкости для любых размеров и любой плотности пикселей, а также отличается четкой, легкой и открытой эстетикой, которая дополняет содержимое системы.
Сведения об отображениях текста на языках, отличных от английского, или выборе другого шрифта для приложения см. в разделах Языки и Шрифты, в которых описываются шрифты, рекомендованные для приложений Windows.
Выберите один шрифт для пользовательского интерфейса.
Не смешивайте несколько шрифтов.
Оси шрифта переменных
Шрифт Segoe UI Variable содержит две оси для более точного управления текстом. Этот шрифт имеет ось веса ( wght ) с весами от Тонкий (100) до Полужирный (700). Он также имеет ось оптического размера ( opsz ) для оптического масштабирования от 8 до 36 пт. При использовании общих элементов управления XAML шрифт Segoe UI Variable будет выбран по умолчанию для поддерживаемых языков. При использовании этого шрифта или другого шрифта переменной с оптической осью оптический размер автоматически совпадает с запрошенным размером шрифта. При использовании HTML оптическое масштабирование также выполняется автоматически, но вам потребуется указать шрифт Segoe UI Variable в CSS.
Размер и масштабирование
Размеры шрифтов в приложениях UWP масштабируются автоматически на всех устройствах. Алгоритм масштабирования позволяет добиться того, что шрифт размером 24 пикселя на Surface Hub, который располагается на расстоянии трех метров от пользователя, будет таким же читаемым, как и шрифт аналогичного размера, отображаемый на телефоне с диагональю экрана 5 дюймов, который располагается на расстоянии нескольких сантиметров от пользователя.
В силу особенностей работы системы масштабирования вы работаете с эффективными пикселями, а не физическими пикселями, и вам не следует изменять размер шрифта для различных размеров и разрешений экрана.
Следуйте указаниям по размеру рампы типа Windows.
Не используйте размер шрифта меньше 12 пикселей.
Иерархия
Пользователи полагаются на визуальную иерархию при просмотре страницы, когда заголовки представляют сводку содержимого, а основной текст содержит более подробные сведения. Чтобы создать четкую визуальную иерархию в приложении, используйте набор шрифтов Windows.
Набор шрифтов
Набор шрифтов Windows определяет важные отношения между начертаниями шрифтов на странице, помогая пользователям легко читать содержимое. Все размеры указываются в эффективных пикселях и оптимизированы для приложений UWP, работающих на всех устройствах.
Дополнительные сведения см. в руководстве по использованию пандуса типов XAML .
Соответствие
Значение TextAlignment по умолчанию — «Left», и в большинстве случаев такой подход, в котором содержимое сдвинуто влево и не выравнивается по правому краю, обеспечивает согласованную привязку содержимого и универсальный макет. Сведения о языках RTL см. в разделе Настройка макета и шрифтов для поддержки глобализации.
Количество знаков
Храните до 50–60 букв на строку для удобства чтения.
Не используйте менее 20 символов или более 60 символов в строке, так как это трудно читать.
Обрезка и многоточия
Если объем текста выходит за пределы доступного пространства, рекомендуется обрезать текст и вставить многоточие [. ], что является поведением по умолчанию для большинства элементов управления текстом UWP.
Обрезка текста и перенос, если включено несколько строк.
Не используйте многоточие, чтобы избежать визуального загромождений.
Если контейнеры не определены точно (например, не указан отличающий цвет фона) или доступна ссылка для просмотра всего текста, используйте многоточия.
Языки
Segoe UI Variable — это шрифт для английского, европейского, греческого и русского языков. Для других языков см. следующие рекомендации.
Шрифты для глобализации и локализации
Используйте API сопоставления шрифтов LanguageFont для программного доступа к рекомендуемому семейству, размеру, насыщенности и стилю шрифта определенного языка. Объект LanguageFont предоставляет доступ к нужной информации о шрифте для различных категорий содержимого, включая заголовки, уведомления, текст и шрифты доступных для редактирования текстов пользовательского интерфейса. Дополнительные сведения см. в разделе Настройка макета и шрифтов для поддержки глобализации.
Шрифты для языков, не использующих латинский алфавит
| Семейство шрифтов | Стили | Примечания |
|---|---|---|
| Ebrima | Обычный, полужирный | Шрифт пользовательского интерфейса для африканских сценариев (ADLaM, Ethiopic, N’Ko, Osmanya, Tifinagh, Vai). |
| Gadugi | Обычный, полужирный | Шрифт пользовательского интерфейса для североамериканских сценариев (канадские слоговые, чероки, осейдж). |
| Leelawadee UI |
Fonts
Рубленые шрифты (без засечек)
Рубленые шрифты хорошо подходят для заголовков и элементов пользовательского интерфейса.
| Семейство шрифтов | Стили | Примечания |
|---|---|---|
| Arial | Обычный, курсив, полужирный, полужирный курсив, черный | Поддерживает европейские и ближневосточные буквы (латиница, греческий, кириллица, арабский, армянский и иврит). Черный вес поддерживает только европейские скрипты. |
| Calibri | Обычный, курсив, полужирный, полужирный курсив, светлый, светлый курсив | Поддерживаются наборы знаков для европейских и ближневосточных языков (латинский, греческий, кириллический, арабский и иврит). Арабские символы доступны только в вертикальном написании. |
| Consolas | Обычный, курсив, полужирный, полужирный курсив | Шрифт фиксированной ширины, поддерживающий наборы знаков для европейских языков (латинский, греческий и кириллический). |
| Segoe UI | Обычный, курсив, светлый курсив, черный курсив, полужирный, полужирный курсив, светлый, полусветлый, плотный, черный | Шрифт пользовательского интерфейса для набора знаков европейских и ближневосточных языков (арабский, армянский, кириллический, грузинский, греческий, иврит и латинский), а также набора знаков письма Лису. |
| Selawik | Обычный, полусветлый, светлый, полужирный, плотный | Шрифт с открытым кодом, метрически совместимый с Segoe UI, предназначенный для приложений на других платформах, которые не хотят использовать segoe UI. Скачать Selawik на GitHub. |
Шрифты с засечками
Шрифты с засечками хорошо подходят для представления больших объемов текста.
| Семейство шрифтов | Стили | Примечания |
|---|---|---|
| Cambria | Обычный | Шрифт с засечками, поддерживающий наборы знаков для европейских языков (латинский, греческий, кириллический). |
| Courier New | Обычный, курсив, полужирный, полужирный курсив | Шрифт фиксированной ширины с засечками, поддерживающий европейские и ближневосточные шрифты (латиница, греческий, кириллица, арабский, армянский и иврит). |
| Грузия | Обычный, курсив, полужирный, полужирный курсив | Поддерживаются наборы знаков европейских языков (латинский, греческий и кириллический). |
| Times New Roman | Обычный, курсив, полужирный, полужирный курсив | Устаревший шрифт, поддерживающий наборы знаков для европейских языков (латинский, греческий, кириллический, арабский, армянский, иврит). |
Переменные шрифты
Переменные шрифты хорошо подходит для точного управления внешним видом текста.
| Семейство шрифтов | Оси | Примечания |
|---|---|---|
| Банешрифт | Вес, ширина | Переменный шрифт, поддерживающий латинский, греческий и кириллический. |
| Segoe UI Variable | Вес, оптический размер | Переменный шрифт, поддерживающий латинский, греческий и кириллический. |
Символы и значки
| Семейство шрифтов | Стили | Примечания |
|---|---|---|
| Segoe MDL2 Assets | Обычный | Шрифт пользовательского интерфейса для значков приложений. Дополнительные сведения см. в статье Ресурсы Segoe MDL2 . |
| Segoe UI Emoji | Обычный | Шрифт пользовательского интерфейса для эмодзи. |
| Segoe UI Symbol | Обычный | Резервный шрифт для символов. |
Похожие статьи
- Текстовые элементы управления
- Ресурсы темы XAML
- Стили XAML
- Шрифтовое оформление Майкрософт
- Переменные шрифты
Microsoft обновляет шрифт пользовательского интерфейса по умолчанию в Windows 10
Ранее в этом году Microsoft подтвердила, что работает над улучшением пользовательского интерфейса для Windows 10, и ссылки на неактивные опции были обнаружены в предварительных сборках. Теперь мы, наконец, видим, что эти внутренние функции нашли хорошее применение, поскольку для тестировщиков в программе Windows Insider было выпущено новое обновление, чтобы придать настольной платформе новый отполированный вид.
В последних предварительных сборках есть два основных изменения. Во-первых, закругленные углы теперь более заметны. Microsoft также представила новые значки, которые вы найдете почти повсюду. Это распространяется на приложение «Параметры», Панель управления, Проводник и различные окна приложений.
Как и в большинстве предварительных сборок Windows 10, в обновлении на этой неделе нет ничего особенного. Общая компоновка операционной системы примерно такая же, как и со времени последнего крупного обновления функций (Creators Update). Однако Microsoft потратила время на обновление основных элементов пользовательского интерфейса, чтобы все выглядело более современно.
Microsoft планирует обновить систему шрифтов по умолчанию.
Как вы, возможно, знаете, системным шрифтом Windows 10 по умолчанию является «Segoe UI», и он используется во всех приложениях, таких как «Параметры», Панель управления, Проводник и т.д.
Пользовательский интерфейс Segoe выглядит неплохо. Однако Microsoft считает, что еще есть возможности для улучшений.
В следующем обновлении Microsoft обновляет пользовательский интерфейс Segoe по умолчанию, чтобы включить «оптическую ось», которая должна позволить шрифтам легко масштабироваться в различных форм-факторах. Например, Microsoft, похоже, улучшила разборчивость при малых размерах, и контуры будут лучше смотреться при размерах дисплея.
По умолчанию пользовательский интерфейс Segoe в Windows 10 предназначен для работы с размером шрифта 9pt. Выражения шрифтов ограничены при больших размерах, и в текущей реализации также не хватает разборчивости при размерах меньше 9pt.
В следующей версии пользовательский интерфейс шрифта Segoe UI от Microsoft будет динамически настраиваться для всех ваших приложений и устройств и обеспечивать отличную читаемость при разных размерах, включая шрифты меньше 9pt. Стиль и очертания также улучшатся на больших размерах.
Эти изменения будут заметны в Параметрах и других приложениях Windows.
Например, как вы можете видеть на скриншоте выше, текст «Параметры» в строке заголовка приложения выглядит чище, чем текущий шрифт справа.
Стоит отметить, что Microsoft постепенно переходит на новую переменную пользовательского интерфейса Segoe, и со временем она будет реализована. На данный момент новые шрифты заметны, если вы внимательно посмотрите на строку заголовка приложений UWP.
Microsoft представила новый шрифт интерфейса Windows 10
Новый шрифт интерфейса Windows 10 по умолчанию под названием Segoe UI Variable.
6 мая 2021 года Microsoft объявила, что в тестовой предварительной сборке Windows 10 Insider Preview Build 21376 для участников программы Windows Insider появился новый шрифт интерфейса Windows 10 по умолчанию под названием Segoe UI Variable.
Microsoft пояснила, что Segoe UI Variable — это обновленный вариант классического шрифта Segoe, который ранее долгие годы использовался в ОС Windows и других приложениях, созданных компанией. В новом шрифте усовершенствована разборчивость текста при малых размерах и значительно улучшены его контуры, что позволяет плавно масштабировать шрифт и использовать его под разные размеры дисплеев пользователей.
Шрифт Segoe изначально был разработан Microsoft для использования с размером 9pt (12px). Он теряет выразительность при использования на больших размерах и становится нечетким при меньших размерах.
Вариативный шрифт Segoe UI Variable может динамически масштабироваться, что обеспечивает ему отличную читаемость в широком диапазоне размеров от очень маленького до очень большого.
Microsoft уточнила, что в новой тестовой сборке Windows 10 использует Segoe UI Variable для некоторых элементов и еще продолжает адаптировать его для остальных визуальных частей операционной системы. Компания будет постепенно его развертывать далее внутри новых сборок.
28 апреля Microsoft объявила, что в 2022 году поменяет шрифт по умолчанию в Microsoft Office. Вместо Calibri, который 14 лет последних лет (с 2007 года) заменяет на этой позиции Times New Roman, пользователям предлагается выбрать один из пяти новых шрифтов: Bierstadt, Grandview, Seaford, Skeena и Tenorite.
- Microsoft
- Windows 10
- шрифт интерфейса
- Segoe UI Variable
- Разработка под Windows
- Дизайн
- IT-компании
Шрифты
Это руководство по проектированию было создано для Windows 7 и не обновлялось для более новых версий Windows. Большая часть руководства по-прежнему применяется в принципе, но презентация и примеры не отражают наше текущее руководство по проектированию.
Пользователи взаимодействуют с текстом больше, чем с любым другим элементом в Microsoft Windows. Segoe UI (произносится «SEE-go») — системный шрифт Windows. Стандартный размер шрифта увеличен до 9 пунктов.
Segoe UI и Segoe — это не один и тот же шрифт. Segoe UI — это шрифт Windows, предназначенный для текстовых строк пользовательского интерфейса. Segoe — это фирменная символика, используемая корпорацией Майкрософт и ее партнерами для производства материалов для печати и рекламы.
Segoe UI — это доступный, открытый и понятный шрифт, и в результате он лучше удобочитаем, чем Tahoma, Microsoft Sans Serif и Arial. Он имеет характеристики гуманистического без засечек: разная ширина его прописных букв (узкие E и S, например, по сравнению с Helvetica, где ширина более похожа, довольно широкая); подчеркивания и буквы нижнего регистра; и его истинный курсив (а не «косый» или наклонной роман, как многие промышленные без засечек). Шрифт предназначен для того, чтобы обеспечить одинаковый визуальный эффект на экране и в печати. Он был разработан, чтобы быть гуманистом без засечек без сильного характера или отвлекающих причудливости.
Пользовательский интерфейс Segoe оптимизирован для ClearType, который включен по умолчанию в Windows. Благодаря включенной функции ClearType пользовательский интерфейс Segoe представляет собой элегантный и удобочитаемый шрифт. Без включения ClearType пользовательский интерфейс Segoe является лишь незначительно приемлемым. Этот фактор определяет, когда следует использовать пользовательский интерфейс Segoe.
Пользовательский интерфейс Segoe включает латинские, греческие, кириллические и арабские символы. Существуют новые шрифты, оптимизированные для ClearType, созданные для других наборов символов и использования. К ним относятся Meiryo для японского языка, Malgun Gothic для корейского языка, Microsoft JhengHei для китайского языка (традиционное письмо), Microsoft YaHei для китайского языка (упрощенное письмо), Gisha для иврита и Leelawadee для тайского языка, а также шрифты ClearType Collection, предназначенные для использования в документах.
Meiryo включает латинские символы на основе Вердана. Malgun Gothic, Microsoft JhengHei и Microsoft YaHei используют настраиваемый пользовательский интерфейс Segoe. Использование версий этих шрифтов курсивом не рекомендуется. Malgun Gothic, Microsoft JhengHei и Microsoft YaHei предоставляются только в регулярных и смелых стилях. Это означает, что курсив синтезируется наклонными стилями. Хотя Meiryo включает в себя курсив и полужирный курсив, эти стили применяются только к латинским символам, японские символы остаются вертикально, когда применяется курсив.
Вариант Meiryo, называемый пользовательский интерфейс Meiryo, является предпочтительным в командном пользовательском интерфейсе ленты .
Для поддержки языковых стандартов, использующих эти кодировки, пользовательский интерфейс Segoe заменяется правильными шрифтами в зависимости от каждого языкового стандарта в процессе локализации .
Чтобы лицензировать Segoe UI и другие шрифты Майкрософт для распространения с помощью программы на основе Windows, обратитесь в Monotype.
Примечание: Рекомендации по стилю, тону и тексту пользовательского интерфейса представлены в отдельных статьях.
Принципы проектирования
Шрифты, шрифты, размеры точек и атрибуты
В традиционной типографии шрифт описывает сочетание шрифта, размера точек и атрибутов. Шрифт — это внешний вид шрифта. Segoe UI, Tahoma, Verdana и Arial являются шрифтами. Размер точки — это размер шрифта, измеряемый от верхней части нисходящих до нижней части нижней части шрифта, за вычетом внутреннего интервала (который называется начальным). Точка составляет примерно 1/72 дюйма. Наконец, шрифт может иметь атрибуты полужирного или курсивного.
В неофициальном режиме люди часто используют шрифт вместо шрифта, как показано в этой статье, но технически Segoe UI является шрифтом, а не шрифтом. Каждое сочетание атрибутов является уникальным шрифтом (например, 9 пунктов Segoe UI regular, 10 пунктов Segoe UI полужирным шрифтом и т. д.).
Засечка и без засечек
Шрифты: засечка или без засечек. Засечка — это небольшие повороты, которые часто завершают росчерки букв в шрифте. Шрифт без засечек не содержит засечек.
Читатели обычно предпочитают использовать шрифты-засеки, используемые в качестве основного текста в документе. Засечка обеспечивает ощущение формальности и элегантности документа. Для текста пользовательского интерфейса потребность в чистом внешнем виде и более низком разрешении мониторов компьютера делает шрифты без засечек лучшим выбором.
Контраст
Текст проще всего читать при большой разнице между яркостью текста и фоном. Черный текст на белом фоне дает максимальную контрастность темный текст на очень светлом фоне также может обеспечить высокую контрастность. Это сочетание лучше всего подходит для основных поверхностей пользовательского интерфейса.
Светлый текст на темном фоне обеспечивает хорошую контрастность, но не так хорош, как темный текст на светлом фоне. Это сочетание хорошо подходит для дополнительных поверхностей пользовательского интерфейса, таких как Обозреватель области задач, которые необходимо свести к основной поверхности пользовательского интерфейса.
Если вы хотите, чтобы пользователи читали ваш текст, используйте темный текст на светлом фоне.
Возможности
Текст может использовать следующие возможности , чтобы указать, как он используется:
- Указатель. Указатель I-bar («выделение текста») указывает, что текст можно выбрать, тогда как указатель стрелки влево («обычный выбор») указывает, что текст не является.
- Курсор. Если текст имеет фокус ввода, курсор — это мигающая вертикальная полоса, указывающая точку вставки или выделения в выделенном или редактируемом тексте.
- Коробка. Поле вокруг текста, указывающего, что он может быть редактируемым. Чтобы уменьшить вес презентации, поле может отображаться динамически только при выделении редактируемого текста.
- Цвет переднего плана. Светло-серый цвет означает, что текст отключен. Не серые цвета, особенно синие и фиолетовые, указывают на то, что текст является ссылкой.
- Цвет фона. Светло-серый фон слабо говорит о том, что текст доступен только для чтения, но на практике текст, доступный только для чтения, может иметь любой цвет фона.
Эти возможности объединяются для следующих значений:
- Редактируемый параметр. Текст, отображаемый в поле, с указателем на выделение текста, курсором (на фокусе ввода) и обычно на белом фоне.
- Только для чтения, можно выбрать. Текст с указателем выбора и курсором (на фокусе ввода).
- Только для чтения, недоступен для выбора. Текст с указателем со стрелкой.
- Отключено. Светло-серый текст со стрелкой, иногда на сером фоне.
Текст, доступный только для чтения, традиционно имеет серый фон, но серый фон не требуется. На самом деле серый фон может быть нежелательным, особенно для больших блоков текста, так как он предполагает, что текст отключен и запрещает чтение.
Специальные возможности и системный шрифт, размеры и цвета
Рекомендации по обеспечению доступа к тексту для пользователей с ограниченными возможностями или ограниченными возможностями можно свести к одному простому правилу: соблюдайте параметры пользователя, всегда используя системный шрифт, размеры и цвета.
Если вы делаете только одно.
Учитывайте параметры пользователя, всегда используя системный шрифт, размеры и цвета.
Разработчики: Из кода можно определить свойства системного шрифта (включая его размер) с помощью функции API GetThemeFont. Системные цвета можно определить с помощью функции API GetThemeSysColor.
Так как вы не можете делать никаких предположений о параметрах темы системы пользователей, необходимо:
- Всегда основывайте цвета шрифта и фона на основе цветов системной темы. Никогда не делайте собственные цвета на основе фиксированных значений RGB (красный, зеленый, синий).
- Всегда сопоставляйте системные цвета текста с соответствующими цветами фона. Например, если выбрать COLOR_STATICTEXT для цвета текста, необходимо также выбрать COLOR_STATIC для цвета фона.
- Всегда создавайте новые шрифты на основе вариантов системного шрифта пропорционального размера. Учитывая системные метрики шрифта, можно создавать полужирные, курсивные, большие и небольшие варианты.
Простой способ убедиться, что программа учитывает параметры пользователей, — это проверить использование другого размера шрифта и цветовой схемы с высокой контрастностью. Весь текст должен правильно изменяться и отображаться в выбранной цветовой схеме.
Варианты использования
Текст имеет несколько шаблонов использования:
| Использование | Описание |
|---|---|
| Текст в заголовке Текст в заголовке окна. |
 |
| Основные инструкции Текст, объясняющий действия на странице, окне или диалоговом окне. |
 |
| Дополнительные инструкции Дополнительный текст, объясняющий действия на странице, окне или диалоговом окне. |
 |
| Обычный текст Обычный (только для чтения) текст, отображаемый в пользовательском интерфейсе. |
 |
| Выделенный текст Полужирный текст используется для упрощения анализа текста и привлечения внимания пользователей к тексту. Курсив используется для буквального обозначения текста (а не кавычек) и выделения конкретных слов. |
 |
| Редактируемый текст Текст, который пользователи могут редактировать, отображается в поле. Чтобы уменьшить вес презентации, поле может отображаться только при выделении редактируемого текста. |
 |
| Отключенный текст Текст, который не применяется к текущему контексту, например метки для отключенных элементов управления. отключенный текст указывает, что пользователи (обычно) не должны беспокоиться о чтении текста. |
 |
| Ссылки Текст, используемый для перехода к другой странице, окну или разделу справки или запуска команды. |
  |
| Заголовок группы Текст, используемый для группировки элементов в представлении списка. |
 |
| Имя файла Текст имени файла (только в представлении содержимого). |
 |
| Текст документа Текст, используемый в документах (в отличие от текста пользовательского интерфейса). |
 |
| Заголовки документов Текст, используемый в качестве заголовка в документе. |
 |
Рекомендации
Шрифты и цвета
- Следующие шрифты и цвета используются по умолчанию для Windows Vista и Windows 7.
| Шаблон | Символ темы | Шрифт, цвет |
|---|---|---|
|
CaptionFont | 9 pt. black (No 000000) Segoe UI |
|
MainInstruction | 12 pt. blue (#003399) Segoe UI |
|
Инструкция | 9 pt. black (No 000000) Segoe UI |
|
BodyText | 9 pt. black (No 000000) Segoe UI |
|
BodyText | 9 pt. black (No 000000) Segoe UI, полужирным шрифтом или курсивом |
|
BodyText | 9 пт. черный (No 000000) Segoe UI, в поле |
|
Выключено | 9 пт. темно-серый (#323232) Segoe UI |
|
HyperLinkText | 9 пт. синий (#0066CC) Segoe UI |
|
Горячий | 9 пт. светло-синий (#3399FF) Segoe UI |
|
11 pt. blue (#003399) Segoe UI | |
|
11 pt. black (No 000000) Segoe UI | |
|
(нет) | 9 pt. black (No 000000) Calibri |
|
(нет) | 17 пт. черный (No 000000) Calibri |
- Выберите шрифты и оптимизируйте макеты окон на основе технологии пользовательского интерфейса и целевой версии Windows:
| Технология пользовательского интерфейса | Целевая версия Windows | Шрифты для использования и оптимизации |
|---|---|---|
| Windows Presentation Foundation | Все | Используйте части темы WPF. |
| Win32 или WinForms | Windows Vista или более поздней версии | Используйте соответствующий шрифт segoe ui. |
| Расширяемые компоненты или предварительные версии Windows Vista | Для windows XP и Windows 2000 используйте 8-точечный псевдонаборт MS Shell Dlg 2, который сопоставляется с Tahoma. Для более ранних версий Windows используйте 8-точечный псевдонаборт MS Shell Dlg, который сопоставляется с Tahoma в Windows 2000 и Windows XP, а также с MS Без засечек в Windows 95, Windows 98, Windows Millennium Edition и Windows NT 4.0. |
- Разработчики:
- Для элементов, использующих фиксированный макет (например, шаблоны диалогов Windows и WinForms), жестко закодируете соответствующий шрифт из предыдущей таблицы.
- Для элементов, использующих динамический макет (например, Windows Presentation Foundation), используйте шрифты темы. Используйте API темы, такие как DrawThemeText, для рисования текста на основе символа темы. Убедитесь, что у вас есть альтернатива, основанная на системных метриках, если служба тем не запущена.
- В пользовательском интерфейсе Segoe используйте размер шрифта 9 точек или больше. Шрифт Segoe UI оптимизирован для этих размеров, поэтому не используйте меньшие размеры.
- Всегда сопоставляйте системные цвета текста с соответствующими цветами фона. Например, если выбрать COLOR_STATICTEXT для цвета текста, необходимо также выбрать COLOR_STATIC для цвета фона.
- Всегда создавайте новые шрифты на основе вариантов системного шрифта пропорционального размера. Учитывая системные метрики шрифтов, можно создавать полужирные, курсивные, большие и меньшие варианты.
- Отображение больших блоков текста только для чтения (например, условий лицензии) на светлом фоне, а не на сером фоне. Серый фон указывает на то, что текст отключен и препятствует чтению.
- Рассмотрите максимальную длину строки в 65 символов , чтобы упростить чтение текста. (Символы включают буквы, знаки препинания и пробелы.)
Атрибуты
- Большинство текста пользовательского интерфейса должны быть простыми без атрибутов. Атрибуты можно использовать следующим образом:
- Полужирный. Используйте в подписях элементов управления, чтобы упростить анализ текста. Используйте экономно, чтобы привлечь внимание к тексту, который пользователи должны читать. Использование слишком много смелых уменьшает его влияние.
- Курсив. Используйте , чтобы ссылаться на текст буквально, а не в кавычках. Используйте экономно, чтобы подчеркнуть конкретные слова. Используйте для запросов в текстовых полях и редактируемых раскрывающихся списках.
- Полужирный курсив. Не используйте.
- Подчеркнуть. Не используйте, кроме ссылок. Вместо этого используйте курсив для выделения.
Обратная связь
Были ли сведения на этой странице полезными?