Інструкції з використання кольорів, шрифтів і зображень у шаблоні форми

Увага! : Цю статтю перекладено за допомогою служби машинного перекладу; див. застереження. Версію цієї статті англійською мовою див. тут для отримання довідки.

Розробляючи форму, важливо зосередитися на зовнішньому вигляді шаблону форми, а не лише на тому, як він працює. Незалежно від того, чи ви змінюєте колір, чи додаєте емблему компанії, у програмі Microsoft Office InfoPath є кілька способів візуально впорядкувати інформацію та зробити її цікавішою, щоб шаблон форми був привабливим і простим у використанні.

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

У цій статті містяться контрольні списки, які допоможуть тримати оформлення під контролем.

У цій статті

Контрольний список для використання кольорів, меж і заливки

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

Контрольний список для використання емблем та інших зображень

Контрольний список для використання кольорів, меж і заливки

Кольорові рішення – один із найпростіших способів зробити шаблон форми наочнішим і цікавішим. У програмі InfoPath передбачено багато стандартних колірних схем, які допоможуть вам застосувати різні поєднання кольорів до певних елементів у шаблоні форми. Ви також можете застосувати колір до тла шаблону форми.

Крім того, ви можете впорядкувати елементи в шаблоні форми та зробити його цікавішим, використовуючи межі й заливку. Межа окреслює межі елемента керування, таблиці або клітинки в таблиці. Межі особливо корисні, коли ви хочете розмежувати розділи в шаблоні форми. Розмежування розділів допомагає користувачам зрозуміти структуру форми. У прикладі нижче конструктор форм використав межі, щоб виділити клітинки в повторюваній таблиці.

Повторювана таблиця з рожевими межами

У результаті застосування заливки до елемента керування або клітинки в таблиці змінюється колір тла. На ілюстрації нижче показано, як різні варіанти заливки можуть змінити вигляд поля "Додаткові відомості" в шаблоні форми.

Різні ефекти заливки, застосовані до клітинок таблиці на формі

Поєднуючи кольори у своєму оформленні, зверніть увагу на наведені нижче рекомендації.

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

Докладні відомості

Піктограма

Не покладайтеся лише на колір у плані передачі важливої інформації.

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

Піктограма

Враховуйте контраст кольорів і тло.

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

Піктограма

Якщо ви використовуєте колір для тла шаблону форми, переконайтеся, що параметр Друкувати кольори тла та рисунки вимкнуто.

Тло може мати контраст і бути цікавішим, коли користувачі переглядають вашу форму на екрані комп’ютера. Однак кольори тла не підходять для друку, тому що користувачі можуть не мати кольорових принтерів, а якщо надрукувати кольори тла у відтінках сірого або в чорно-білому режимі, форму може бути складно прочитати. Крім того, у разі друку тла сповільнюється друк форми, а чорнило або тонер принтера швидше закінчується. Саме тому за замовчуванням програма InfoPath не друкує кольори тла та зображення.

Піктограма

Використовуйте заливку й межі розважливо.

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

Піктограма

Переконайтеся, що кольори відображаються правильно, коли ви переглядаєте шаблон форми на різних моніторах.

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

Піктограма

Звертайте увагу на те, що кольори мають різне значення в різних країнах і регіонах.

Наприклад, у деяких країнах і регіонах червоний колір асоціюється зі смертю.

На початок сторінки

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

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

У прикладі нижче конструктор форм використовує два різні шрифти: один для заголовків, а інший для тексту, який відображається всередині елементів керування в шаблоні форми. Зверніть увагу, що зазвичай вам слід уникати виділення слів за допомогою ВСІХ ВЕЛИКИХ БУКВ. Однак цей метод може спрацювати, якщо ви використовуватимете його відносно рідко, наприклад, для заголовків та інших коротких фраз, як показано в прикладі нижче.

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

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

2. Текст елементів керування має шрифт Verdana 10 пт.

Використовуючи різні шрифти й форматування шрифту у своєму оформленні, зверніть увагу на наведені нижче рекомендації.

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

Докладні відомості

Піктограма

Переконайтеся, що текст видимий на всіх кольорах тла або в затінених областях.

Найпростіше читається текст із достатнім контрастом між текстом і тлом. Чорний текст на білому тлі забезпечує найвищий контраст. Світлий текст на темному тлі також має належний контраст.

Піктограма

Переконайтеся, що текст у формі не замалий.

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

Піктограма

Використовуйте шрифти й ефекти шрифту розважливо.

Уникайте використання великої кількості шрифтів в одному шаблоні форми. Це може викликати дисонанс і створити ефект розрізненості. Що простіше, то краще: тому використовуйте не більше трьох шрифтів. Також уникайте "мультяшних" шрифтів, тому що вони надають діловій формі непрофесійного вигляду.

Піктограма

Переконайтеся, що текст можна прочитати в колірних схемах із високою контрастністю.

Деякі люди зі слабким зором вибирають колірну схему з високою контрастністю, щоб підвищити контраст кольорів певного тексту й зображень на екрані комп’ютера. Ці елементи стають виразнішими, і їх легше розпізнати. Перевіряйте свій шаблон форми, використовуючи різні колірні схеми з високою контрастністю, щоб переконатися, що його можна використовувати в цьому режимі. Щоб дізнатися, як увімкнути або вимкнути колірну схему з високою контрастністю, див. довідку для своєї операційної системи.

Піктограма

Зважте, чи легко переглядається текст.

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

Піктограма

Переконайтеся, що ви використовуєте ефекти шрифту належним чином.

Не зловживайте жирним шрифтом, курсивом та іншими ефектами шрифту, якщо ви взагалі їх використовуєте. Наприклад, курсивний текст часто досить складно читати на екрані, особливо для певних шрифтів. Аналогічно, забагато тексту жирним шрифтом відволікає увагу від загального повідомлення тексту.

На початок сторінки

Контрольний список для використання емблем та інших зображень

Зображення – це ще один спосіб настроїти шаблон форми та зробити його стильним. Наприклад, емблема компанії може допомогти підкреслити приналежність шаблону форми до бренду.

Використовуючи зображення у своєму оформленні, зверніть увагу на наведені нижче рекомендації.

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

Докладні відомості

Піктограма

Переконайтеся, що зображення належним чином ідентифікують компанію або призначення шаблону форми.

Незалежно від того, чи зображення є простою візуальною підказкою (наприклад, емблема компанії), чи використовується для передачі важливої інформації (наприклад, дані діаграми), переконайтеся, що ваша аудиторія може зрозуміти його призначення.

Піктограма

Переконайтеся, що зображення мають належний розмір і розташування.

Переконайтеся, що розмір зображення та його розташування в шаблоні форми не заважають користувачам, коли вони заповнюють форму.

Піктограма

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

Наприклад, фотографії жестів можуть сприйматися як образа. Карти та прапори також можуть викликати різну реакцію. Якщо на зображенні є люди, радимо показувати представників різних національностей та обох статей.

Піктограма

Використовуйте зображення розважливо.

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

Піктограма

Переконайтеся, що зображення містять текст заміщення, який має сенс, якщо прочитати його вголос.

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

Піктограма

Переконайтеся, що зображення збережено у відповідному форматі файлу.

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

Піктограма

Переконайтеся, що зображення не захищено авторським правом.

Оскільки так багато образів легко доступні в Інтернеті, можна застосовувати будь-яке зображення, які відображаються. На жаль, багато з цих зображень, захищені за допомогою авторські права і потрібний дозвіл, перш ніж використовувати їх у шаблонів форм. Існує кілька сайтів, наприклад Служби пошуку зображень Bing, що, під час використання фільтра авторського права ліцензій, ви можете використовувати їх графіки та зображень, доки ви погоджуєтеся з умовами використання їх.

Піктограма

Не покладайтеся лише на зображення в плані передачі важливої інформації.

Так само, як вам не слід розраховувати на те, що один лише колір зможе передати важливу інформацію користувачам, не слід покладатись і на самі лише зображення. Користувачі можуть не бачити зображення у вашому шаблоні форми. Наприклад, вони можуть вимкнути зображення в браузері, щоб пришвидшити перегляд вашої форми, або ж вони можуть мати слабкий зір, що заважає їм фактично бачити зображення на екрані.

На початок сторінки

Примітка : Застереження про машинний переклад: Цю статтю перекладено комп’ютерною системою без втручання людини. Корпорація Майкрософт пропонує таку послугу, щоб іншомовні користувачі могли дізнаватися про продукти, служби й технології Microsoft. Оскільки статтю перекладено за допомогою служби машинного перекладу, вона може містити смислові, синтаксичні або граматичні помилки.

Отримуйте нові функції раніше за інших
Приєднайтеся до оцінювачів Office

Ця інформація корисна?

Дякуємо за ваш відгук!

Дякуємо за відгук! Схоже, вам може стати в нагоді допомога одного з наших спеціалістів служби підтримки Office, з яким ми вас можемо з’єднати.

×