SlideShare a Scribd company logo
1 of 66
Проектирование страниц интерфейса в  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 ,[object Object],[object Object],Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Microsoft Visio ,[object Object],[object Object],[object Object],Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio Главная проблема  Visio —  сам  Visio www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Microsoft Visio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Примеры www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?   www.uimodeling.ru
www.uimodeling.ru Постановка проблемы   |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
Где мы искали спасение? 1.  Adobe InDesign   Много плюсов, но изначально заточен под полиграфию и весьма ресурсоемок.  www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Примеры Постановка проблемы  |  Где мы искали спасение?  | Adobe Fireworks  как решение  |  Что в итоге?
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  как решение ,[object Object],[object Object],www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
Adobe Fireworks  как решение ,[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
Adobe Fireworks  как решение ,[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
Adobe Fireworks  как решение ,[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
Adobe Fireworks  как решение ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
Adobe Fireworks  как решение ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
Adobe Fireworks  как решение ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
Adobe Fireworks  как решение ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
Adobe Fireworks  как решение ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Стандартный интерфейс  Adobe Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Наличие библиотеки готовых элементов и возможность создавать собственные Постановка проблемы  |  Где мы искали спасение?  |   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  как решение  |  Что в итоге?
www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Выравнивание объектов и направляющие Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
www.uimodeling.ru Постановка проблемы  |  Где мы искали спасение?  |   Adobe Fireworks  как решение  |  Что в итоге?
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 Иконка
Постановка проблемы  |  Где мы искали спасение?  | Adobe Fireworks  как решение  |   Что в итоге?   www.uimodeling.ru Что в итоге? Практически идеальный инструмент
Постановка проблемы  |  Где мы искали спасение?  | Adobe Fireworks  как решение  |   Что в итоге?   www.uimodeling.ru Что в итоге? ,[object Object],[object Object]
Постановка проблемы  |  Где мы искали спасение?  | Adobe Fireworks  как решение  |   Что в итоге?   www.uimodeling.ru Что в итоге? ,[object Object],[object Object],[object Object]
Постановка проблемы  |  Где мы искали спасение?  | Adobe Fireworks  как решение  |   Что в итоге?   www.uimodeling.ru Что в итоге? ,[object Object],[object Object],[object Object],[object Object]
Спасибо! Источники: 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

More Related Content

Similar to User Experience 2008: Проектирование страниц интерфейса в Adobe Fireworks (Александр Хмелевский)

разработка приложений под мобильные платформы
разработка приложений под мобильные платформыразработка приложений под мобильные платформы
разработка приложений под мобильные платформыПавел Каратай
 
Интерактивные прототипы в живом коде
Интерактивные прототипы в живом кодеИнтерактивные прототипы в живом коде
Интерактивные прототипы в живом кодеBeaversBrothers
 
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...Ilya Slobodin
 
CodeFest 2011. Макаров А. — Как разрабатывается Yii
CodeFest 2011. Макаров А. — Как разрабатывается YiiCodeFest 2011. Макаров А. — Как разрабатывается Yii
CodeFest 2011. Макаров А. — Как разрабатывается YiiCodeFest
 
Devconf 2011 - PHP - Как разрабатывается фреймворк Yii
Devconf 2011 - PHP - Как разрабатывается фреймворк YiiDevconf 2011 - PHP - Как разрабатывается фреймворк Yii
Devconf 2011 - PHP - Как разрабатывается фреймворк YiiAlexander Makarov
 
Елизавета Голенок Переходим на mono или как это было
Елизавета Голенок  Переходим на mono или как это былоЕлизавета Голенок  Переходим на mono или как это было
Елизавета Голенок Переходим на mono или как это былоMskDotNet Community
 
Встраивание Python в мобильные приложения – нюансы interoperation, новые подх...
Встраивание Python в мобильные приложения – нюансы interoperation, новые подх...Встраивание Python в мобильные приложения – нюансы interoperation, новые подх...
Встраивание Python в мобильные приложения – нюансы interoperation, новые подх...Anthony Marchenko
 
Выступление: инструменты и методы эффективной удалённой работы
Выступление: инструменты и методы эффективной удалённой работыВыступление: инструменты и методы эффективной удалённой работы
Выступление: инструменты и методы эффективной удалённой работыryba4
 
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...HappyDev-lite
 
От энтузиаста к веб разработчику
От энтузиаста к веб разработчикуОт энтузиаста к веб разработчику
От энтузиаста к веб разработчикуNikolay Mironov
 
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма..."Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...Yandex
 
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма..."Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...Yandex
 
Создание веб-ресурса: задачи, процесс, коммуникации, результат
Создание веб-ресурса: задачи, процесс, коммуникации, результатСоздание веб-ресурса: задачи, процесс, коммуникации, результат
Создание веб-ресурса: задачи, процесс, коммуникации, результатДмитрий Подлужный
 
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...Gevorg Glechyan
 
Способы организаций больших Java проектов по Автоматизированному тестированию
Способы организаций больших Java проектов по Автоматизированному тестированиюСпособы организаций больших Java проектов по Автоматизированному тестированию
Способы организаций больших Java проектов по Автоматизированному тестированиюCOMAQA.BY
 
Среды и инструменты для управления проектами. IKRA. Digital-продюсер'14/1, СПб
Среды и инструменты для управления проектами. IKRA. Digital-продюсер'14/1, СПбСреды и инструменты для управления проектами. IKRA. Digital-продюсер'14/1, СПб
Среды и инструменты для управления проектами. IKRA. Digital-продюсер'14/1, СПбAndrasz Husti
 

Similar to User Experience 2008: Проектирование страниц интерфейса в Adobe Fireworks (Александр Хмелевский) (20)

разработка приложений под мобильные платформы
разработка приложений под мобильные платформыразработка приложений под мобильные платформы
разработка приложений под мобильные платформы
 
Интерактивные прототипы в живом коде
Интерактивные прототипы в живом кодеИнтерактивные прототипы в живом коде
Интерактивные прототипы в живом коде
 
Netlab
NetlabNetlab
Netlab
 
сравнение
сравнениесравнение
сравнение
 
Как разраба
Как разрабаКак разраба
Как разраба
 
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...
Собрать нельзя клонировать. Как выбрать подход к созданию кроссплатформенных ...
 
CodeFest 2011. Макаров А. — Как разрабатывается Yii
CodeFest 2011. Макаров А. — Как разрабатывается YiiCodeFest 2011. Макаров А. — Как разрабатывается Yii
CodeFest 2011. Макаров А. — Как разрабатывается Yii
 
Devconf 2011 - PHP - Как разрабатывается фреймворк Yii
Devconf 2011 - PHP - Как разрабатывается фреймворк YiiDevconf 2011 - PHP - Как разрабатывается фреймворк Yii
Devconf 2011 - PHP - Как разрабатывается фреймворк Yii
 
Елизавета Голенок Переходим на mono или как это было
Елизавета Голенок  Переходим на mono или как это былоЕлизавета Голенок  Переходим на mono или как это было
Елизавета Голенок Переходим на mono или как это было
 
Встраивание Python в мобильные приложения – нюансы interoperation, новые подх...
Встраивание Python в мобильные приложения – нюансы interoperation, новые подх...Встраивание Python в мобильные приложения – нюансы interoperation, новые подх...
Встраивание Python в мобильные приложения – нюансы interoperation, новые подх...
 
Выступление: инструменты и методы эффективной удалённой работы
Выступление: инструменты и методы эффективной удалённой работыВыступление: инструменты и методы эффективной удалённой работы
Выступление: инструменты и методы эффективной удалённой работы
 
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...
 
От энтузиаста к веб разработчику
От энтузиаста к веб разработчикуОт энтузиаста к веб разработчику
От энтузиаста к веб разработчику
 
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма..."Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...
 
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма..."Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...
"Инструментарий разработчика iOS: Xcode, AppCode и сторонние инструменты". Ма...
 
Создание веб-ресурса: задачи, процесс, коммуникации, результат
Создание веб-ресурса: задачи, процесс, коммуникации, результатСоздание веб-ресурса: задачи, процесс, коммуникации, результат
Создание веб-ресурса: задачи, процесс, коммуникации, результат
 
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...
 
Способы организаций больших Java проектов по Автоматизированному тестированию
Способы организаций больших Java проектов по Автоматизированному тестированиюСпособы организаций больших Java проектов по Автоматизированному тестированию
Способы организаций больших Java проектов по Автоматизированному тестированию
 
Среды и инструменты для управления проектами. IKRA. Digital-продюсер'14/1, СПб
Среды и инструменты для управления проектами. IKRA. Digital-продюсер'14/1, СПбСреды и инструменты для управления проектами. IKRA. Digital-продюсер'14/1, СПб
Среды и инструменты для управления проектами. IKRA. Digital-продюсер'14/1, СПб
 
UML: CASE Tools Overview
UML: CASE Tools OverviewUML: CASE Tools Overview
UML: CASE Tools Overview
 

More from Yury Vetrov

Yury Vetrov — Algorithm-Driven Design
Yury Vetrov — Algorithm-Driven DesignYury Vetrov — Algorithm-Driven Design
Yury Vetrov — Algorithm-Driven DesignYury Vetrov
 
Юрий Ветров — Внедрение UX-стратегии
Юрий Ветров — Внедрение UX-стратегииЮрий Ветров — Внедрение UX-стратегии
Юрий Ветров — Внедрение UX-стратегииYury Vetrov
 
Юрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайнЮрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайнYury Vetrov
 
Как работают британские дизайн-студии
Как работают британские дизайн-студииКак работают британские дизайн-студии
Как работают британские дизайн-студииYury Vetrov
 
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомYury Vetrov
 
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2Yury Vetrov
 
Amuse UX 2015: Y.Vetrov — Platform Thinking
Amuse UX 2015: Y.Vetrov — Platform ThinkingAmuse UX 2015: Y.Vetrov — Platform Thinking
Amuse UX 2015: Y.Vetrov — Platform ThinkingYury Vetrov
 
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1Yury Vetrov
 
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеYury Vetrov
 
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреCodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреYury Vetrov
 
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигеватьWUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигеватьYury Vetrov
 
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...Yury Vetrov
 
UX Poland 2014: Y.Vetrov — Applied UX Strategy
UX Poland 2014: Y.Vetrov — Applied UX StrategyUX Poland 2014: Y.Vetrov — Applied UX Strategy
UX Poland 2014: Y.Vetrov — Applied UX StrategyYury Vetrov
 
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...Yury Vetrov
 
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практикаUXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практикаYury Vetrov
 
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаYury Vetrov
 
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.RuDesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.RuYury Vetrov
 
WUD2012 Tallinn: Y.Vetrov — How to Turn Around an Aircraft Carrier
WUD2012 Tallinn: Y.Vetrov — How to Turn Around an Aircraft CarrierWUD2012 Tallinn: Y.Vetrov — How to Turn Around an Aircraft Carrier
WUD2012 Tallinn: Y.Vetrov — How to Turn Around an Aircraft CarrierYury Vetrov
 
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаYury Vetrov
 
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...Yury Vetrov
 

More from Yury Vetrov (20)

Yury Vetrov — Algorithm-Driven Design
Yury Vetrov — Algorithm-Driven DesignYury Vetrov — Algorithm-Driven Design
Yury Vetrov — Algorithm-Driven Design
 
Юрий Ветров — Внедрение UX-стратегии
Юрий Ветров — Внедрение UX-стратегииЮрий Ветров — Внедрение UX-стратегии
Юрий Ветров — Внедрение UX-стратегии
 
Юрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайнЮрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайн
 
Как работают британские дизайн-студии
Как работают британские дизайн-студииКак работают британские дизайн-студии
Как работают британские дизайн-студии
 
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
 
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
 
Amuse UX 2015: Y.Vetrov — Platform Thinking
Amuse UX 2015: Y.Vetrov — Platform ThinkingAmuse UX 2015: Y.Vetrov — Platform Thinking
Amuse UX 2015: Y.Vetrov — Platform Thinking
 
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
 
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышление
 
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреCodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
 
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигеватьWUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
 
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
 
UX Poland 2014: Y.Vetrov — Applied UX Strategy
UX Poland 2014: Y.Vetrov — Applied UX StrategyUX Poland 2014: Y.Vetrov — Applied UX Strategy
UX Poland 2014: Y.Vetrov — Applied UX Strategy
 
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
 
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практикаUXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
 
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
 
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.RuDesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
 
WUD2012 Tallinn: Y.Vetrov — How to Turn Around an Aircraft Carrier
WUD2012 Tallinn: Y.Vetrov — How to Turn Around an Aircraft CarrierWUD2012 Tallinn: Y.Vetrov — How to Turn Around an Aircraft Carrier
WUD2012 Tallinn: Y.Vetrov — How to Turn Around an Aircraft Carrier
 
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
 
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...
 

User Experience 2008: Проектирование страниц интерфейса в 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.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. Microsoft Visio Главная проблема Visio — сам Visio www.uimodeling.ru Постановка проблемы | Где мы искали спасение? | Adobe Fireworks как решение | Что в итоге?
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 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 и многие, многие другие.
  • 30.  
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 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.
  • 64.
  • 65.
  • 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