Створення каркасної діаграми для інтерфейсів користувача

Створення каркасної діаграми для інтерфейсів користувача

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

Каркасний шаблон призначений для створення середньої якості макети програмних застосунків. Шаблон можна використовувати для широкого кола типів програмного забезпечення, наприклад програми для ОС Windows, Інтернет і мобільних пристроїв.

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

  2. Клацніть трафарет Панелі інструментів, щоб додати меню та інші піктограми застосунку.

  3. Використовуйте фігури на інших чотирьох трафаретах за промовчанням (Елементи керування, Курсори, Звичайні піктограми та Піктограми веб- і медіавмісту), щоб заповнити інтерфейс користувача та відобразити функціональні можливості застосунку.

Деякі каркасні фігури мають настроювані властивості. Нижче наведено кілька способів використання цих фігур.

У цій статті

Створення діалогові вікна

Створення панелей інструментів

Додавання елементів керування форми

Створення діалогові вікна

Фігура

Поради

Форма застосунку

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

Форма діалогового вікна

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

Кнопка діалогового вікна

Виберіть кнопку, яку потрібно відобразити за допомогою цієї форми: «Закрити», «Розгорнути», «Згорнути» або «Відновити» (ці кнопки зазвичай розміщено у правому верхньому куті застосунків і форм діалогових вікон). Перетягуючи фігури на форму, ви визначаєте потрібні кнопки. Потім можна змінити фігуру, клацнувши її правою кнопкою миші та вибравши пункт Тип кнопки.

Щоб змінити заливку кнопки, клацніть правою кнопкою миші фігуру та виберіть пункт Показати як активну.

рядок стану

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

Смуга прокручування

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

Маркер змінення розміру

Може використовуватися лише на смугах прокручування та в рядках стану. Установити тип пристрою можна в діалоговому вікні, яке з’явиться після перетягування пристрою на сторінку.

Панель вкладок

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

Щоб змінити заливку вкладки, клацніть правою кнопкою миші фігуру та виберіть пункт Указати активну вкладку.

Коли панель вкладок виділено, перейдіть на вкладку Формат контекстної вкладки Знаряддя для контейнерів, щоб змінити стиль панелі вкладок.

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

Створення панелей інструментів

Фігура

Поради

рядок меню;

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

Розкривне меню

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

Можна поєднати розкривне меню з елементами рядка меню, щоб відобразити відкрите меню. Елемент рядка меню містить в нижньому куті точки з’єднання, які можна поєднати з верхнім кутом розкривного меню.

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

Додавання елементів керування форми

Фігура

Поради

Гіперпосилання

Під час перетягування фігури гіперпосилання на сторінку відкривається діалогове вікно гіперпосилання, де можна встановити об’єкт гіперпосилання.

Кнопка

Клацніть правою кнопкою миші фігуру кнопки, щоб установити стан або вигляд кнопки (наприклад, активовано або вибрано).

Список

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

Коли список вибрано, перейдіть на вкладку Формат контекстної вкладки Знаряддя для контейнерів, щоб змінити стиль списку.

Прапорець

Клацніть правою кнопкою миші прапорець, щоб установити параметр Вибір (наприклад, Вибрано або Не вибрано) і параметр Стан (наприклад, Активовано або У разі наведення вказівника).

Керування деревом

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

Можна також використати контекстне меню, щоб додати більше елементів керування деревом, або клацнути блакитну стрілку вставлення.

Коли елемент керування деревом виділено, перейдіть на вкладку Формат контекстної вкладки Знаряддя для контейнерів, щоб змінити стиль елемента керування деревом.

Повзунок

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

Панель перебігу

Щоб перемістити панель перебігу, використайте жовтий керівний маркер.

Календар

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

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

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

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

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

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

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

×