A.Khmelevsky — Wireframing In Adobe Fireworks
•
4 likes•854 views
Презентация моего выступления на User Experience Russia 2008 на тему «Проектирование страниц интерфейса вAdobe Fireworks».
![Спасибо! Источники: www.adobe.com www.boxesandarrows.com www.amazedev.com/prototipirovanie-web-proektov-sobiraya-voedino www.usethics.ru/lib/indesign_prototyping.html www.birzool.com/wiresoft/ www.guicci.ru/2006/12/08/axure-rp-pro-sredstvo-dlya-prototipirovaniya/ и многие другие Александр Хмелевский [email_address] www.axme.ru www.uimodeling.ru](https://image.slidesharecdn.com/userexp2008akhmelevskywireframinginadobefireworks-1229781895798815-1/85/A-Khmelevsky-Wireframing-In-Adobe-Fireworks-66-320.jpg)
A.Khmelevsky — Wireframing In Adobe Fireworks
- 1. Проектирование страниц интерфейса в Adobe Fireworks Александр Хмелевский UI Modeling Company
- 2. О чем доклад? 1. Постановка проблемы Мы долгое время проектировали в MS Visio , чем он хорош и плох? www.uimodeling.ru
- 3. О чем доклад? 1. Постановка проблемы Мы долгое время проектировали в MS Visio , чем он хорош и плох? 2. Где мы искали спасение? Обзор основных инструментов проектирования. www.uimodeling.ru
- 4. О чем доклад? 1. Постановка проблемы Мы долгое время проектировали в MS Visio , чем он хорош и плох? 2. Где мы искали спасение? Обзор основных инструментов проектирования. 3. Adobe Fireworks как решение Почему мы остановились на Fireworks? www.uimodeling.ru
- 5. О чем доклад? 1. Постановка проблемы Мы долгое время проектировали в MS Visio , чем он хорош и плох? 2. Где мы искали спасение? Обзор основных инструментов проектирования. 3. Adobe Fireworks как решение Почему мы остановились на Fireworks? 4 . Что в итоге? Практически идеальный инструмент. www.uimodeling.ru
- 6. Microsoft Visio Почему мы работали в Visio? www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 7. www.uimodeling.ru Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов ; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 8. www.uimodeling.ru Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов ; Наличие готовых «стенсилов» ; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 9. Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов ; Наличие готовых «стенсилов» ; Гибкие инструменты для создания собственных библиотек ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 10. Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов ; Наличие готовых «стенсилов» ; Гибкие инструменты для создания собственных библиотек ; Наличие стилей ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 11. Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов ; Наличие готовых «стенсилов» ; Гибкие инструменты для создания собственных библиотек ; Наличие стилей ; Возможность легко и быстро создавать диаграммы ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 12. Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов ; Наличие готовых «стенсилов» ; Гибкие инструменты для создания собственных библиотек ; Наличие стилей ; Возможность легко и быстро создавать диаграммы ; Связь с другими продуктами MS Office; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 13. Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов ; Наличие готовых «стенсилов» ; Гибкие инструменты для создания собственных библиотек ; Наличие стилей ; Возможность легко и быстро создавать диаграммы ; Связь с другими продуктами MS Office; Экспорт в HTML и PDF. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 14. Microsoft Visio Главная проблема Visio — сам Visio www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 15. Microsoft Visio Главная проблема Visio — сам Visio Не заточен под проектирование интерфейсов ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 16. Microsoft Visio Главная проблема Visio — сам Visio Не заточен под проектирование интерфейсов ; Запутанный интерфейс ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 17. Microsoft Visio Главная проблема Visio — сам Visio Не заточен под проектирование интерфейсов ; Запутанный интерфейс ; Невозможно перенастроить «горячие» клавиши ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 18. Microsoft Visio Главная проблема Visio — сам Visio Не заточен под проектирование интерфейсов ; Запутанный интерфейс ; Невозможно перенастроить «горячие» клавиши ; Сложность работы над большими проектами ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 19. Microsoft Visio Главная проблема Visio — сам Visio Не заточен под проектирование интерфейсов ; Запутанный интерфейс ; Невозможно перенастроить «горячие» клавиши ; Сложность работы над большими проектами ; Совместимость работы с дизайнером ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 20. Microsoft Visio Главная проблема Visio — сам Visio Не заточен под проектирование интерфейсов ; Запутанный интерфейс ; Невозможно перенастроить «горячие» клавиши ; Сложность работы над большими проектами ; Совместимость работы с дизайнером ; Эстетически непривлекательные прототипы . www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 21. Примеры www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 22. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? www.uimodeling.ru
- 23. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 24. Где мы искали спасение? 1. Adobe InDesign Много плюсов, но изначально заточен под полиграфию и весьма ресурсоемок. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 25. www.uimodeling.ru Примеры Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 26. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 27. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 28. Где мы искали спасение? 2. Axure Pro Хорошая программа, но не подходит для крупных проектов. www.uimodeling.ru 1. Adobe InDesign Много плюсов, но изначально заточен под полиграфию и весьма ресурсоемок. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 29. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? Где мы искали спасение? 2. Axure Pro Хорошая программа, но не подходит для крупных проектов. www.uimodeling.ru 1. Adobe InDesign Много плюсов, но изначально заточен под полиграфию и весьма ресурсоемок. 3. Другие программы MS Expression Blend, Norpath Studio, Adobe Flash, MS PowerPoint и многие, многие другие.
- 31. Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 32. Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 33. Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные ; Один файл даже для большого проекта ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 34. Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные ; Один файл даже для большого проекта ; Выравнивание объектов и направляющие ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 35. Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные ; Один файл даже для большого проекта ; Выравнивание объектов и направляющие ; Масштаб 1:1 ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 36. Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные ; Один файл даже для большого проекта ; Выравнивание объектов и направляющие ; Масштаб 1:1 ; Возможность независимо менять размер каждой страницы ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 37. Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные ; Один файл даже для большого проекта ; Выравнивание объектов и направляющие ; Масштаб 1:1 ; Возможность независимо менять размер каждой страницы ; Эстетически привлекательные прототипы ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 38. Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные ; Один файл даже для большого проекта ; Выравнивание объектов и направляющие ; Масштаб 1:1 ; Возможность независимо менять размер каждой страницы ; Эстетически привлекательные прототипы ; Один инструмент для проектировщика и дизайнера ; www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 39. Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные ; Один файл даже для большого проекта ; Выравнивание объектов и направляющие ; Масштаб 1:1 ; Возможность независимо менять размер каждой страницы ; Эстетически привлекательные прототипы ; Один инструмент для проектировщика и дизайнера ; И так далее… www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 40. www.uimodeling.ru Стандартный интерфейс Adobe Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 41. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 42. www.uimodeling.ru Наличие библиотеки готовых элементов и возможность создавать собственные Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 43. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 44. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Чего мы добились в итоге? www.uimodeling.ru
- 45. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 46. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 47. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 48. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 49. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 50. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 51. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 52. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 53. www.uimodeling.ru Выравнивание объектов и направляющие Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 54. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 55. www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 56. www.uimodeling.ru Один инструмент для проектировщика и дизайнера Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 57. www.uimodeling.ru Иконка Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 58. www.uimodeling.ru Иконка Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
- 59. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? www.uimodeling.ru Иконка
- 60. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? www.uimodeling.ru Иконка
- 61. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? www.uimodeling.ru Иконка
- 62. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? www.uimodeling.ru Что в итоге? Практически идеальный инструмент
- 63. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? www.uimodeling.ru Что в итоге? Практически идеальный инструмент Неудобная работа с библиотекой элементов ;
- 64. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? www.uimodeling.ru Что в итоге? Практически идеальный инструмент Неудобная работа с библиотекой элементов ; Сложность создания редактируемых символов ;
- 65. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? www.uimodeling.ru Что в итоге? Практически идеальный инструмент Неудобная работа с библиотекой элементов ; Сложность создания редактируемых символов ; …
- 66. Спасибо! Источники: www.adobe.com www.boxesandarrows.com www.amazedev.com/prototipirovanie-web-proektov-sobiraya-voedino www.usethics.ru/lib/indesign_prototyping.html www.birzool.com/wiresoft/ www.guicci.ru/2006/12/08/axure-rp-pro-sredstvo-dlya-prototipirovaniya/ и многие другие Александр Хмелевский [email_address] www.axme.ru www.uimodeling.ru