Сайт Американского института графического искусства

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

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

А что, если бы вас наняли для оформления веб-сайта, предназначенного исключительно для дизайнеров? Какой стиль бы вы использовали? Вот, например, для сайта Американского института графического искусства (American Institute of Grafic Arts - AIGA) был выбран мондриановский плакатный стиль. Всё находится на своих местах. Меню слева придерживается своего места. Оно подразделяется на две колонки, однако это не вызывает ощущения беспорядка. Текст и блок заголовка справа поддерживают собственную целостность.

Обратите внимание на то, как блок заголовка продолжается вплоть до правой границы окна браузера. Само окно браузера является «рамкой» для этих цветных блоков.

Вся информация на странице размещена в чётких вертикальных столбцах, однако без применения каких-либо вертикальных линий или границ. И вновь всё дело в выравнивании.

Чёрный блок с левой стороны разделяет левую колонку меню на два подстолбца. Затем под-столбцы продолжаются дальше, выровненные согласно цветным блокам над ними. Есть ли у страницы четко выделенные разделы? Определенно. Просто они не окружены границами.

Ради удобства чтения дизайнеры сайта AIGA решили разместить основной текст на белом фоне. Таким образом, эта страница, хотя и не залита цветом полностью, выглядит очень красочно. Цветные блоки могут показаться просто абстрактным элементом оформления, но на самом деле они нужны для того, чтобы выделить вертикальные и горизонтальные разделы страницы. К тому же заглавный блок по цвету связан с общей схемой навигации сайта.