Tag Archives: wireframe

Omnigraffle Sitemap Generator

20 Авг

Omnigraffle Sitemap Generator — это скрипт для генерации карты сайта в XML файл на основе структуры проекта в Omnigraffle.

Скачать Sitemap Generator

Метки: , , ,

Библиотека элементов интерфейса iPad для Axure

20 Авг

Продолжая вчерашний пост про замечательную программу Axure Pro и после того, как мы научились уже создавать в нем прототипы, теперь сможем создавать прототипы и для iPad.

Сайт http://www.kreativr.de поделился вот такими вот интересными стенсилами для прототипирования под iPad.

Метки: , , , ,

Основы проектирования веб-интерфейсов в Axure RP Pro

19 Авг

Axure RP ProВ последнее время разработчики веб-проектов все чаще начинают задумываться о том, что до начала разработки продукта было бы неплохо узнать, что это будет за продукт и как он будет выглядеть.

Эта тенденция не может не радовать как заказчиков, так и самих разработчиков — ведь процесс проектирования позволяет уничтожить все наиболее проблемные моменты еще до начала превращения абстрактного технического задания в конечный продукт.

Средств для визуального проектирования становится все больше. Одни пользуются Adobe InDesign, другим нравится Visio, третьи довольствуются OpenOffice Draw. Но все больше поклонников появляется у довольно тяжелой и функциональной программы Axure RP Pro.

Читать далее →

Метки: , , , ,

Весь интерфейс iPhone 4 в одном PSD-файле

17 Авг

Не Xcode единым — макетировать интерфейс iPhone-программы можно не только средствами Apple, привычный Photoshop выглядит более чем достойной альтернативой. А если вы нацелились на iPhone 4 с его роскошным Retina Display, то здесь никак не обойтись без последней работы студии Teehan+Lax — втиснутые в гигантский PSD-файл размерами 4074 × 2986 точек все базовые элементы графического интерфейса iOS, перерисованные под экранные 640 × 960 пикселей iPhone 4.

Скачать iPhone 4 GUI PSD (Retina Display) (20,8MB).

Объем собственно файла получился не менее устрашающим — в разархивированном виде iPhone_4_GUI_PSD_Retina_Display.psd занимает на жестком диске 62,7 Mb. Распространяются эти шестьдесят два целых и семь десятых мегабайта совершенно бесплатно, но с предложением заплатить за титанические усилия дизайнеров Teehan+Lax сколько не жалко. На данный момент времени среднестатистический взнос «сколько не жалко» составляет 10 долларов и 55 центов.

via DeepApple.ru

Метки: , , , , , , , , , ,

Программа для проектирования сайтов и интерфейсов на Айпаде

7 Июн

Пользователь nikolaz создал программу, которая позволяет создавать прототипы прямо со своего iPad. Что представляет из себя программа, и какие «плюшки» в ней есть лучше прочитать со слов автора.

image
Сегодня я хочу рассказать вам про свою программу для Айпада — СкетчиПад (ссылка в Айтюнс, сайт программы). Да, я знаю, что Айпад все еще не продается официально на территории России, но во-первых думаю многие хабраюзеры уже обзавелись этим гаджетом у «неофициальных» поставщиков, а во-вторых уверен, что здесь много пользователей из стран официальных продаж.

Итак, что же это за программа? СкетчиПад — это программа для быстрого проектирования веб-сайтов и интерфейсов приложений «на коленях». В текущей версии в распоряжении пользователя 56 шаблонов, из которых вы можете «собирать» сайты и интерфейсы. Большинство шаблонов динамические, т.е. изменяют свой внешний вид в зависимости от ввода пользователя, лучше всего это проиллюстрирует видео:

Из других «вкусностей»:
— выравнивае по гайдлайнам
— управление цветами обводки/заливки/текста
— управление размером шрифта
— экспорт в Фотоальбом, ПНГ и формат Бальзамик Мокапс популярный в кругах разработчиков
— опции заморозки и клонировая шаблона
— возможность создать ссылку из одного документа на другой

После запуска о программе написали отзывы многие зарубежные сайты, что помогло выбиться в Топ 20 раздела «Производительность» американского АппСтора.

Для интересующихся скажу, что программа была написана и нарисована мной одним за месяц, но работа продолжается и скоро будут новые обновления и новые полезные функции.

Желающим написать свой обзор и имеющим американский Айтюнс аккаунт — свяжитесь со мной по адресу app@sketchyapp.com, я вышлю вам промокод.

Надеюсь моя программа поможет вам в вашей работе!

Да, чуть не забыл, в день начала официальных продаж Айпада в России обязательно сделаю распродажу по $0.99. Сейчас она стоит $4.99 — примерно как кружка пива в среднем московском заведении.

Метки: , , , , , , , ,

Что почитать юзабилисту

21 Май
Так как у меня в своё время были сложности с поиском книг и документации по проектированию интерфейсов, то решил выложить и вам небольшой список книг, которые я читал и которые мне помогли и помогают в работе.

Метки: , , , ,

Прототипирование в GoogleDocs

20 Май

Как только в GoogleDocs появилась возможность создавать рисунки, то многие сразу же задумались, как это можно использовать для себя и конечно архитекторы пользовательских интерфейсов тоже заинтересовались этим. Ведь главная плюшка не в том, что можно рисовать в онлайне, а в том, что можно совместно редактировать.
И вот разработчик интерфейсов Morten Just, работающий в Vadafone, создал небольшую подборку скетчей для создания интерфейсов веб-сайтов в GoogleDocs.

Я попробовал создать несколько страниц для одного моего проекта и это оказалось действительно удобно. И даже то, что рисование в GoogleDocs сделано пока немного криво и нет нескольких мелких, но очень важных штук, не сильно усложняет задачу.

Вот 5 фактов, почему им стоит пользоваться:

  • Удобно работать в команде над прототипом
  • Все храниться в облаке.
  • нет риска потерять файл или изменить его неправильно — всегда можно откатить.
  • Это бесплатно
  • У многих есть Google аккаунт.

Вот небольшой скриншот и ссылка на сам файл. Удачного дня!

Посмотреть и начать использовать!

P.S. Решил написать что мне не понравилось в GoogleDocs Drawing:

  • Нет возможности блокировать элементы. Что бы можно было нажать какой нибудь замочек и не беспокоиться, что я нечаянно передвину этот элемент куда то.
  • Нет слоев. Хотя бы на минимальном уровне.
  • Нет возможности создания своих форм (скетчей) и сохранения их для дальнейшего использования.

Метки: , , , , ,