В этой статье я расскажу о пользовательских интерфейсах, о том, откуда появился термин UI и почему UI-дизайн сейчас очень бурно развивается.
Начинающие веб-разработчики часто берут для своих сайтов готовые технические элементы дизайна из "UI паков" в формате PSD (рабочий формат Photoshop), либо из CSS-фреймворков (подготовленные к вёрстки элементы). CSS-фреймворки - это оформленные и стилизованные элементы веб-дизайна, готовые к интеграции непосредственно в пользовательский дизайн сайта. Они, как правило, универсальны и разрабатываются для самого широкого круга целей. Развитие CSS-фреймворков связано в целом с развитием веб-технологий. Ситуация с UI-паками намного интереснее.
UI, или User Interface (переводится как Пользовательский Интефейс) - это определённый набор (или даже дизайн, сделанный на основе) графически оформленных технических элементов. Цитата из WikiPedia:
- разновидность интерфейсов, в котором одна сторона представлена человеком (пользователем), другая — машиной/устройством. Представляет собой совокупность средств и методов, при помощи которых пользователь взаимодействует с различными, чаще всего сложными, машинами, устройствами и аппаратурой.
Иными словами UI - это набор кнопочек, селекторов, чекбоксов и тому подобных элементов интерфейса. Задача UI элементов помочь пользователю взаимодействовать с программой или веб-сайтом. Не трудно догадаться, с какого момента стало популярным оформлять технические элементы программ и какая компания является главным трендсеттером в этой области. Речь, конечно же, идёт о компании Apple, её продукции и iOS приложениях. Стив Джобс как-то сказал:
Мы сделали кнопочки на экране такими хорошенькими, что вам захочется их лизнуть.
Именно внимание к деталям и отдельным элементам легло в основу Uiser Interface дизайна (UI Designe). При том, что готовый дизайн воспринимается как нечто целое, процесс разработки бьётся на этапы работы над отдельными элементами. На основе этой идеи и построены такие проекты, как http://dribbble.com/ и http://designmoo.com/, где веб-дизайнеры и разработчики выкладывают и обсуждают в большинстве случаев именно отдельные элементы дизайна, в том числе и элементы интерфейсов UI. На этих сайтах можно только посмотреть примеры уданой реализации нужных вам элементов. Скачать исходники можно на других сайтах. Я подготовил небольшую подборку:
http://www.icondeposit.com/
http://pixelsdaily.com/
http://www.freebiesgallery.com/
http://www.premiumpixels.com/
Есть отдельные проекты, посвящённые иконкам, такие как http://iconmonstr.com/. Но об иконках с следующий раз.
Подводя итог отмечу, что Uiser Interface дизайн активно развивается не только потому, что есть компания Apple, диктующая моду в оформлении элементов, но и потому, что есть спрос. Капитан очевидность подсказывает, что веб-технологии развиваются и становятся всё более доступными. Именно поэтому количество технически сложных веб-проектов растёт в геометрической прогрессии. В такой ситуации вполне логичным кажется набирающий силу встречный тренд: стремление к упрощению и минимализму. Я уже делал подборку дизайнов в минималистичном стиле и собираюсь её продолжать. Даже в UI дизайне пытается выделиться направление Clean UI, или "минималистичный дизайн пользовательских интерфейсов". Вот пример:
Скачать подобный пак можно по одной из ссылок выше. Смысл в том, чтобы упростить заведомо сложный проект во-первых за счёт отсечения ненужных элементов, а во-вторых за счёт максимально простого, но стильного оформления технических элементов, которые отсекать нельзя.
UPD: недавно на хабре появился обзор базы бесплатных пользовательских интерфейсов UICloud, где хранится более 23 тысяч элементов дизайна и интерфейса.
