'

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

Понравилась презентация – покажи это...





Слайд 0

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


Слайд 1

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


Слайд 2

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


Слайд 3

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


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

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


Слайд 8

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


Слайд 9

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


Слайд 10

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


Слайд 11

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


Слайд 12

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


Слайд 13

Microsoft Visio Главная проблема Visio — сам Visio 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

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


Слайд 21

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


Слайд 22

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


Слайд 23

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


Слайд 24

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


Слайд 25

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


Слайд 26

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


Слайд 27

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


Слайд 28

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


Слайд 29


Слайд 30

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


Слайд 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; Наличие библиотеки готовых элементов и возможность создавать собственные; Один файл даже для большого проекта; Выравнивание объектов и направляющие; Масштаб 1:1; 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

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


Слайд 40

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


Слайд 41

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


Слайд 42

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


Слайд 43

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


Слайд 44

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


Слайд 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

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


Слайд 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

Спасибо! Источники: 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/ и многие другие Александр Хмелевский a.khmelevsky@gmail.com www.axme.ru www.uimodeling.ru


×

HTML:





Ссылка: