stanfy fireworks conf
DESCRIPTION
Prototype and Design in FireworksTRANSCRIPT
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
Спасибо за внимание!