|
Введение
Что такое dpi и как с ним работать
(советы как создавать диалоговые окна)
Диалоговые окна
Правило DIALOGS-1
В диалогах настроек нет кнопок "OK", "Отмена", "Применить" - всех их
функционально заменяет одна - "Отказ".
- Все изменения, производимые в
диалоге, вступают в силу немедленно, позволяя в реальном масштабе видеть
результат изменений.
- Кнопка "Отказ" возвращает значения всех параметров настроек
на данной странице в состояние, в котором они были до открытия диалога.
- Закрыть блокнот настроек можно самым естественным способом - кнопкой
для закрытия окна в его заголовке.
Правило DIALOGS-2
Во всех диалогах настроек есть кнопка "По умолчанию", позволяющая вернуть
значения всех параметров настроек на текущей странице в состояние,
в котором они были сразу после установки системы. Это позволяет
безболезненно устранить последствия слишком далеко зашедших экспериментов
по настройке.
Правило DIALOGS-3
Все диалоговые окна, все ноутбуки настроек должны иметь жестко
заданный шрифт 9.WarpSans
(пока нет механизма Smart Dialogs, это единственный способ бороться с
невлезающими надписями)
Правило DIALOGS-4
Use 4-12 lines of text in the dialog windows.
Диалоговые окна: типовые варианты
DIALOGS-LAYOUT-1
Если есть 7+-2 режимов/состояний. Для каждого состояния 7+-2 вариантов.
Все варианты - это текстовые строчки. Тогда в диалоге настроек
можно выписать состояния в столбик. Рядом с названием состояния
combo-box с вариантами.
Пример: Beer Battery widget
DIALOGS-LAYOUT-2
Если 2 столбца с текстом, числами. Тогда выровнить левый столбец по
правому краю, правый столбец по левому.
- Когда значений мало и надо
охватить их сразу все - жирным лучше писать значения, а не подписи.
Пример: USB Dock
- Если строчек много, то выделять один из столбцов бесполезно.
Если несколько групп данных и они имеют заголовки, тогда нужно выделять
заголовки жирным шрифтом.
DIALOGS-LAYOUT-3
(Комбинирование элементов управления)
Определите группы контролов. Каждая группа занимает прямоугольную область.
Далее, разместите прямоугольники так, чтобы между ними не было пустот.
Пример: Есть большая картинка и строчка текста.
Тогда: строчка - длинная, значит выше картинки или ниже, но не справа/слева.
Диалоговые окна: вопрос-ответ
В: Есть static названия и combo-box для выбора значения.
Расставлять их другом под другом (static, на следующей строке combo) или напротив друг друга (static слева, справа от него combo)?
О:
- Если combo или static слишком длинные, то друг под другом.
если слишком короткие, то слева static, справа combo.
- Иначе, смотри правило: в диалоговом окне желательно 4-12 строчек текста.
Если пар static и combo много, то в две колонки, если слишком мало,
то друг под другом. В итоге должно получаться 4-12 строчек. Не больше
и не меньше.
Шрифты
Какие шрифты использовать в диалоговых окнах? Рекомендаций нет.
|
|