Субботник, Москва, 3 июля 2010 года
Разработчик интерфейсовВадим Пацев
Fireworks как инструмент проектирования
четверг, 1 июля 2010 г.
4
Проектирование интерфейсов = прототипирование.
Быстро показать, как ведет себя интерфейс, заинтересованным лицам.
Не писать длинных и сложных описаний при постановке задач на производство.
Прототипирование
четверг, 1 июля 2010 г.
Каждая страница - набор блоков.
Блоки независимы и могут использоваться отдельно на других страницах.
...и на других проектах.
7
Мыслим блоками
четверг, 1 июля 2010 г.
8
— Несколько страниц в одном документе.
— Общие блоки на страницах.
— Показать поведение блоков.
— Удобные структурные изменения.
— Удобное расширение прототипа.
Чего хочется?
четверг, 1 июля 2010 г.
Проектирование и макетирование Рисование и ретушь.
16
СпецификаFireworks vs Photoshop
четверг, 1 июля 2010 г.
LayersНельзя выделить слои
простым выделением на странице.
Fireworks vs Photoshop
18
Структурные изменения
четверг, 1 июля 2010 г.
Pages Layer comps
Fireworks vs Photoshop
20
Несколько страниц в одном макете
четверг, 1 июля 2010 г.
Symbols
Common library
JSF
Smart objects.
Fireworks vs Photoshop
21
Общие блоки
четверг, 1 июля 2010 г.
States
Интерактивные прототипы
Копии групп слоев (sic!)
Fireworks vs Photoshop
22
Поведение интерфейса
четверг, 1 июля 2010 г.
25
— Выделить все страницы.
— Выделить состояния страниц.
— Общие блоки для нескольких страниц сделать символами.
— ???
— PROFIT
Ok, Fireworks. С чего начать?
четверг, 1 июля 2010 г.
26
Картину мира близкой к картине мира HTML верстальщика.
Готовую, расширяемую структуру проекта в одном файле, без каши групп и слоев.
Коллекцию блоков, c каждым из которых можно работать отдельно.
И что мы получили?
четверг, 1 июля 2010 г.
29
Единая предметная область и картина мира для дизайнера/проектировщика и верстальщика.
=четверг, 1 июля 2010 г.
Вадим ПацевРазработчик интерфейсов
Twitter: @basvasilich
четверг, 1 июля 2010 г.