stanfy fireworks conf

14
Fireworks 1. Обзор приложения 2. Преимущества проектирование интерфейсов для Web 3. Преимущества проектирование интерфейсов для 4. Создание интерактивных прототипов Agenda

Upload: -

Post on 01-Jul-2015

3.566 views

Category:

Documents


0 download

DESCRIPTION

Prototype and Design in Fireworks

TRANSCRIPT

Page 1: Stanfy Fireworks Conf

Fireworks

1. Обзор приложения2. Преимущества проектирование интерфейсов для Web 3. Преимущества проектирование интерфейсов для 4. Создание интерактивных прототипов

Agenda

Page 2: Stanfy Fireworks Conf

PhotoshopНовые возможности для работыс цифровыми изображениями

FireworksБыстрое создание прототипа и дизайна для любого устройства

InDesignПрофессиональный дизайн макетов страниц для печати и электронных публикация

IllustratorСоздавайте новые иллюстрации с превосходным векторным инструментом

PhotoshopДля работы с растром, ретуши и рисования

Fireworks Прототипирование и дизайн интерфейсов

InDesign Дизайн для полиграфии и web

IllustratorДля работы с вектором

По применению в индустрии

Как Adobe определяет назначение своего софта?

Page 3: Stanfy Fireworks Conf

+ Multiple Pages, Layers, States+ Master Pages, Shared Layers+ Web Layers+ Symbols, Symbols Library+ Smart Auto Shapes+ Export HTML, PDF, PSD+ Styles (Font, Filters) + Guides, Smart Guides+ Import and Edit Vector (9 slice scaling)

Why to use Fireworks?

+ Плюсы

− Limitation of PSD support (Adjustment Layers, Groups, Pages, Symbols)

− Ограниченная совместимость с PS plugins (Page Curl, KPT, Eye Candy)

- Минусы

Page 4: Stanfy Fireworks Conf

1. Работа со страницами и слоями

Pages, Master Pages, Layers, Shared Layers, States

• Different sizes of Pages• Share Layer to another Pages• Master Page• Export Pages

Page 5: Stanfy Fireworks Conf

2. Сетки, гриды, направляющие

• Manage Guides• Smart Guides• Quick Info• Modular Grid• Manage Spaces

Page 6: Stanfy Fireworks Conf

3. Работа с символами и библиотеками

Create, Update Symbols , Symbols Library

• Manage Symbols• Common Library• Document Library

• Symbols Benefits: (update, doc size)

Page 7: Stanfy Fireworks Conf

4. Умное масштабирование

• 9 Slice Scaling for Objects• 9 Slice Scaling for Symbols• 9 Slice Scaling for Bitmaps• Adjust 9 Slice Pannel

Page 8: Stanfy Fireworks Conf

5. Ускоряем работу Стилями

• Text Styles• Shape Styles• Style Library• Redefine Styles in Document• Export to CSS

Create Styles, Export Styles, CSS Styles

Page 9: Stanfy Fireworks Conf

6. Import & Export

Import From• PSD• AI• EPS

Export to• PNG• JPG (Selective JPG)• SVG• Export Sprites

Page 10: Stanfy Fireworks Conf

Форматы Photoshop FireworksPNG Compression 352 kb 332 kb

GIF Compression 92 kb 88 kb

JPEG Compression 80 kb 72 kb

Сравнительная таблица

20 kb less = 320 mb per day

Page 11: Stanfy Fireworks Conf

7. Create Prototype

• Export to HTML• Export to PDF• Export Annotations• Export Responsive Prototype (

http://owltastic.com/, http://dustinsenos.com/)

• Export Demo (http://bit.ly/tTPA1B)

• Embedding HTML• Share

Page 12: Stanfy Fireworks Conf

8. Advanced Rich Symbols

Page 13: Stanfy Fireworks Conf

9. Prototype for iOS

Official Reviewhttp://bit.ly/oG0guL

PDF help for commandshttp://www.unitid.nl/tap/TAP_cheatsheet_0045.pdf

Official Demohttp://ipro.to/tap_ipad (Enter this URL in mobile Safari on you iPhone.)

http://ipro.to/tap_iphonehttp://ipro.to/tap_iphone_retina

Page 14: Stanfy Fireworks Conf

Спасибо за внимание!