A.Khmelevsky — Wireframing In Adobe Fireworks

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

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

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

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

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

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

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

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

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

Microsoft Visio
Наличие стилей ;

Microsoft Visio
Возможность легко и быстро создавать диаграммы ;

Microsoft Visio
Связь с другими продуктами MS Office;

Microsoft Visio
Связь с другими продуктами MS Office;
Экспорт в HTML и PDF.

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

Microsoft Visio
Главная проблема Visio — сам Visio
Не заточен под проектирование интерфейсов ;

Microsoft Visio
Запутанный интерфейс ;

Microsoft Visio
Невозможно перенастроить «горячие» клавиши ;

Microsoft Visio
Сложность работы над большими проектами ;

Microsoft Visio
Совместимость работы с дизайнером ;

Microsoft Visio
Совместимость работы с дизайнером ;
Эстетически непривлекательные прототипы .

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

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

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

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

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

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

Adobe Fireworks как решение
Неужели спасение?
Стандартный интерфейс Adobe;

Наличие библиотеки готовых элементов и возможность создавать собственные ;

Один файл даже для большого проекта ;

Выравнивание объектов и направляющие ;

Масштаб 1:1 ;

Возможность независимо менять размер каждой страницы ;

Эстетически привлекательные прототипы ;

Один инструмент для проектировщика и дизайнера ;

Один инструмент для проектировщика и дизайнера ;
И так далее…

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

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

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

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

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

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

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

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

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

Сложность создания редактируемых символов ;

Сложность создания редактируемых символов ;
…

Спасибо! Источники: 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

http://www.axme.ru	1774
http://22ru.ru	131
http://www.khmelevsky.com	83
http://azart.tumblr.com	59
http://khmelevsky.com	13
http://www.slideshare.net	8
http://khmelevsky.ru	4
http://www.khmelevsky.ru	4
http://hghltd.yandex.net	2

A.Khmelevsky — Wireframing In Adobe Fireworks

by Alexander Khmelevsky on Dec 20, 2008

Accessibility

Categories

Tags

Upload Details

Usage Rights

9 Embeds 2,078

Statistics

A.Khmelevsky — Wireframing In Adobe Fireworks — Presentation Transcript