Интерфейсные заготовки для веб-дизайнера 2

Интерфейсные заготовки для веб-дизайнера 2

Со времени предыдущего сборника прошло девять месяцев. Вполне подходящий срок, для того чтобы на дизайнерских просторах народилось много новых интересных шаблонов, сборников. Для того, чтобы плавно вошли в обиход парочка мобильных платформ (Андроид и S60 5th edition) и появилась реклама третьей (Maemo), один очередной хардверный продукт одной компании, очердной софтверный продукт другой компании. Для появления CS5, наконец. Да много для чего достаточно девяти месяцев.

Поэтому пора прочистить трюмы, продуть сопла, разгрести загашники — для того лишь, чтобы насовать туда нового дизайнеского и проектировочного добра. Enjoy!

A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio

Ага, доросли до того, что Мортен Джаст выложил на своем сайте набор для прототипирования в Гугл-рисовалке. Да-да, есть Гугл-рисовалка, если кто не знал.

Среди преимуществ Мортен называет бесплатность, совместную работу в реальном времени и что-то там еще, что я не запомнил. Даже если не буду пользоваться, спасибо ему.

Nokia S60 Wireframing Stencils

Нокия расщедрилась на стенсил-кит для платформы S60 3-й и 5-й редакций (3-я для нетачскринов, 5-я для тачскринов). Файлы для Иллюстратора и Фаерворкса CS4.

Gesturcons: Touch Pack 1.0

Рон Джордж в своем блоге предложил набор символов для описание действий с тачскрин-устройствами.

Open Source Gesture Library

Ребята из Gesture Works вообще придумали кучу новых жестов:

Big Transparent Thumbs

Винсент Стоерс придумал, а Якуб Линовски опубликовал в своем блоке Wireframes Magazine заметку об очаровательном большом пальце:

Собственно прозрачный png:

Стрелочку к нему в случае нужды пририсовать несложно.

Interactive Sketching Notation

Тот же Линовски предлагает нотацию для скетчинга:

 

 

iPad (куда ж без него?)

Киевлянин Nick Core выложил на www.gui-labs.com заготовки для бумажного айпад-скетчинга:

icon

Nick Core (наверное, Николай, но точно не знаю — в интернетах нашел только ник), спасибо.

 

Ну а кому не до скетчинга, но до макетинга, налетай на отрисованные интерфейсы.

iPad GUI PSD в исполении teehan+lax

iPad GUI PSD

+

iPad GUI в исполнении Кевина Андерсена

iPad GUI от morford.org

 

Теперь Андроид

Android GUI PSD в исполнении Павела Мачека

elements of Android 1.5 GUI

+
Android GUI PSD v2.0 Владимира Гришина (апрейд Android GUI PSD)

Android GUI Криса Бруммеля

 

Фуф, ребята, я устал. Чаю хочу. Но впереди еще одна мобильная платформа.

Maemo GUI на mobile-developer.ru (PSD)

Maemo — базирующаяся на Debian Linux платформа для портативных устройств. Используется в интернет-планшетах Nokia 770, Nokia N800, N810 и коммуникаторе Nokia N900. В основе Maemo лежат компоненты среды Gnome, в том числе графическая библиотека gtk. Бо́льшая часть кода Maemo открыта, и послужила основой для создания Ubuntu Mobile. Существует множество приложений для платформы Maemo, почти все они бесплатные и свободные.
Википедия/Maemo

Maemo 5 GUI Template PSD

 

Передохнем? Тут пацаны делают круто. Маст си. Вернее, маст сии энд лисен.

 

 

Дальше все как обычне.

Web Form Elements Vol.2

Web Form Elements Vol.2

Pixel Arrow Pack by sizer92

Я понимаю, что эти маркеры сто раз все видели, но они отличные и потому пусть будут.

Pixel_Arrows_Pack_01

Flex Dark Skin

2 Button PSD’s by easydisplayname

button-psd-files

Star Sticker PSD by matu666

star-sticker

Web Elements Kit

PSD Web Design Elements

 

И на последок конечно же горячо любимый мною проект.

365psd

Встречайте. Ребята каждый день выкладывают psd чего-нибудь вроде этого:

 

Ну как, понравилось?

 

 

Расскажите друзьям

Оцените статью:
  • 1
  • 2
  • 3
  • 4
  • 5

Комментарии — 15

Андрей
Нормуль, правда 90% уже сам наковырял, тем не менее - спасибо.
#
Андрей
IvanSCM
365psd понравилось
Z!ck
Круто) Еще б кто объяснил как это в интерфейс вкрутить
#
Z!ck
Yurbasik
Классная подборочка!
Беру на заметку
darya
Подборка что надо, спасибо за информацию.
putim
Отлично
#
putim
intero
в закладки! спасибо!
Zel
Ништяк, особенно для тех кто занимается интерфейсами, особенно полезны будут схемы движений для тач-девайсов.
#
Zel
Converlab
Хорошая подборочка, ее еще перекурить нужно -)
Роман
Спасибо за статью!
darya
Информация важная и интересная - добавляю в закладки, еще пригодится!
webmozg
Спасиб
Половина уже была
но есть новенькое.
fortis
нормуль )
#
fortis
Alexander
Супер подборка! Респект.
Alex
Спасибо за подборку! Информация очень нужная для меня.
#
Alex

Новый комментарий

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler