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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

22

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

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

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

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

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

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

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

30

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

59 Иконка

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

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

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

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

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

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

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