как рисовать прототипы интерфейсов

306 views
Skip to first unread message

Igor Tseglevskiy

unread,
Nov 30, 2012, 2:46:04 AM11/30/12
to moscow-gtug
Коллеги, добрый день.
Нужна идея, как решить задачку.

Нужно нарисовать прототип интерфейса. Я обычно для этого беру html+jquery, и получается хороший кликабельный прототип. Есть известная беда - люди придираются к виду кнопочек, а не к содержимому. Есть стандартный способ это обойти - стилизовать внешний вид под карандашный рисунок.

Кто знает простой способ сменить внешний вид html-ной формы на стилизованно-карандашную?

Игорь.

Сергей Шевелев

unread,
Dec 4, 2012, 7:20:34 AM12/4/12
to mosco...@googlegroups.com
Как на счет indigo studio?



30 ноября 2012 г., 11:46 пользователь Igor Tseglevskiy <igor.tse...@gmail.com> написал:



--
С уважением,
Сергей Сергеевич Шевелёв.

email: s.s.sh...@gmail.com

Alexander Ivanov

unread,
Dec 4, 2012, 7:40:06 AM12/4/12
to mosco...@googlegroups.com
Sergey Shevelev, интересная штука. Интересно, for free, forever! только для version 1.0?

Сергей Шевелев

unread,
Dec 4, 2012, 7:50:21 AM12/4/12
to mosco...@googlegroups.com
Кто знает... Но, вроде бы там все необходимое есть. Публикация прототипа, однако на их сервере происходит, но, что хорошо, можно защитить паролем.


2012/12/4 Alexander Ivanov <oshli...@gmail.com>

Igor Tseglevskiy

unread,
Dec 4, 2012, 9:03:07 AM12/4/12
to mosco...@googlegroups.com
У меня уже есть готовый прототип, сделанный на html + javascript. Задача выбора программы для рисования не стоит.

Мне нужно созданный прототип раскрасить так, чтобы все элементы на экране были похожи на "нарисованный от руки на бумаге".

2012/12/4 Сергей Шевелев <s.s.sh...@gmail.com>

Сергей Шевелев

unread,
Dec 4, 2012, 1:24:53 PM12/4/12
to mosco...@googlegroups.com

Можно попробовать Pencil. Под макосью работает, а вот есть ли под другими ОС, не знаю. Но там тоже верстать примитивами аля карандаш с нуля. А вот чтобы html перегнать в карандаш... Если все элементы графические, то можно просто все контролы нарисовать от руки и отсканировать. А, чтобы в размеры попасть - можно готовую страничку распечатать и обвести. Птом наезать на слайсы и подставить вместо исходных ииаджей.
Еще вариант: скетч отсканировать и оформить в html image map-области с переходами на другие странички.
Готового способа не видел. Слишком специфичная задача. Имхо, лучше с самого начала рисовать скетч-либами в мокап-тулзах.

04.12.2012 18:03 пользователь "Igor Tseglevskiy" <igor.tse...@gmail.com> написал:

Igor Tseglevskiy

unread,
Dec 4, 2012, 3:16:06 PM12/4/12
to mosco...@googlegroups.com
Спасибо. У меня идея родилась. Надо нарисовать в мокап-тулзе, сделать экспорт в html и посмотреть, как они скетч-стиль получают.

2012/12/4 Сергей Шевелев <s.s.sh...@gmail.com>

Igor Tseglevskiy

unread,
Dec 6, 2012, 10:56:28 AM12/6/12
to mosco...@googlegroups.com
Попробовал. Никакой радости. Примитивы в этом шаблоне делаются из картинок и тяжело программируются на javascript.

Хочется это преобразование делать на стороне браузера, только непонятно, как. :-/

2012/12/5 Igor Tseglevskiy <igor.tse...@gmail.com>
Reply all
Reply to author
Forward
0 new messages