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

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

Green WebUI Kit

PSD исходник интерфейса

Скачать

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

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

интерфейс PSD для фотошопа

Скачать 

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

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

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

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или твиттерtwitter!
А еще можно опубликовать ссылку на статью в своем блоге:
Опубликовать в twitter.com        

Комментариев - 4 для поста Наборы элементов интерфейса UI для фотошопа
  1. ]]> Андрей ]]> (July 3, 2011)

    Спасибо большое. очень пригодилось!

  2. ]]> Жора Корнев ]]> (July 4, 2011)

    мужик, реально скажу, ваще никогда не комментирую различные высеры мега дезайнеров, но блин у тебя уже три статьи подряд которые в избранное засунул. А эту вообще дизайнеру отправил чтобы учился. Вроде все облазил а twittera не нашел сделай пожалуйста, рсс терпеть не могу..( Реально полезный бложик, буду рекомендовать.

  3. ]]> Tod ]]> (July 5, 2011)

    Жора Корнев, у меня есть твиттер – @sashatod но там не только про дизайн, точнее анонсы статей это лишь малая часть записей, т.к. твиттер персональный, проще отслеживать по rss.

  4. ]]> Алексей ]]> (December 21, 2011)

    Спасибо, скачал. Посмотрим, понадобится или нет)

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