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

Ниже на рисунке изображён образец фирменного бланка. Каждый его элемент служит строго определённой цели. Логотип необходим для того, чтобы указать принадлежность бланка определённой компании. Широкий отступ слева предназначен для того, чтобы этот бланк можно было проколоть дыроколом и подшить. Оставшаяся часть предназначена для размещения текста.

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

А вот образец неэкономичного и слабофункционального фирменного бланка. Полупрозрачный логотип не несёт никакой смысловой нагрузки, так как его изображение уже есть сверху. Более того, он будет мешать чтению текста при воспроизведении бланка на чёрно-белом принтере и при передаче его через факс. Нижний колонтитул также не несёт никакого смысла, а только уменьшает пространство, предназначенное для текста.

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

Метод расчёта функциональности дизайна

Определить, насколько дизайн функционален, совсем несложно.

Сначала нужно взять всю площадь объекта дизайна за 100%. Затем эту площадь необходимо разделить на участки, которые занимают отдельные элементы дизайна. А после этого достаточно просто прикинуть, сколько процентов от всей площади занимают участки с элементами, не выполняющими никакой функции. Ниже приведён пример страницы сайта, функциональность которого равна 100%.

В изображённом макете каждый элемент дизайна имеет своё функциональное предназначение. А все элементы в целом составляют 100% размера страницы сайта.

Для сравнения на рисунке ниже представлен дизайн страницы сайта, эффективность которого равна 67%. А ведь положение легко поправить, просто реорганизовав элементы дизайна.

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

Важные примечания

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

Бессмысленно рассуждать о функциональной организации пространства, когда объект дизайна столь лаконичен.

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

Несмотря на то, что рамка на бланке справа не выполняет никакой существенной функции, она имеет крайне важное эстетическое содержание.

26 июля 2011