Размер и взаимное расположение визуальных элементов очень важны для создания визуально последовательной и предсказуемой среды. Визуальная структура важна также с точки зрения передачи назначения элементов, отображенных в окне. В общем случае при выборе варианта размещения элементов следует придерживаться тех же правил, которые используются при компоновке печатной страницы.
Группирование предполагает компактное размещение взаимосвязанных элементов. Для реализации группирования может использоваться либо специальный элемент – группирующий блок, либо просто размещение элементов на соответствующем расстоянии друг от друга.
С целью обеспечения единого подхода к пространственному размещению графических элементов введена специальная единица измерения – dialog base unit (единица площади диалоговой панели) – дискрета окна.
Дискрета окна – это аппаратно-независимая величина; в горизонтальном направлении она равна одной четверти средней величины символов текущего системного шрифта; по-вертикали – одной восьмой средней высоты символов текущего системного шрифта.
Рекомендуется оставлять между элементами в группе промежуток, равный по крайней мере четырем дискретам, а расстояние до края окна и между группами должно быть не менее семи дискрет.
Использование цвета для визуальной группировки объектов не всегда удачно, поскольку может привести к нежелательным эффектам при изменении пользователем цветовой схемы.
Элементы управления в панели инструментов следует по возможности располагать так, чтобы от края панели до края окна оставался промежуток, равный по меньшей мере ширине рамки окна. Между элементами самой панели должно быть не менее четырех дискрет высоты (если не группируется набор связанных кнопок). В некоторых случаях, например, когда кнопки панели инструментов используются подобно набору переключателей, они могут располагаться слитно (без промежутка).
Основные кнопки управления вторичного окна целесообразно сгруппировать в верхнем правом углу окна или расположить в виде линейки вдоль нижнего края окна.
Если в окне имеется предопределенная кнопка, то она, как правило, должна стоять первой.
Кнопки <OK> и <Отменить> должны располагаться рядом. Замыкать группу должна кнопка <Справка> (если она поддерживается приложением). Если кнопка <OK> не используется в данном окне, но имеются другие кнопки управления, то лучше всего установить кнопку <Отменить> в конце набора кнопок управления, но перед кнопкой <Справка>.
Если какая-то кнопка применяется только для конкретной области окна – включите ее в эту область.
Если кнопки (или другие элементы управления) вынесены на вкладку, предполагается, что их область действия распространяется только на эту вкладку; соответственно, кнопки, не входящие в состав ни одной из вкладок окна, относятся к окну в целом.