Проектирование страниц интерфейса в Adobe Fireworks Александр Хмелевский UI Modeling Company

О чем доклад? 1. Постановка проблемы Мы долгое время проектировали в MS Visio, чем он хорош и плох?

О чем доклад? 1. Постановка проблемы Мы долгое время проектировали в MS Visio, чем он хорош и плох? 2. Где мы искали спасение? Обзор основных инструментов проектирования.

О чем доклад? 1. Постановка проблемы Мы долгое время проектировали в MS Visio, чем он хорош и плох? 2. Где мы искали спасение? Обзор основных инструментов проектирования. 3. Adobe Fireworks как решение Почему мы остановились на Fireworks?

О чем доклад? 1. Постановка проблемы Мы долгое время проектировали в MS Visio, чем он хорош и плох? 2. Где мы искали спасение? Обзор основных инструментов проектирования. 3. Adobe Fireworks как решение Почему мы остановились на Fireworks? 4. Что в итоге? Практически идеальный инструмент.

Microsoft Visio Почему мы работали в Visio? Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов; Наличие готовых «стенсилов»; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов; Наличие готовых «стенсилов»; Гибкие инструменты для создания собственных библиотек; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов; Наличие готовых «стенсилов»; Гибкие инструменты для создания собственных библиотек; Наличие стилей; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов; Наличие готовых «стенсилов»; Гибкие инструменты для создания собственных библиотек; Наличие стилей; Возможность легко и быстро создавать диаграммы; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов; Наличие готовых «стенсилов»; Гибкие инструменты для создания собственных библиотек; Наличие стилей; Возможность легко и быстро создавать диаграммы; Связь с другими продуктами MS Office; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Почему мы работали в Visio? Скорость создания прототипов; Наличие готовых «стенсилов»; Гибкие инструменты для создания собственных библиотек; Наличие стилей; Возможность легко и быстро создавать диаграммы; Связь с другими продуктами MS Office; Экспорт в HTML и PDF. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Главная проблема Visio сам Visio Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Главная проблема Visio сам Visio Не заточен под проектирование интерфейсов; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Главная проблема Visio сам Visio Не заточен под проектирование интерфейсов; Запутанный интерфейс; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Главная проблема Visio сам Visio Не заточен под проектирование интерфейсов; Запутанный интерфейс; Невозможно перенастроить «горячие» клавиши; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Главная проблема Visio сам Visio Не заточен под проектирование интерфейсов; Запутанный интерфейс; Невозможно перенастроить «горячие» клавиши; Сложность работы над большими проектами; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Главная проблема Visio сам Visio Не заточен под проектирование интерфейсов; Запутанный интерфейс; Невозможно перенастроить «горячие» клавиши; Сложность работы над большими проектами; Совместимость работы с дизайнером; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Microsoft Visio Главная проблема Visio сам Visio Не заточен под проектирование интерфейсов; Запутанный интерфейс; Невозможно перенастроить «горячие» клавиши; Сложность работы над большими проектами; Совместимость работы с дизайнером; Эстетически непривлекательные прототипы. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Примеры Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Где мы искали спасение? 1. Adobe InDesign Много плюсов, но изначально заточен под полиграфию и весьма ресурсоемок. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Примеры Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Где мы искали спасение? 2. Axure Pro Хорошая программа, но не подходит для крупных проектов Adobe InDesign Много плюсов, но изначально заточен под полиграфию и весьма ресурсоемок. Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Где мы искали спасение? 2. Axure Pro Хорошая программа, но не подходит для крупных проектов Adobe InDesign Много плюсов, но изначально заточен под полиграфию и весьма ресурсоемок. 3. Другие программы MS Expression Blend, Norpath Studio, Adobe Flash, MS PowerPoint и многие, многие другие.

Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные; Один файл даже для большого проекта; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные; Один файл даже для большого проекта; Выравнивание объектов и направляющие; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные; Один файл даже для большого проекта; Выравнивание объектов и направляющие; Масштаб 1:1; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные; Один файл даже для большого проекта; Выравнивание объектов и направляющие; Масштаб 1:1; Возможность независимо менять размер каждой страницы; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные; Один файл даже для большого проекта; Выравнивание объектов и направляющие; Масштаб 1:1; Возможность независимо менять размер каждой страницы; Эстетически привлекательные прототипы; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные; Один файл даже для большого проекта; Выравнивание объектов и направляющие; Масштаб 1:1; Возможность независимо менять размер каждой страницы; Эстетически привлекательные прототипы; Один инструмент для проектировщика и дизайнера; Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Adobe Fireworks как решение Неужели спасение? Стандартный интерфейс Adobe; Наличие библиотеки готовых элементов и возможность создавать собственные; Один файл даже для большого проекта; Выравнивание объектов и направляющие; Масштаб 1:1; Возможность независимо менять размер каждой страницы; Эстетически привлекательные прототипы; Один инструмент для проектировщика и дизайнера; И так далее… Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Стандартный интерфейс Adobe Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Наличие библиотеки готовых элементов и возможность создавать собственные Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Чего мы добились в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Выравнивание объектов и направляющие Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Один инструмент для проектировщика и дизайнера Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Иконка Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Иконка Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?

Иконка

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? Иконка

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? Иконка

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? Что в итоге? Практически идеальный инструмент

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? Что в итоге? Практически идеальный инструмент Неудобная работа с библиотекой элементов;

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? Что в итоге? Практически идеальный инструмент Неудобная работа с библиотекой элементов; Сложность создания редактируемых символов;

Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге? Что в итоге? Практически идеальный инструмент Неудобная работа с библиотекой элементов; Сложность создания редактируемых символов; …

Спасибо! Источники: и многие другие Александр Хмелевский