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

Stanfy Fireworks Conf

Jul 01, 2015

Download

Documents

Prototype and Design in Fireworks
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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

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