stanfy fireworks conf

Post on 01-Jul-2015

3.566 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

Prototype and Design in Fireworks

TRANSCRIPT

Fireworks

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

Agenda

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

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

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

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

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

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

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

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

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

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

+ 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)

- Минусы

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

Pages, Master Pages, Layers, Shared Layers, States

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

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

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

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

Create, Update Symbols , Symbols Library

• Manage Symbols• Common Library• Document Library

• Symbols Benefits: (update, doc size)

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

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

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

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

Create Styles, Export Styles, CSS Styles

6. Import & Export

Import From• PSD• AI• EPS

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

Форматы 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

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

8. Advanced Rich Symbols

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

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

top related