Глава 14. Визуальный дизайн интерфейсов. гих других вопросах дизайна, здесь важны простота и последовательность

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

Решения по поводу композиции должны быть в определенном смысле бескомпромиссными: «почти квадрат» ни на что не годится; «почти один к двум» - тоже. Если композиция на экране близка к простой дробной его части - половине, трети или одной пятой, - скорректируйте композицию таким образом, чтобы она занимала ровно половину, треть или одну пятую часть экрана. Используйте точные, четкие, ярко выраженные пропорции.

Использование сетки в визуальном дизайне интерфейсов дает ряд преимуществ:

• Удобство применения. Поскольку сетка делает расположение эле
ментов единообразным, пользователи быстро приобретают навыки
поиска нужных элементов в интерфейсе. Если заголовок экрана
всегда находится на одном месте, пользователю не приходится за
думываться или разглядывать экран в поисках этого заголовка. По
следовательность в расположении элементов и выборе расстояний
между ними облегчает работу механизмов визуальной обработки
в мозгу человека. Качественно спроектированная сетка в сущест
венной степени упрощает восприятие экрана.

• Эстетическая привлекательность. Аккуратно применяя сетку и вы
бирая подходящие соотношения между различными областями эк
рана, дизайнер может создать ощущение порядка, который удобен
пользователям и стимулирует их вступать во взаимодействие с про
дуктом.

• Эффективность. Стандартизация композиции снижает трудозатра
ты, связанные с созданием высококачественных визуальных интер
фейсов. Мы считаем, что создание сетки и включение ее в процесс на
ранних этапах детализации проектных решений сокращает число
итераций и действий по «доводке» интерфейса. Качественная и явно
обозначенная сетка закладывает основу для легко модифицируемого
и расширяемого дизайна, позволяя разработчикам находить хоро
шие композиционные решения, когда необходимо внести изменения.

Создание логического маршрута

Композиция должна не только в точности следовать сетке, но и структурировать эффективный логический маршрут через интерфейс для

Принципы визуального дизайна интерфейса

пользователей, принимая во внимание тот факт, что (в случае западных языков) взгляд движется сверху вниз и слева направо (рис. 14.3).

Дата добавления: 2015-10-24