Upload
yandex
View
526
Download
1
Embed Size (px)
DESCRIPTION
3 июля 2010 года, Я.Субботник в Москве Вадим Пацев "Adobe Fireworks как инструмент для проектирования интерфейсов"
Citation preview
Субботник, Москва, 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 г.
Вадим ПацевРазработчик интерфейсов
Twitter: @basvasilich
четверг, 1 июля 2010 г.