Online tools

Инструменты онлайн прототипирования

2009/9/23 2:28 

Самый простой из онлайн редакторов прототипов, даже не прототипов даже, а древовидных блок-схем предлагает SlickPlan: его ключевое слово - "быстро"! Немного вводит в заблуждение слово sitemap у них в описании, хотя на самом деле карта сайта (обычная) строится как раз по таким же принципам что и функциональная схема, квадратики - стрелочки - подписи, 2 минуты - и я нарисовал карту своего блога! Бесплатно, дешево и сердито, можно экспортировать в .pdf или получить ссылку отдельно на сам проект, поддерживаются версии проектов, понимает русский язык.

Так, со схемами закончили - переходим к прототипам. Mockflow - инструмент более высокого класса, позволяет строить полноценные статические схемы интерфейсов. Прототип нового интерфейса странички своего блога я рисовал минут 10. Приложение снабжено богатым набором "кирпичиков" для проектирования, никаких специальных умений вам не потребуется, каждая аппликация получает уникальный адрес, который можно отправлять заказчику. Русский, увы, не понимает, так что пригодится только для буржунета.

Dabbleboard тоже не признаёт кириллицу, к сожалению, и в нём совсем нет библиотек готовых объектов (можно сохранять свои объекты), но зато как клёво в нем рисовать! Причем в режиме рисования вы рисуете какие-то контуры карандашом на своё усмотрение, но стоит переключиться в режим схем - и становится видно, как работает "фишка" этого инструмента. Мои каляки-маляки, ведомые нетвёрдой рукой система пытается распознать и на их основе рисует геометрические фигуры блок-схем: прямоугольники, эллипсы, ромбы. Просто попробуйте, кому-то наверняка понравится:

HotGloo - ещё один продукт, позволяет создавать проекты из большого количества страниц, по функционалу близок к MockFlow, роднит их также и непонимание русского языка. Сейчас в состоянии беты, регистрация бесплатна, тарифных планов не предлагает, умеренно пригоден для рисования прототипов без подписей.

iPlotz - несколько более функционален, чем предидущий товарищ по цеху, также имеет десктопную версию, в наличии несколько тарифных планов, в том числе и бесплатный (только онлайн). Есть кривоватая русская версия интерфейса, что позволяет надеяться, что и поддержка русского языка внутри прототипов тоже появится. Хотя, может она и есть, но так коряво отображается в моем линуксовом Flash-проигрывателе, так что тем, кто под окошками - рекомендую попробовать самостоятельно.

Ну и пару слов напоследок о давнем знакомом - Rapidrabb.it(я писал о нем почти год назад). Проект пережил смену доменного имени, переехал в более коммерчески благополучную зону и отзывается на не очень благозвучное для нашего уха имя pidoco. Хозяева проекта услышали мои просьбы (да, я им написал и забыл) о ценовой политике, сейчас есть несколько тарифных планов от 10 до 40 евро вмесяц, дисконт 25% для постоянных клиентов и триал-период 31 день. За год функционал не изменился, но зато вполне адекватно работает с русским языком, что в целом примиряет с необходимостью платить при наличии бесплатных конкурентов.

Надеюсь, что набор инструментов для умелых рук достаточный чтобы было из чего выбрать, ну а работа и деньги не заставят себя долго ждать.

Рэндом-Будда и детектор Рождества

2009/7/30 0:59 

Изречения Будды, каждому персонально. Если изречение кажется слишком туманным - кликните по нему - возможно следующее прольёт свет. Кликать слишком часто чревато и бессмысленно - Будда никогда не говорит лишнего. Гугл заходил к Будде, нифига не понял, ПР2 :(

Детектор Рождества - бОльшую часть времени весь контент сайта состоит из 2 букв. Однако ссылочное рулит, поэтому ПР5.

Google RSS Reader - помнит всё!

2009/7/25 15:32 

Почему-то не замечал нигде заметок о такой полезной фиче Google Reader - он помнит проиндексированные заметки. В смысле, очень хорошо помнит. То есть, например, написали вы что-то срывающее покровы в своей уютной жежешечке, а потом спохватились - и ну давай удалять, или под замок прятать! А rss-фид уже попал в мою ленту подписок - и назад хода нет, я всё вижу! И все остальные, подписавшиеся на эту ленту видят - и по факту написания видят, и завтра и через месяц. Гугл периодически проверяет запись, и если получает 404 или другой заголовок из 400-й серии, то он видимо оставляет ранее полученную запись в кеше - до получения более внятного ответа.
Я тестировал как выглядит фид одного моего проекта, периодически меняя код rss-скрипта и обновляя отображение одной и той же заметки в гуглоридере - изменения появлялись с интервалом в 3-10 минут. Таким образом, если обнаруживаешь, что сказал больше чем следовало, или совсем не то, что стоило бы говорить - не удаляй заметку, лучше отредактируй её - ибо Большой Брат не спит!

И еще из не документированного: в гуглоридере есть такая фича - "Отмеченные записи", те, помеченные звёздочкой. Так вот, не бойтесь удалять подписку на ставший бесполезным или неинтересным источник. Все отмеченный звёздочкой записи остаются в папке "Отмеченные", даже если сам канал вами удалён. Вот такая полезняшка.

Мотивировал на создание поста дизайн календарей.

Создаём графические шаблоны онлайн

2009/5/19 13:20 

Repper - это такая штука - ммм, еле заставил себя оторваться от него, чтобы написать пару абзацев - вот вы в детстве с калейдоскопом игрались? Помните, как незамысловатая комбинация из дюжины цветных камешков вдруг складывалась в волшебный узор? Вот Repper делает то же самое с вашими фото - выбираете образец и выделяете на нем участок - и этот выделенный участок используется в качестве образца для заливки всего фона, что тут же и демонстрируется. Демон-страция образца с фото милой девушки, выбранной мной для испытания, выдала просто демонические результаты, брр! Выбранный кусочек можно сохранить для заливки фона - полагаю, одним вебом можно не ограничиваться: тут и полиграфия может быть заинтересована, и текстильная промышленнсь, по крайней мере моя жена сразу начала экспериментировать с узорами для трикотажа.

На 74-секундном видео вполне наглядно показан весь процесс создания фона способом заливки:

Создайте пару десятков бэкграундов, только непременно под музыку Пахмутовой. И тогда курсы web дизайна и photoshop москва вам будут уже не нужны. Или нужны ещё больше, это уж как посмотреть.

redmarkit - коммуникационная труба для дизайнеров

2009/5/8 15:10 

на пальцахСколько раз общаясь с дизайнером по телефону я пытался объяснить, что именно мне не нравится в макете? И самое главное, как именно я это пытался сделать, какими словами - "вот сверху бы поменьше желтого, и шрифты в заголовке побольше, но не все, а в первой строчке только, и у пацана того в массовке рожа синяя..." - и при этом яростно жестикулировал, показывая, где, что и как именно мне не нравится. Обычно такие переговоры заканчиваются многократными пересылками скриншотов с красными стрелочками - где именно мысли дизайнера разошлись бортами с моим креативом.

Для упрощения процесса обсуждений достоинств картинок по заказу утомлённых дизайнеров и был создан сервис Red Mark It - буквально "отметь красным". Интерфейс очень прост и продуман: дизайнер создавая проект, загружает картинку и указывает e-mail заказчиков (обсуждать могут более двух человек, что очень удобно), которым тут же приходит письмо со специально сгенерированной ссылкой. Заказчик видит картинку и может в буквальном смысле указать стрелочкой детали, подлежащие исправлению, и в комментариях тут же указать, как он это видит - то есть заказчику не нужно загружать графический редактор, отправлять что-то по почте: всё очень легко и быстро.

RedMarkIt

Сервис новый, получить бесплатный аккаунт можно только по приглашению, у меня их 5, значит первые 5 зарегистрировавшихся по ссылке смогут сразу начать работу, остальным придётся подождать, но это не повод для печали, не забывайте, что у вас всегда есть все для праздника :)