Если есть часто повторяющиеся необходимость для конкретного решения, есть большая вероятность того, что у кого-то есть – В настоящее время – решен that потребность и закончила беготни, участвующих в исследовании и построении something, который разрешаетего.По крайней мере, вы найдете документацию по общим решения проблем, связанных, которая позволит вам получить представление о передовой практике, эффективные методы и примеры из реальной жизни на thing Вы creating.

Дизайн pattern относится к многоразовым и действующим решением общего решения реальных проблем.Например, решение для навигации по веб-сайта является навигация по сайту (список ссылок, которые указывают на различные разделы сайта), решение для отображения контента в компактном пространстве, модуль tabs.

Есть много способов для решения конкретных требований – и в качестве дизайнера – Самая важная вещь вы можете сделать, это выбрать тот вариант, который лучше всего отражает потребности вашего users.

В этой статье мы поделимся с вами Лучшие из best, сливки сайты, галереи, интернет-изданий и библиотек посвящена обмена информацией и изучения концепций, относящихся к дизайн пользовательского интерфейса patterns.Используйте эти рекомендуемых источников для получения знаний о конкретной проблемы пользовательского интерфейса или получить вдохновение и понимание о передовой практике, методы и примеры образцового дизайна пользовательского интерфейса.Большой спасибо идет к Павел Konoplitski за предоставление нам со связанными resources.

UI Design Patterns для сайтов и веб-Applications

UI-patterns.comUI-patterns.com большая коллекция шаблонов дизайна для пользовательского интерфейса дизайнеры, чтобы получить вдохновение.Сайт позволяет пользователям хранить наборы собственных (публично доступным для посетителей сайта), так что вы можете видеть другой шаблон дизайна пользовательского интерфейса collections.

KonigiKonigi подчеркивает образцовый взаимодействия design и визуальные design использования в реальном мире.Есть много способов использования, навигация, и найти желаемый контент на сайте, включая Tags страница с участием популярных ключевых слов, используемых в записи в витрине разделить на три категории: ключевое слово, продуктов и company.

QUINCE: X Patterns ExplorerАйва красивых и потрясающих веб-приложение, которое поможет вам изучить бесчисленное количество пользователей шаблоны проектирования, такие как Дата pickers __ и 2 | две панели selectors.Приложение требует плагин Silverlight и лучше всего рассматривать под Internet Explorer (хотя мы убедились, что хорошо работает в Firefox и Safari)

Interaction Design Pattern LibraryWelie.com есть шаблон дизайна взаимодействия библиотек поддерживается Мартин ван Welie, к.т.н. Выпускник взаимодействия человека с компьютером, который сейчас работает в качестве интерактивного дизайна старший консультант по проектированию Philips.В библиотеке тонну шаблонов проектирования с участием различных задач, таких как сайт навигации по сайту, поиск сайта, и основные взаимодействия, такие как slideshows.Каждый шаблон следует определенный формат: (1) проблемы, (2) решение (3), если использовать шаблон, (4) почему вы должны использовать шаблон проектирования, и (5) примера шаблона в использовании.

Pattern TapСоздан и поддерживается Matthew Smith и Крис Pollock, Pattern Tap является галерея популярного веб-интерфейс компонентов и шаблонов проектирования, таких как slideshows и breadcrumbs.Pattern Tap позволяет пользователям создавать свои собственные наборы, и у них теперь есть более 7000 наборов пользователь.There’ с большим количеством вдохновения, которые будут получены в Pattern Tap.

дизайн | snipsЭта галерея дизайна фокусируется на общих веб-страницы компоненты, такие как navigation а также популярные тенденции в дизайне, таких как Grid макеты.дизайн | ножницы имеет более чем 30 категориям, так что вы можете легко найти шаблон дизайна / тенденция, котораяyou’ Re заинтересованы What’ Более того, пользователи могут оценить каждый проект показан в галерее, так что вы можете увидеть, что общий консенсус в отношении эффективности и привлекательности дизайна бытия shown.

UI ScrapsАвтор: Опыт конструктор Jason Robb, UI Обрывки это блог, что каталоги, хорошие, плохие, и заметный дизайн интерфейса.Ожидать, чтобы найти Критика представления forms и хвалу за хорошее designs и пользовательского интерфейса Scraps.

Pattern UI FactoryЗавод UI Pattern представляет собой библиотеку UI дизайн и галереи.What’ здорово UIPF в том, что они иногда поделиться videos в каждой записи улучшить описание конструкции проблемы и решения.Записи являются дальнейшее расширение пользователем представленного примера модель, которую они архива в своей группе Flickr:. UIPatternFactory.com

Yahoo! Design Pattern LibraryПлан Yahoo! Библиотека проектирования, обслуживания и представленные Yahoo! Developer Network (YDN), акции шаблоны проектирования для веб-дизайна и веб-разработки сообществом.Они также недавно запустила forum, где вы можете обменяться историями с другими дизайнерами интерфейса и обсудить модели представлены в шаблон library.

StyleIgniteStyleIgnite архивов и отображает последние тенденции в области веб-дизайна.Сотни стилей, которые были оставлены пользователями работаем для Вас, чтобы проверить и получить вдохновение.What’ Уникальная StyleIgnite о том, что они не только галерею, но они также обеспечивают вас с фрагментами кода и активов для достижения проекты, которые выlike.

мигают дизайн libraryБиблиотека мигают дизайн блога в формате дизайна библиотека, которая центрах post’ с темы на определенный шаблон взаимодействия пользователя с целью каталогизации и изучению этого вопроса.Вы найдете темы и обсуждения общих компонентов взаимодействия, такие как buttons и веб forms.

patternBrowserpatternBrowser это уникальный веб-приложения для просмотра пользователем шаблонов дизайна интерфейса на различные продукты, включая мобильные устройства.Это большой ресурс для быстрого поиска тонну вдохновения в компактной, хорошо организованную, и очень поиска manner.

Веб-дизайн PracticesПрактика веб-дизайна является галерея веб-дизайна шаблонов, таких как цепочка navigation с очень вдумчивый и всеобъемлющий рецензии на каждый шаблон проектирования, часто включая статистику и полезные ресурсы о конкретном сайте component.

Элементы DesignЭлементы дизайна фокусируется на отдельных компонентов веб-дизайна, такие как войти forms и сайт navigation в надежде вдохновляющим дизайнеров, а также для выделения распространенных моделей для типичных потребностей сайта и features.

Пользовательский интерфейс EngineeringИнженерные пользовательского интерфейса является организацией по архитектуре юзабилити, веб-дизайн и информации.Это отличное место для изучения эффективных шаблонов дизайна для общих проблем пользовательского интерфейса.Например, вы можете узнать о Граненый search или предыдущие и последующие действия в веб-forms.

CSSbakeCSSbake является уникальной галереи веб-дизайн, ориентированный на сайте компонентов, а не общий веб-дизайна.Например, вы можете найти витрины хорошее navigation или красивые комментариев sections.CSSbake “ фокусируется на ингредиенты, которые делают сайт good” и является отличным местом, чтобы достичь вдохновения для общего дизайна пользовательского интерфейса patterns.

UI PatternsШаблоны интерфейса является интерфейс библиотеки дизайн, который следует блоге формате, где каждое сообщение является образцом дизайна и витрина ее в использование на веб-сайт или веб-application.

Функционирование FormФункционирование Форма блога пользовательского интерфейса, дизайнер и автор Люк Врублевский.Вы можете узнать о проектировании для людей, прочитав его статьи проницательные на сайт и найти полезные списки, такие как сбор ресурсов на сайт buttons.

MephoBoxMephoBox является галерея дизайна, который представляет веб-дизайна модели и тенденции, такие как войти forms и типография use с целью вдохновляющих дизайнеров с их собственной работы.Пользователи могут голосовать за проекты и оставлять комментарии к ним, что позволяет зрителям отсортировать результаты по “ Самый popular” и “ Самый viewed” быстро найти хорошо любил …

Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров