Наборы элементов интерфейса UI для фотошопа

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

Если вы не знает от чего оттолкнуться (или у вас уже есть идея, но вы хотите сэкономить время, воспользовавшись шаблонами) вам могут прийти на выручку сервисы по типу UI Patterns с вариантами реализаций классических паттернов дизайна или уже готовые специальные наборы элементов UI сайта для скачивания. Поставляются последние, как правило, в формате PSD, поэтому всем кто умеет работать в Photoshop будет не сложно переделать их на свой лад.

Green WebUI Kit

Скачать

Набор интерфейса Green WebUI Kit — включает в себя практически все элементы которые могут понадобится — верхнее меню навигации, кнопки (OK, Cancel, Buy Now, Download Now), стикер «распродажа», форму для логина, «болванку» слайдера и элементы подписки — RSS, E-mail и прочее.

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

Yellow User элементы интерфейса

Скачать

Yellow User Interface Elements — набор содержит 11 элементов интерфейса желтого цвета в их числе кнопки (Download, Submit, Buy Now, поиск), секции (Featured и дата), полосы прокрутки и прогресса. Все слои в PSD файле удобно сгруппированы, поэтому вы без труда можете вносить коррективы в тот или иной элемент UI. Цвет так же легко может быть изменен на тот что требуется вам (в наборе Green WebUI, разумеется, тоже).

К сожалению, Yellow UI Elements включает в себя меньшее количество элементов, нежели Green WebUI Kit, поэтому не исключаю что часть элементов вам придется позаимствовать из других наборов или дорисовывать самостоятельно.

Soft UI Kit

Скачать

Приятный светлый набор элементов интерфейса для ваших веб-разработок. Можно применять как при создании какого-то сайта, так и для веб-приложения. Среди всех PSD исходников имеются наиболее часто встречаемые элементы для веба — кнопки веб-сайта + поиск, выпадающий список, чекбоксы и радиобоксы, текстовые подсказки и т.п., имеются даже звездочки для голосования. Тому, кто умеет работать в фотошопе, вообще не составит трудности подправить данный PSD под свои нужды. В целом, набор по количеству и качеству весьма хорош.

Transparent Glass UI

Скачать

Как вы уже заметили из названия набора (Transparent Glass UI) и превью, отличительной его особенностью есть прозрачность элементов. Это, во-первых, достаточно эффектно выглядит и хорошо впишется в современный дизайн, а во-вторых, подойдет практически под любой цвет фона. PSD набор содержит все типовые элементы веб интерфейса — выпадающие списки, переключатели, кнопки, формы, ползунки и поля для ввода.

Думаю, из представленных наборов элементов интерфейса UI для фотошопа кое-что для себя найдете. Первый и последний комплекты особенно хороши. Желаю удачных экспериментов и красивого интерфейса!

P.S. Если вам нужно найти гибкую систему под интернет магазине — magento сommerce может приятно удивить по возможностям, функциональности и расширяемости проекта.