Прототипирование сайтов в Adobe Fireworks CS5
В курсе Fireworks CS5: Rapid Prototyping автор Jim Babbage демонстрирует, как создавать каркасные модели и прототипы для вебсайтов, мобильных устройств, интернет приложений. Этот курс детализирует процесс дизайна с начала до конца, предлагая уроки по созданию каркасных моделей, улучшающих раскадровку добавлением графики, создавая настраиваемые темы образцы в панели Kuler, добавляя интерактивность прототипам, экспортируя готовый продукт и тестируя мобильный дизайн в Adobe Device Central.Содержание
Introduction—01:47:
0001—Welcome | 1:22
0002—Using the exercise files | 0:25
1. Rapid Prototyping Options in Fireworks—16:05:
0101—Using PDFs for wireframe and design feedback | 2:37
0102—Understanding storyboard concepts | 0:56
0103—Viewing the HTML prototype | 3:00
0104—Viewing the AIR prototype | 0:51
0105—Looking at mobile apps | 2:19
0106—Using Share My Screen | 6:22
2. Wireframing—01:51:08:
0201—Understanding wireframes | 3:05
0202—Planning a wireframe | 2:50
0203—Using document templates for wireframing | 8:28
0204—Creating custom wireframe symbols | 9:56
0205—Creating a wireframe | 19:24
0206—Adding greeked text | 8:00
0207—Adding a master page and subpages | 9:59
0208—Adding navigation | 15:13
0209—Saving time with button symbols | 11:28
0210—Adding a data table | 6:43
0211—Building a contact form | 10:18
0212—Exporting wireframes | 5:44
3. Storyboarding—30:37:
0301—Making a wireframe realistic | 1:08
0302—Using the Kuler panel for color choices | 7:14
0303—Importing ASE files | 1:24
0304—Importing graphics into the storyboard | 11:29
0305—Adding design variations | 4:00
0306—Using Demo Current Document | 1:58
0307—Emailing deliverables | 3:24
4. Multi-Page Mockups—35:35:
0401—Adding a new page | 6:07
0402—Sharing assets to pages | 11:21
0403—Editing component symbols | 6:50
0404—Adding basic interactivity | 8:14
0405—Exporting storyboards as PDFs | 3:03
5. Adding Interactivity—32:46:
0501—Exploring the completed prototype | 4:09
0502—Creating an interactive calendar from an Auto Shape | 8:35
0503—Mocking up a pop-up window | 10:55
0504—Exporting an HTML prototype | 9:07
6. Going Further with HTML Prototyping—10:26:
0601—Embedding an iframe into a Fireworks HTML prototype | 4:53
0602—Embedding an SWF file into a Fireworks HTML prototype | 5:33
7. Creating AIR Prototypes—27:58:
0701—Understanding AIR | 0:55
0702—Examining the structure | 2:46
0703—Adding rollovers | 2:38
0704—Adding events | 2:34
0705—Adding pages | 5:28
0706—Troubleshooting | 7:24
0707—Creating the AIR prototype | 6:13
8. Exporting to Flash Catalyst—23:45:
0801—Working with Fireworks and Flash Catalyst | 2:05
0802—Sending Fireworks files to Flash Catalyst | 4:26
0803—Understanding FXG 2.0 | 3:13
0804—Exporting as FXG 2.0 | 7:38
0805—Creating a scroll panel | 6:23
9. Working with Device Central—12:09:
0901—Using Fireworks for mobile design | 1:09
0902—Generating layouts from Device Central | 3:26
0903—Previewing mobile designs in Device Central | 2:36
0904—Using a mobile design template | 1:08
0905—Customizing a mobile design template | 1:27
0906—Testing a mobile project | 2:23
Conclusion—00:31:
1001—Goodbye | 0:31
Скриншоты
Скрытое содержимое.
Автор: Jim Babbage
Продолжительность: 5:02
Скрытое содержимое.