5.7.3. Шрифт
Подібно іншим візуальним елементам, шрифти сприяють організації інформації і створенню визначеного настрою. Змінюючи розмір і щільність шрифту, ви можете вказати користувачу на ступінь важливості тієї чи іншої інформації і порядок, у якому вона повинна бути прочитана.
На екранах стандартних моніторів шрифти звичайно менш розбірливі, чим на видрукуваній сторінці. Намагайтеся не використовувати курсив (Іtalіc) і рубаний шрифт (Serіf), оскільки вони важкі для читання, особливо при низькому дозволі монітора.
Обмежте кількість застосовуваних шрифтів і стилів. По можливості, використовуйте стандартний системний шрифт для загальних елементів інтерфейсу. Це забезпечує візуальну погодженість між інтерфейсом вашого додатка й інтерфейсом робітничого середовища і, крім того, робить ваш інтерфейс легше масштабируемым. Оскільки багато елементів інтерфейсу можуть модифікуватися користувачем, перевірте системні параметри для убудованого системного шрифту й установите аналогічні значення для вашого додатка.
5.7.4. "Багатомірність" екрана
При зображенні багатьох елементів інтерфейсу корисно використовувати перспективу, підсвічування і затінення з метою забезпечення ефекту тривимірного образа. Це сприяє підвищенню функціональності інтерфейсу і наочності зворотного зв'язку при роботі користувача з комп'ютерними аналогами реального світу. Наприклад, кнопки зображуються таким чином, щоб при їхньому виборі в користувача з'являлася ілюзія, що кнопка дійсно натиснута.
При створенні ефектів освітленості/затінення за замовчуванням приймається, що гіпотетичне джерело світла знаходиться у верхньому лівому куті екрана.
Розробляючи ваші власні візуальні елементи, будьте обережні: не перестарайтеся у використанні "об'ємних" образів, оскільки зображення кожного "тривимірного" об'єкта займає на екрані значно більше місця, чим його "плоский" аналог. З огляду на цю обставину, і випливаючи всі
205
тому ж принципу погодженості интерфеса, використовуйте тривимірні ефекти тільки для зображення інтерактивних елементів. При цьому вводите лише ті деталі, що дійсно необхідні для ідентифікації образа користувачем.
5.7.5. ПРОСТОРОВЕ РОЗМІЩЕННЯ ВІЗУАЛЬНИХ ЕЛЕМЕНТІВ
Розмір і взаємне розташування візуальних елементів дуже важливі для створення візуально послідовного і передбачуваного середовища. Візуальна структура важлива також з погляду передачі призначення елементів, відображених у вікні. У загальному випадку при виборі варіанта розміщення елементів варто дотримувати тих же правил, що використовуються при компонуванні друкованої сторінки.
Групування
Групування припускає компактне розміщення взаємозалежних елементів. Для реалізації групування може використовуватися або спеціальний елемент - блок, що групує, або просте розміщення елементів на відповідному відстані друг від друга.
З метою забезпечення єдиного підходу до просторового розміщення графічних елементів уведена спеціальна одиниця виміру - dіalog base unіt (одиниця площі діалогової панелі), що ми надалі для стислості будемо називати "дискретой вікна".
Дискрета вікна - це апаратно-незалежна величина; у горизонтальному напрямку вона дорівнює однієї чверті середньої ширини символів поточного системного шрифту; по вертикалі - однієї восьмої середньої висоти символів поточного системного шрифту.
Рекомендується залишати між елементами в групі проміжок, рівний принаймні чотирьом дискретам, а відстань до краю вікна і між групами повинне бути не менш семи дискрет (мал. 5.47). Хоча ви можете використовувати колір, щоб візуально згрупувати об'єкти, такий підхід не можна визнати вдалим, оскільки він може привести до небажаних ефектів, коли користувач змінить колірну схему.
Елементи керування в панелі інструментів намагайтеся розташовувати так, щоб від краю панелі до краю вікна залишався проміжок, рівний щонайменше ширині рамки вікна. У свою чергу, між елементами самої панелі повинне бути не менш чотирьох дискретвысоты (якщо ви не хочете згрупувати набір зв'язаних кнопок). У деяких випадках, наприклад, коли кнопки панелі інструментів використовуються подібно набору перемикачів, вони можуть розташовуватися разом (без проміжку).
Основні кнопки керування вторинного вікна доцільно згрупувати у верхньому правому куті чи вікна розташувати у виді лінійки уздовж нижнього краю вікна, як показано на мал. 5.48. Якщо у вікні мається визначена кнопка,
Рис. 5.47. формат розміщення, Що Рекомендується, елементів керування у вторинному вікні те вона, як правило.повинна стояти першої. Кнопки ОК і Скасувати повинні розташовуватися поруч. "Замикати" групу повинн кнопка Довідка (якщо вона підтримується додатком). Якщо кнопка ОК не використовується в даному вікні, але маються
інші кнопки керування, те найкраще установити кнопку Скасувати наприкінці набору кнопок керування, але перед кнопкою Довідка. Якщо ж яка-небудь кнопка застосовується тільки для конкретної області вікна, уключите її в цю область.
Якщо кнопки (чи інші елементи керування) винесені на вкладку, передбачається, що їхня область дії поширюється тільки на цю вкладку; відповідно, кнопки, що не входять до складу ні однієї з вкладок вікна, відносяться до вікна в цілому.
Вирівнювання
Вирівнювання являє собою ще один додатковий спосіб візуального відображення взаємозалежної інформації (чи елементів керування). Як правило, розрізняють три способи вирівнювання інформації:
o вертикальне (по лівому чи правому краї елементів, що вирівнюються,);
o горизонтальне (по верхньому чи рядку по верхньому краї елемента);
o суміжне вирівнювання (коли елементи стуляються краями, мал. 5.49).
Групи кнопок
Рис. 5.49. Суміжне вирівнювання в групах
Якщо інформація розташована вертикально, доцільно вирівняти її елементи по лівому краї відповідної області. Це звичайно полегшує користувачу швидкий перегляд інформації. Разом з тим, якщо у виді стовпця виводяться числовому дані, значення яких можуть змінюватися, їх краще вирівняти по правому краї (мал. 5.50).
Вирівнювання Вирівнювання
по лівому краї по правому краї
Рис. 5.50. Вертикальне вирівнювання