- •Методичні вказівки
- •Частина 2
- •4 Лабораторна робота № 4
- •4.3 Приклад використання інформаційної графіки, миші і клавіатури.............................................................................86
- •5 Лабораторна робота № 5
- •5.1 Мета роботи...................................................................91
- •5.2 Основні теоретичні відомості......................................91
- •Лабораторна робота № 4 Етапи проектування і створення користувальницького інтерфейсу. Інформаційна графіка. Використання миші та клавіатури. Дизайнерська доробка інтерфейсу.
- •4.1 Мета роботи
- •4.2 Основні теоретичні відомості
- •4.2.1 Моделі організації інформації
- •4.2.2 Елементи візуалізації
- •4.2.3 Сортування і перестановка
- •4.2.4 Пошук і фільтрація
- •4.2.5 Конкретизація даних
- •4.2.6 Клавіатура і миша
- •4.2.7 Основи візуального дизайну
- •4.2.7.2 Шрифти
- •4.2.7.3 Простір і скупченість
- •4.2.7.4 Кути та криві
- •4.2.7.5 Текстура і ритм
- •4.2.7.6 Зображення
- •4.2.7.7 Повторювані візуальні мотиви
- •4.2.7.8 Настільні додатки
- •4.2.8 Застосування шаблонів для компонування сторінок
- •4.3 Приклад використання інформаційної графіки, миші і клавіатури
- •4.4 Завдання до роботи
- •4.5.2 Завдання до роботи.
- •4.6 Контрольні запитання
- •5 Лабораторна робота № 5 Наукові підходи до оцінки якості діяльності людини-оператора системи «людина-техніка-середовище». Формалізація даних на основі узагальненого структурного методу.
- •5.1 Мета роботи
- •5.2 Основні теоретичні відомості
- •5.2.1 Формалізація даних на основі узагальненого структурного методу.
- •5.2.2 Приклад опису процесу функціонування слтс
- •5.2.3 Приклад розрахунку показників функціонування слтс
- •5.3 Завдання до роботи
- •5.4.2 Завдання до роботи.
- •5.5 Контрольні запитання
- •Рекомендована література
4.2.7.2 Шрифти
Вибираючи шрифт для фрагмента тексту, визначте, яким голосом цей текст «вимовляється»: гучним або тихим; доброзичливим або офіційним; розмовним або авторитетним; сучасним або старомодним (див. рис. 4.3). Текст невеликого розміру, який часто називають основним або звичайним текстом в друкованих матеріалах або на веб-сторінках, вимагає відповідального вибору.
Рекомендації для шрифтів міток в графічних інтерфейсах:
• на комп'ютерних дисплеях рубані шрифти часто виглядають краще в невеликому розмірі. Розмір пікселів недостатньо великий, щоб добре візуалізувати малі шрифти із зарубками. На розбірливість шрифту сильно впливають технології відображення (згладжування);
• уникайте курсивів, рукописного і інших орнаментальних шрифтів;
• геометричні шрифти з круглими літерами гірше читаються в невеликому розмірі;
• основний текст, написаний тільки прописними літерами, важко читати. Великі букви схожі одна на одну.
• об'єднуйте великі обсяги тексту в стовпці середньої ширини. Не вирівнюйте правий край у вузьких стовпцях тексту.
Рисунок 4.3 – Відмінності в розмірі, щільності, текстурі і формалізованності
4.2.7.3 Простір і скупченість
Простір на сторінці створює враження легкості, відкритості, тиші, спокою, свободи чи ретельності і благородства в залежності від інших факторів дизайну.
Скупчені дизайни в певних обставинах можуть створювати враження терміновості і напруги.
4.2.7.4 Кути та криві
Сторінка, складена з прямих вертикальних ліній і прямих кутів, зазвичай виглядає «тихіше» і спокійніше, ніж сторінка, яка містить діагональні лінії і непрямокутні форми. На сторінці з безліччю різноманітних кутів більш помітно рух, ніж на сторінці, де елементи знаходяться під однаковим кутом один до одного.
Криві також можуть додавати руху і життя, але не завжди. Безліч кіл і дуг окружності, може бути заспокійливим. Однак, крива, що проходить через сторінку, змушує весь дизайн рухатися, а кілька ретельно вибраних кривих в дизайні, що в основному складається з прямокутних елементів, додають складності та інтересу. У місцях, де перетинаються дві криві, зверніть увагу на геометричні дотичні цих кривих.
При використанні кутів, кривих і прямокутних фігур визначте, де утворюються точки фокусування і застосуйте їх для привернення уваги до важливих елементів.
4.2.7.5 Текстура і ритм
Текстура додає візуальному дизайну насиченості. Для багатьох сторінок та інтерфейсів шрифти є найбільш важливим елементом текстури. Порожні області, наприклад смуги порожнього простору з боків веб-сторінки, виглядають набагато краще, коли їх заповнює текстура. Текстури можна застосовувати для оточення суворих візуальних елементів і виділення їх на фоні інших.
Найбільш ефективні текстури в дизайні інтерфейсу практично непомітні. У них використовуються слабкі колірні градації і дуже дрібні деталі. Будь-які текстури, за винятком непомітних, заважають читати текст невеликого розміру. Поруч з блоками тексту виводьте текстуру на суцільний текст.
4.2.7.6 Зображення
У більшості настільних додатків і веб-додатків вміст і простота використання важливіші, ніж стиль. У функціональних графічних інтерфейсах застосовуйте чисто декоративні зображення в невеликій кількості і ретельно продумуйте їх розміщення.