Три правила дизайна элегантных интерфейсов.
Любой программный интерфейс, будь то программа или сайт, по возможности должен быть эргономичен и красив. К сожалению, зачастую и то и другое невозможно – эргономичность требует довольно существенных вложений, а красота, помимо тех же вложений, вообще понятие сомнительное (точнее – классовое).
* Существуют серьезные сомнения в том, что элегантность сейчас является значимой ценностью для народов Средней Азии и Дальнего Востока. Тем не менее, несомненно, что концепция элегантности со временем проникнет и туда (процесс уже начался).
Но в любом случае интерфейс может и должен быть элегантными, просто потому, что элегантность практически универсальна (т.е. воспринимается всеми европейцами примерно одинаково*) и, что еще важнее, не требует вложений ресурсов в разработку. Неэлегантный интерфейс разрабатывается теми же средствами и за то же время, что и элегантный.
Тем не менее, большинство современных интерфейсов не элегантны (и, кстати сказать, не красивы), в том числе и разработанные при видимом участии графического дизайнера. Адекватно объяснить это трудно, но, по всей видимости, вместе или по отдельности срабатывают следующие факторы:
- При разработке интерфейсной графики думают прежде всего о красоте. Однако красота редко является абсолютной (так, представления о красоте у увлеченных читателей альманаха Товары и цены редко соответствуют представлениям тех же дизайнеров). В результате, в погоне за выполнением призрачной программы-максимум, забывают о программе-минимум.
- Большинство интерфейсов все-таки разрабатываются вообще без участия дизайнера. Способность же программиста делать привлекательные интерфейсы сильно базируется на его культурном уровне, а этот уровень очень разный (я исхожу из предположения, возможно, неверного, что хорошему программисту не обязательно иметь высокий культурный уровень, но дизайнеру, чтобы стать таковым, его таки приходится набирать). Кроме того, программист не обязан думать об эстетике, ему бы баги выловить; т.е. спрашивать с него лишнее мне кажется непродуктивным.
- Существует устойчивое мнение, что интерфейсу вообще привлекательность не нужна, она, де, лишняя. Соответственно, о ней и не думают.
Такая ситуация не кажется мне нормальной. Как я уже отметил, интерфейс должен быть хотя бы элегантным. Вопрос только, как этого добиться. К счастью, способ есть.
* Разумеется, их недостаточно, чтобы сделать интерфейс красивым.
** Я ни в коей мере не собираюсь утверждать, что я их открыл, напротив, эти правила известны давно. Моё открытие заключается в том, что всего лишь три эти и именно эти три правила при минимуме затрат обеспечивают максимальную эстетическую отдачу.
Разрабатывая (и рисуя) интерфейсы, я сформулировал** три простых правила, применяя которые, можно сделать элегантным* любой интерфейс. Эти правила я и излагаю (и демонстрирую в этой статье). Крупный их плюс – они ничего не требуют от уровня разработчика, т.е. применять их может кто угодно.
К сожалению (или к счастью), их изложение требует постоянной смены иллюстраций, что делает невозможным собственно формат статьи. Соответственно, правила изложены в презентации (которая от обычной презентации отличается тем, что не требует авторского голоса за кадром).
Скачать презентацию (формат Adobe Acrobat, 6,5 мБ)…
Чтобы сохранить презентацию на свой компьютер, нажмите правую клавишу мыши над ссылкой и в появившемся меню выберите элемент Сохранить как…
Я буду рад любым вашим комментариям (и предложениям, что именно я должен сделать с этой статьей); вполне возможно, что можно сформулировать и другие четкие, универсально применимые правила.
Как и другие статьи здесь, презентация будет регулярно обновляться, соответственно прошу не размещать её на других сайтах; достаточно установить ссылку на эту страницу. Заранее спасибо.
18 июня 2009 в 13:05
Спасибо большое за такие презентации. хоть и учил в институте “золотое сечение” и другие пропорции, но в голову не приходило их воплотить в реальность )
так что могу только выразить благодарность за то, что открыли новый взгляд на старые вещи.
единственное - не очень понравился заголовок Graphis Settings (уж ОООчень огромный + красный…глаза режет) - но это мое субъективное мнение, а так интерфейс стал куда приятнее
19 июня 2009 в 14:30
повторно перечитал презентацию и у меня возник вопрос: в пропорциях вы говорите, что пропорции кнопок (1 х 3,4) гармоничны, но число П = 3,14 при округлении 1 х 3,1…но никак не 1 х 3,4..откуда такая пропорция тогда?
19 июня 2009 в 14:53
Неправильно выразился. Для маленьких объектов гармоничные пропорции не так важны, как совместимость с сеткой. Почти гармоничны и ладно.
26 января 2010 в 14:18
Влад, это статья и презентация на все времена.
Уже несколько раз ей пользовался как примером для объяснения. Спасибо!
12 октября 2010 в 02:55
С какой же жадностью я читал вашу презентацию! Спасибо
28 октября 2010 в 14:22
Спасибо! Было познавательно. Понравилось, что все свои мысли вы подкрепляли крепкими доводами.
29 июня 2011 в 11:43
Отличная презентация, подчеркнул для себя много нового. Очень понравилось применение “Золотого сечения”.