Январские элементы и инструменты для интерфейсов

Элементы и инструменты для интерфейсов

  • Есть элементы и паттерны для интерфейсов (веб, ПО, OSX; есть для Иллюстратора)
  • Есть инструменты для быстрого прототипирования (веб, ПО, Android)
  • Есть фреймворки
  • Есть готовые скрипты для веб-программистов (Java, jQuery, HTML)

Перейти на страницу с этими няшками

Oh shi~: не «протоколирование», а прототипирование :)
Реклама

Свежак! 30 Наборов для прототипирования

Свежак!

  • Для работы с сайтами; с Androiod, iPhone4, iPad, HTC HD2, HTC G2, Motorola Droid 2, Samsung Galaxy Tab P1000, Samsung Galaxy S
  • Заготовки для Keynote, PowerPoint, GoogleDocs, Photoshop, Illustrator, OmniGraffe
  • Есть actions для фотошопа на тему 960-сеток

Перейти на страницу с этими няшками

Золотое сечение для объектов и веб-разметки

Золотое сечение в интерфейсах
Теперь при проектировании кнопок и панелек можно положиться на математику: сетка из золотых прямоугольников, построенная по спирали Фибоначчи, поможет создать эстетически прекрасную кнопку. Anthony с UXMovement опять написал очень полезный пост, который научит вас строить «золотую сетку».
Читать далее «Золотое сечение для объектов и веб-разметки»

50 наборов для прототипирования и веб-дизайна

Наборы винтиков для прототипирования
Пока готовится к публикации перевод свежайшей огроменной мясистой статьи, можете жадно выкачивать наборы винтиков и болтиков для прототипирования:

  • есть для ПО
  • есть для сайтов
  • есть для мобильников (iPad, iPhone, Blackberry, Android и др.)

Посмотреть что там есть

— Еще 1000 бесплатных иконок, сэр?

Примеры иконок
10 наборов бесплатных иконок в формате *png. Всего около 1000 штук. Если я не путаю, то встречаются размеры 16х16 и 32х32. Подойдут блоггерам, веб-дизайнерам, удобны для прототипирования интерфейсов. Чтобы не отбирать у источника этого богатства посетителей, я даю ссылку на страницу, где я сам обнаружил эти иконки. Этими иконками можно пользоваться согласно Creative Commons Attribution 3.0 License. То есть они бесплатны для любого употребления, если следовать правилам объявленным создателями, которые можно найти в текстовых файлах с иконками. Обычно, это размещение ссылки на автора иконок в работе.

Посмотреть иконки на сайте PC.DE

Fugue Icons 3.0

Fugue icons
Их 3000, они аккуратно лежат в одной папке, каждая иконка имеет своё понятное название, по ним удобно ориентироваться, потому что есть превью. А самое главное — они бесплатны, если разместить ссылку на автора где-нибудь.

Скачать Fugue Icons 5 mb

Прототипирование на бумаге


Как просто быстро и дешево сделать 99 дизайнов интерфейса? Нарисовать их на бумаге! Как это делается и какие есть особенности у этого процесса нам расскажет статья «Paper Prototyping» из онлайн журнала «AListApaprt»
Читать далее «Прототипирование на бумаге»