SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
Fireworks как инструмент
           проектирования

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



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




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



           15

четверг, 1 июля 2010 г.
Fireworks vs Photoshop
                                Специфика


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




           16

четверг, 1 июля 2010 г.
Fireworks vs Photoshop
                                  Стабильность


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




           17

четверг, 1 июля 2010 г.
Fireworks vs Photoshop
                          Структурные изменения


                                      Нельзя выделить слои
                           Layers    простым выделением на
                                           странице.




           18

четверг, 1 июля 2010 г.
А теперь, печеньки!
           19

четверг, 1 июля 2010 г.
Fireworks vs Photoshop
                Несколько страниц в одном макете



                           Pages         Layer comps




           20

четверг, 1 июля 2010 г.
Fireworks vs Photoshop
                                   Общие блоки

                           Symbols
                      Common library        Smart objects.

                             JSF




           21

четверг, 1 июля 2010 г.
Fireworks vs Photoshop
                           Поведение интерфейса


                           States
                                      Копии групп слоев (sic!)
                     Интерактивные
                       прототипы




           22

четверг, 1 июля 2010 г.
Fireworks vs Photoshop
                                  Цена



                          $299            $999



           23

четверг, 1 июля 2010 г.
Победитель
           24

четверг, 1 июля 2010 г.
Ok, Fireworks. С чего начать?
            —        Выделить все страницы.
            —        Выделить состояния страниц.
            —        Общие блоки для нескольких страниц сделать
                     символами.

            —        ???
            —        PROFIT




           25

четверг, 1 июля 2010 г.
И что мы получили?
           Картину мира близкой к картине мира HTML
           верстальщика.
           Готовую, расширяемую структуру проекта в
           одном файле, без каши групп и слоев.
           Коллекцию блоков, c каждым из которых
           можно работать отдельно.




           26

четверг, 1 июля 2010 г.
Но это все неважно




           27

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



           28

четверг, 1 июля 2010 г.
=
                          Единая предметная область и картина
                          мира для дизайнера/проектировщика и
                          верстальщика.

           29

четверг, 1 июля 2010 г.
Спасибо




           30

четверг, 1 июля 2010 г.
Вадим Пацев
                          Разработчик интерфейсов

                          basvasilich@yandex-team.ru
                          Twitter: @basvasilich




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

Weitere ähnliche Inhalte

Andere mochten auch

Company profile PT.INTERVISUAL
Company profile PT.INTERVISUALCompany profile PT.INTERVISUAL
Company profile PT.INTERVISUALPT.INTERVISUAL
 
The OSGi Framework Multiplication
The OSGi Framework MultiplicationThe OSGi Framework Multiplication
The OSGi Framework MultiplicationClément Escoffier
 
21.nov .13 myanmar a linn
21.nov .13 myanmar a linn21.nov .13 myanmar a linn
21.nov .13 myanmar a linnsan aye
 
AS Pysch - L3 experimental research
AS Pysch - L3 experimental researchAS Pysch - L3 experimental research
AS Pysch - L3 experimental researchMrOakes
 
Pierre-Andre Pochon, Leadformance - Solocal Group UK Event "How To Drive Onli...
Pierre-Andre Pochon, Leadformance - Solocal Group UK Event "How To Drive Onli...Pierre-Andre Pochon, Leadformance - Solocal Group UK Event "How To Drive Onli...
Pierre-Andre Pochon, Leadformance - Solocal Group UK Event "How To Drive Onli...Solocal Group UK
 
Apresentação Programa Cursistas
Apresentação Programa CursistasApresentação Programa Cursistas
Apresentação Programa Cursistasguest7ce41de
 
50 web 2 ideas
50 web 2 ideas50 web 2 ideas
50 web 2 ideasKelgator
 
Mx3 Metrics - Presentation on Marketing Dashboards
Mx3 Metrics - Presentation on Marketing DashboardsMx3 Metrics - Presentation on Marketing Dashboards
Mx3 Metrics - Presentation on Marketing DashboardsAnduro Marketing
 
The Revolution in Online Education Panel Discussion: Clever INTRO by Dan Carr...
The Revolution in Online Education Panel Discussion: Clever INTRO by Dan Carr...The Revolution in Online Education Panel Discussion: Clever INTRO by Dan Carr...
The Revolution in Online Education Panel Discussion: Clever INTRO by Dan Carr...The Hive
 
Haresh Karkar - Visual Resume
Haresh Karkar - Visual ResumeHaresh Karkar - Visual Resume
Haresh Karkar - Visual ResumeHaresh Karkar
 
5 farmad katrien ceulemans aegate symposium v5 engels
5 farmad katrien ceulemans   aegate symposium v5 engels5 farmad katrien ceulemans   aegate symposium v5 engels
5 farmad katrien ceulemans aegate symposium v5 engelsAegate
 

Andere mochten auch (17)

Company profile PT.INTERVISUAL
Company profile PT.INTERVISUALCompany profile PT.INTERVISUAL
Company profile PT.INTERVISUAL
 
The OSGi Framework Multiplication
The OSGi Framework MultiplicationThe OSGi Framework Multiplication
The OSGi Framework Multiplication
 
Best Practices For Centrally Governing Your Portal And Taxonomy Echo Techno...
Best Practices For Centrally Governing Your Portal And Taxonomy   Echo Techno...Best Practices For Centrally Governing Your Portal And Taxonomy   Echo Techno...
Best Practices For Centrally Governing Your Portal And Taxonomy Echo Techno...
 
21.nov .13 myanmar a linn
21.nov .13 myanmar a linn21.nov .13 myanmar a linn
21.nov .13 myanmar a linn
 
Plug computer -- freedombox
Plug computer -- freedomboxPlug computer -- freedombox
Plug computer -- freedombox
 
AS Pysch - L3 experimental research
AS Pysch - L3 experimental researchAS Pysch - L3 experimental research
AS Pysch - L3 experimental research
 
Health 2020, European Diabetes Leadership Forum
Health 2020, European Diabetes Leadership ForumHealth 2020, European Diabetes Leadership Forum
Health 2020, European Diabetes Leadership Forum
 
Pierre-Andre Pochon, Leadformance - Solocal Group UK Event "How To Drive Onli...
Pierre-Andre Pochon, Leadformance - Solocal Group UK Event "How To Drive Onli...Pierre-Andre Pochon, Leadformance - Solocal Group UK Event "How To Drive Onli...
Pierre-Andre Pochon, Leadformance - Solocal Group UK Event "How To Drive Onli...
 
Testing
Testing Testing
Testing
 
Apresentação Programa Cursistas
Apresentação Programa CursistasApresentação Programa Cursistas
Apresentação Programa Cursistas
 
50 web 2 ideas
50 web 2 ideas50 web 2 ideas
50 web 2 ideas
 
Mx3 Metrics - Presentation on Marketing Dashboards
Mx3 Metrics - Presentation on Marketing DashboardsMx3 Metrics - Presentation on Marketing Dashboards
Mx3 Metrics - Presentation on Marketing Dashboards
 
The Revolution in Online Education Panel Discussion: Clever INTRO by Dan Carr...
The Revolution in Online Education Panel Discussion: Clever INTRO by Dan Carr...The Revolution in Online Education Panel Discussion: Clever INTRO by Dan Carr...
The Revolution in Online Education Panel Discussion: Clever INTRO by Dan Carr...
 
Haresh Karkar - Visual Resume
Haresh Karkar - Visual ResumeHaresh Karkar - Visual Resume
Haresh Karkar - Visual Resume
 
Avatech: Workshop Lean Canvas
Avatech: Workshop Lean CanvasAvatech: Workshop Lean Canvas
Avatech: Workshop Lean Canvas
 
5 farmad katrien ceulemans aegate symposium v5 engels
5 farmad katrien ceulemans   aegate symposium v5 engels5 farmad katrien ceulemans   aegate symposium v5 engels
5 farmad katrien ceulemans aegate symposium v5 engels
 
4 types of landing page
4 types of landing page4 types of landing page
4 types of landing page
 

Fireworks kak instrument_proektirovania_vadim_pacev

  • 1. Fireworks как инструмент проектирования Вадим Пацев Разработчик интерфейсов Субботник, Москва, 3 июля 2010 года четверг, 1 июля 2010 г.
  • 2. Картина мира 2 четверг, 1 июля 2010 г.
  • 3. Картина мира Инструмент 3 четверг, 1 июля 2010 г.
  • 4. Прототипирование Проектирование интерфейсов = прототипирование. Быстро показать, как ведет себя интерфейс, заинтересованным лицам. Не писать длинных и сложных описаний при постановке задач на производство. 4 четверг, 1 июля 2010 г.
  • 5. Мыслим блоками 5 четверг, 1 июля 2010 г.
  • 6. Мыслим блоками 6 четверг, 1 июля 2010 г.
  • 7. Мыслим блоками Каждая страница - набор блоков. Блоки независимы и могут использоваться отдельно на других страницах. ...и на других проектах. 7 четверг, 1 июля 2010 г.
  • 8. Чего хочется? — Несколько страниц в одном документе. — Общие блоки на страницах. — Показать поведение блоков. — Удобные структурные изменения. — Удобное расширение прототипа. 8 четверг, 1 июля 2010 г.
  • 9. Инструменты проектирования Тысячи их! 9 четверг, 1 июля 2010 г.
  • 10. Инструменты проектирования Тысячи их! 10 четверг, 1 июля 2010 г.
  • 11. Инструменты проектирования Тысячи их! 11 четверг, 1 июля 2010 г.
  • 12. Инструменты проектирования Тысячи их! 12 четверг, 1 июля 2010 г.
  • 13. Инструменты проектирования Тысячи их! 13 четверг, 1 июля 2010 г.
  • 14. Инструмент 14 четверг, 1 июля 2010 г.
  • 15. vs 15 четверг, 1 июля 2010 г.
  • 16. Fireworks vs Photoshop Специфика Проектирование и Рисование и ретушь. макетирование 16 четверг, 1 июля 2010 г.
  • 17. Fireworks vs Photoshop Стабильность Часто падает Редко падает 17 четверг, 1 июля 2010 г.
  • 18. Fireworks vs Photoshop Структурные изменения Нельзя выделить слои Layers простым выделением на странице. 18 четверг, 1 июля 2010 г.
  • 19. А теперь, печеньки! 19 четверг, 1 июля 2010 г.
  • 20. Fireworks vs Photoshop Несколько страниц в одном макете Pages Layer comps 20 четверг, 1 июля 2010 г.
  • 21. Fireworks vs Photoshop Общие блоки Symbols Common library Smart objects. JSF 21 четверг, 1 июля 2010 г.
  • 22. Fireworks vs Photoshop Поведение интерфейса States Копии групп слоев (sic!) Интерактивные прототипы 22 четверг, 1 июля 2010 г.
  • 23. Fireworks vs Photoshop Цена $299 $999 23 четверг, 1 июля 2010 г.
  • 24. Победитель 24 четверг, 1 июля 2010 г.
  • 25. Ok, Fireworks. С чего начать? — Выделить все страницы. — Выделить состояния страниц. — Общие блоки для нескольких страниц сделать символами. — ??? — PROFIT 25 четверг, 1 июля 2010 г.
  • 26. И что мы получили? Картину мира близкой к картине мира HTML верстальщика. Готовую, расширяемую структуру проекта в одном файле, без каши групп и слоев. Коллекцию блоков, c каждым из которых можно работать отдельно. 26 четверг, 1 июля 2010 г.
  • 27. Но это все неважно 27 четверг, 1 июля 2010 г.
  • 28. vs 28 четверг, 1 июля 2010 г.
  • 29. = Единая предметная область и картина мира для дизайнера/проектировщика и верстальщика. 29 четверг, 1 июля 2010 г.
  • 30. Спасибо 30 четверг, 1 июля 2010 г.
  • 31. Вадим Пацев Разработчик интерфейсов basvasilich@yandex-team.ru Twitter: @basvasilich четверг, 1 июля 2010 г.