SEO блог Антона Тишкова

SEO оптимизация и журналистика, создание сайтов Саратов

ГлавнаяRSSfeedFollowme!Контакты
 
Заработок в Интернете

User Interface (UI) и элементы дизайна сайтов

28 августа 2012
7572
| Рубрика: » Web дизайн
User Interface (UI) и элементы дизайна сайтов
В этой статье я расскажу о пользовательских интерфейсах, о том, откуда появился термин 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, или "минималистичный дизайн пользовательских интерфейсов". Вот пример:
User Interface (UI) и элементы дизайна сайтов
Скачать подобный пак можно по одной из ссылок выше. Смысл в том, чтобы упростить заведомо сложный проект во-первых за счёт отсечения ненужных элементов, а во-вторых за счёт максимально простого, но стильного оформления технических элементов, которые отсекать нельзя.

UPD: недавно на хабре появился обзор базы бесплатных пользовательских интерфейсов UICloud, где хранится более 23 тысяч элементов дизайна и интерфейса.
Архив с подписками:
зарабатываем!
Хороший обзор
тизерных сетей
Обзор прибыльных
CPA программ


Вы можете оставить свой комментарий:

Ваше имя:
Ваш E-Mail:
Ваш сайт: ( на заметку ) (не забудьте http://)
Важно!!! Чтобы опубликовать своё
сообщение введите адрес моего блога:
SAPE.RU - продажа ссылок
TeaserNET - тизерная сеть
Блогун - ссылки в блогах


мой SEO блог

Заинтересовал блог? Посмотрите ещё и моё портфолио.
Приветствую! Меня зовут Антон Тишков. Я представляю Вам свой SEO-блог, в котором я выкладываю заметки и свои размышления на тему: SEO оптимизация, интернет-журналистика, соц. инженерия и создание сайтов. Если у вас есть предложения, идеи, замечания - пишите мне через форму "Контакты".
2007-2013 © Антон Тишков, дизайн и тексты авторские / W3C HTML Valid
KeyTags: блог SEO оптимизация, журналистика и создание сайтов.