Правила использования цвета, шрифтов и изображений в шаблоне формы

Важно :  Данная статья переведена с помощью машинного перевода, см. Отказ от ответственности. Используйте английский вариант этой статьи, который находится здесь, в качестве справочного материала.

Разработчику формы необходимо продумать не только принцип ее работы, но и внешний вид. Что бы вы ни собирались добавить — броские заголовки или логотип компании, в Microsoft Office InfoPath предлагается несколько способов создания привлекательной и визуально упорядоченной информации, которая сделает шаблон формы эффектным и простым в использовании.

Не надо быть профессиональным художником-оформителем, чтобы создать красивый шаблон формы. Просто не следует перегружать шаблон формы избыточным количеством разных элементов оформления, которые будут его загромождать. Лучше выберите несколько элементов, которые отвечают целям проекта, и затем используйте их в согласованной манере, чтобы придать шаблону формы элегантный, профессиональный внешний вид.

В этой статье вы найдете контрольные списки, которые помогут вам не свернуть с правильного пути.

В этой статье:

Контрольный список для использования цвета, границ и заливки

Контрольный список для использования шрифтов и форматирования шрифта

Контрольный список для использования логотипов и других изображений

Контрольный список для использования цвета, границ и заливки

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

Кроме того, можно создать привлекательный внешний вид и организовать элементы в шаблоне формы с помощью границ и заливки. Граница очерчивает внешние контуры элемента управления, таблицы или ячейки таблицы. Границы особенно удобны, когда в шаблоне формы требуется разграничить разделы. Разграничение разделов помогает пользователям понять структуру формы. В приведенном ниже примере разработчик формы использовал границы, чтобы выделить ячейки в повторяющейся таблице.

Повторяющаяся таблица с розовыми границами

Применение заливки к элементам управления или ячейкам таблицы позволяет изменить цвет их фона. На приведенном ниже рисунке показано, как с помощью различных вариантов заливки можно изменить внешний вид поля "Дополнительные сведения" в шаблоне формы.

Различные эффекты заливки, примененные к ячейкам таблицы на форме

Используя цвет в своем проекте, придерживайтесь следующих рекомендаций.

Рекомендация

Подробности

изображение значка

Не полагайтесь только на цвет при передаче важных сведений.

Например, если шаблон формы содержит цветовые условные обозначения, используйте дополнительные приемы, например текстовые примечания, в дополнение к применению цвета. Некоторые пользователи могут использовать ограниченные цветовые схемы или карманные компьютеры с черно-белым дисплеем либо применять программы интерпретации изображения, которые редко передают информацию, представленную только цветом. Кроме того, до 10 % населения испытывают трудности с различением или восприятием некоторых цветов.

изображение значка

Учитывайте контрастность цвета и фон.

Для фона и элементов шаблона формы нужно использовать контрастные цвета. Например, используйте белый или серый фон с цветными элементами управления либо белый или серый цвет ячеек таблиц с цветным шрифтом.

изображение значка

Если в шаблоне формы используется цветной фон, проверьте, чтобы был снят флажок печатать фоновые цвета и рисунки.

Фон создает контраст и привлекает внимание при просмотре формы на компьютере. Однако выбранный цвет фона может оказаться не вполне удачным при печати, поскольку не у всех пользователей есть цветные принтеры, а печать цветных форм в оттенках серого или в черно-белом виде может привести к тому, что форму будет трудно читать. Кроме того, использование фона может замедлить процесс печати и вызвать излишние затраты чернил или тонера. Поэтому в InfoPath по умолчанию цветной фон и рисунки фона не печатаются.

изображение значка

Используйте заливку и границы обдуманно.

Границы позволяют объединять сходные элементы вместе, однако нагромождение множества полей может выглядеть беспорядочно и рассеивать внимание. Сосредоточьтесь на том, чего хотите достичь с помощью границ и заливки, а затем выберите и согласованно используйте эффект, который соответствует поставленной цели. Например, можно ограничить применение границ выделением ключевых сведений или усилением общей структуры формы.

изображение значка

Проверьте, правильно ли отображаются цвета при просмотре шаблона формы на разных мониторах.

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

изображение значка

Учитывайте, что цвета имеют разный смысл в разных странах и регионах.

Например, в некоторых странах и регионах красный цвет ассоциируется со смертью.

К началу страницы

Контрольный список для использования шрифтов и форматирования шрифта

Форматируя текст, можно выделить основные сведения или разительно изменить внешний вид шаблона формы. Например, можно изменить цвет и размер определенных слов, чтобы создать заголовки, которые помогут структурировать шаблон формы и разбить его на логические разделы.

В приведенном ниже примере разработчик формы использует два разных шрифта, один для заголовков, а другой для текста, который отображается в элементах управления в шаблоне формы. Помните, что в большинстве случаев не следует использовать только ПРОПИСНЫЕ БУКВЫ для выделения. Однако этот метод может быть эффективным, если применять его продуманно, например для заголовков и других коротких фраз, как показано в следующем примере.

Пример разных шрифтов, используемых для заголовков и текста в текстовом поле

1. Для текста заголовка применяется шрифт Arial 9 пунктов.

2. Для текста элемента управления применяется шрифт Verdana 10 пунктов.

Используя в своем проекте разные шрифты и форматирование шрифтов, придерживайтесь следующих рекомендаций.

Рекомендация

Подробности

изображение значка

Убедитесь, что текст виден на цветном фоне и в затемненных областях.

Текст легче всего читать при соответствующей контрастности между текстом и фоном. Максимальную контрастность имеет черный текст на белом фоне. Светлый текст на темном фоне также обеспечивает хорошую контрастность.

изображение значка

Убедитесь, что в форме нет слишком мелкого текста.

Иногда мелкий текст необходим, например, когда в шаблон формы включается текст, который печатается мелким шрифтом, или когда указываются обозначения элементов управления. Однако, как правило, большинству людей гораздо удобнее читать более крупный текст.

изображение значка

Используйте шрифты и эффекты шрифтов обдуманно.

Старайтесь не применять много шрифтов в одном шаблоне формы. Такой текст может выглядеть несвязным и вызывать раздражение. Рекомендуется делать шаблон формы максимально простым, используя не более трех шрифтов. Постарайтесь также не использовать декоративные шрифты, они смотрятся непрофессионально в деловой форме.

изображение значка

Проверьте удобочитаемость текста при его просмотре с использованием цветовых схем с высокой контрастностью.

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

изображение значка

Проверьте, удобен ли текст для восприятия.

Если шаблон формы содержит большое количество текста, можно облегчить жизнь пользователям, убедившись, что текст можно просмотреть легко и быстро. Например, если в шаблон формы включаются многословные инструкции справки, используйте нумерованные или маркированные списки вместо больших блоков текста, так как списки зачастую легче просматривать и усваивать их содержимое.

изображение значка

Проверьте, правильно ли используются эффекты шрифтов.

Обдуманно применяйте полужирное и курсивное начертание шрифта, а также другие эффекты, если они используются в тексте. Например, курсив на экране часто трудночитаем, особенно когда используются определенные шрифты. А слишком большое количество полужирного текста отвлекает внимание от его смысла.

К началу страницы

Контрольный список для использования логотипов и других изображений

Изображения — это еще один способ настройки и стилизации шаблона формы. Например, с помощью логотипа компании можно придать шаблону формы фирменный стиль.

Используя изображения в своем проекте, придерживайтесь следующих рекомендаций.

Рекомендация

Подробности

изображение значка

Убедитесь, что изображения правильно идентифицируют компанию или назначение шаблона формы.

Независимо от того, является ли изображение просто визуальной подсказкой (например, логотип компании) или предназначено для передачи важных сведений (например, диаграмма данных), убедитесь, что пользователям будет понятно его назначение.

изображение значка

Убедитесь, что изображения имеют правильный размер и расположены там, где нужно.

Проследите, чтобы размеры изображения и его положение в форме не мешали пользователям заполнять шаблон формы.

изображение значка

Убедитесь, что изображения соответствуют культурным особенностям аудитории.

Например, фотографии с некоторыми жестами могут показаться оскорбительными. Изображения карт и флагов тоже могут восприниматься по-разному. Если на изображении есть люди, постарайтесь показать представителей различных этнических групп и обоих полов.

изображение значка

Используйте изображения обдуманно.

Избыточные или ненужные изображения вызывают ощущение хаоса и беспорядка, что заметно ухудшает общее впечатление от шаблона формы и делает его менее эффективным.

изображение значка

Убедитесь, что изображения содержат замещающий текст, который имеет смысл, если прочитать его вслух.

Замещающий текст помогает тем, кто не имеет возможности видеть изображение на экране. Например, замещающий текст важен для тех, кто использует программы интерпретации изображения для чтения информации с экрана, или тех, кто просматривает шаблон формы с поддержкой веб-браузера в браузерах, поддерживающих только текст.

изображение значка

Убедитесь, что изображения сохранены в подходящем формате.

Большие файлы изображений могут увеличить время открытия формы. Файлы в некоторых форматах имеют гораздо больший размер, чем в других. Например, файл, сохраненный как точечный рисунок (BMP) или как файл растровой графики (TIFF) будет значительно больше, чем в формате JPEG, GIF или PNG. Формат JPEG обычно лучше всего подходит для фотографий и других сложных изображений. Форматы GIF и PNG чаще всего идеально подходят для чертежей, логотипов, иллюстраций, диаграмм и схем.

изображение значка

Убедитесь, что изображения не защищены законом об авторском праве.

Из-за слишком много изображений удобный доступ в Интернете, возможно, вам воспользоваться любое изображение, которое вы видите. К сожалению многие из этих изображений защищены авторскими правами, а вам необходимо разрешение, прежде чем использовать их в шаблоны форм. Тем не менее существует несколько сайтов, например Изображений Bing, что, при использовании фильтра авторских прав лицензииможно использовать их картинок и рисунков до тех пор, пока вы соглашаетесь свои условия использования.

изображение значка

Не полагайтесь только на изображения при передаче важных сведений.

При передаче важных сведений пользователям не стоит полагаться исключительно на изображения, так же как и на цвет. Существует вероятность, что пользователи не смогут увидеть изображения в шаблоне формы. Например, они могут отключить отображение графики в браузере, чтобы увеличить скорость работы при просмотре формы, или у них может быть плохое зрение, которое не позволяет им разглядеть изображение на экране.

К началу страницы

Примечание : Отказ от ответственности относительно машинного перевода. Данная статья была переведена с помощью компьютерной системы без участия человека. Microsoft предлагает эти машинные переводы, чтобы помочь пользователям, которые не знают английского языка, ознакомиться с материалами о продуктах, услугах и технологиях Microsoft. Поскольку статья была переведена с использованием машинного перевода, она может содержать лексические,синтаксические и грамматические ошибки.

Совершенствование навыков
Перейти к обучению
Первоочередный доступ к новым возможностям
Присоединиться к программе предварительной оценки Office

Были ли сведения полезными?

Спасибо за ваш отзыв!

Благодарим за отзыв! Возможно, будет полезно связать вас с одним из наших специалистов службы поддержки Office.

×