Вадим Пацев "Adobe Fireworks как инструмент для...

Субботник, Москва, 3 июля 2010 года

Разработчик интерфейсовВадим Пацев

Fireworks как инструмент проектирования

четверг, 1 июля 2010 г.

2

Картина мира

четверг, 1 июля 2010 г.

3Инструмент

Картина мира

четверг, 1 июля 2010 г.

4

Проектирование интерфейсов = прототипирование.

Быстро показать, как ведет себя интерфейс, заинтересованным лицам.

Не писать длинных и сложных описаний при постановке задач на производство.

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

четверг, 1 июля 2010 г.

5

Мыслим блоками

четверг, 1 июля 2010 г.

6

Мыслим блоками

четверг, 1 июля 2010 г.

Каждая страница - набор блоков.

Блоки независимы и могут использоваться отдельно на других страницах.

...и на других проектах.

7

Мыслим блоками

четверг, 1 июля 2010 г.

8

— Несколько страниц в одном документе.

— Общие блоки на страницах.

— Показать поведение блоков.

— Удобные структурные изменения.

— Удобное расширение прототипа.

Чего хочется?

четверг, 1 июля 2010 г.

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

Тысячи их!

9

четверг, 1 июля 2010 г.

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

Тысячи их!

10

четверг, 1 июля 2010 г.

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

Тысячи их!

11

четверг, 1 июля 2010 г.

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

Тысячи их!

12

четверг, 1 июля 2010 г.

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

Тысячи их!

13

четверг, 1 июля 2010 г.

Инструмент

14

четверг, 1 июля 2010 г.

15

vs

четверг, 1 июля 2010 г.

Проектирование и макетирование Рисование и ретушь.

16

СпецификаFireworks vs Photoshop

четверг, 1 июля 2010 г.

Часто падает Редко падает

Fireworks vs Photoshop

17

Стабильность

четверг, 1 июля 2010 г.

LayersНельзя выделить слои

простым выделением на странице.

Fireworks vs Photoshop

18

Структурные изменения

четверг, 1 июля 2010 г.

А теперь, печеньки!

19

четверг, 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 г.

$299 $999

Fireworks vs Photoshop

23

Цена

четверг, 1 июля 2010 г.

24

Победитель

четверг, 1 июля 2010 г.

25

— Выделить все страницы.

— Выделить состояния страниц.

— Общие блоки для нескольких страниц сделать символами.

— ???

— PROFIT

Ok, Fireworks. С чего начать?

четверг, 1 июля 2010 г.

26

Картину мира близкой к картине мира HTML верстальщика.

Готовую, расширяемую структуру проекта в одном файле, без каши групп и слоев.

Коллекцию блоков, c каждым из которых можно работать отдельно.

И что мы получили?

четверг, 1 июля 2010 г.

Но это все неважно

27

четверг, 1 июля 2010 г.

28

vs

четверг, 1 июля 2010 г.

29

Единая предметная область и картина мира для дизайнера/проектировщика и верстальщика.

=четверг, 1 июля 2010 г.

Спасибо

30

четверг, 1 июля 2010 г.

Вадим ПацевРазработчик интерфейсов

basvasilich@yandex-team.ru

Twitter: @basvasilich

четверг, 1 июля 2010 г.