Applications and Tools

Fireworks in the Real World: Interactive Wireframes


Following on from our introduction to wireframing, let's now look a little deeper into what Fireworks can do for us in that area. We'll look at pages, using common symbols and making our wireframes interactive.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube
Related Posts
  • Web Design
    Community Projects
    Community Project: The Tuts+ Illustrator Wireframe KitWireframe thumb
    Calling all community members! We have a little project for you to take part in! We're compiling a wireframe kit for Adobe Illustrator, built by you, the Tuts+ community. Read on to see how you can take part.Read More…
  • Design & Illustration
    10 Tips for Building Wireframes With IllustratorPreview wireframe
    Adobe Illustrator is experiencing a come-back in the world of web design. Not only is SVG becoming commonly used online, but more and more designers are using vectors for wireframing. The following tips will help you make the most of Illustrator as a wireframing tool.Read More…
  • Web Design
    Exclusive Freebie: iOS 7 Omnigraffle and PDF Stencil KitUikit retina
    It's not something you'll see very often on Webdesigntuts+ these days, but occasionally we just need a bit of candy, right? Here's a great freebie file for you; an iOS 7 Omnigraffle and PDF stencil kit, courtesy of Sourcebits, free for personal or commercial use. Go get it!Read More…
  • Web Design
    New to Web Design? Start Here.New to web design
    Welcome to Webdesigntuts+, an online resource dedicated to teaching and encouraging web designers of all skill levels and experience. Whether this is your first time here, you've found yourself dipping into our content in the past, or you're a regular visitor, this post will help you find the best of our content.Read More…
  • Web Design
    Design Theory
    Introducing Wireframes to Your Design ProcessDsfd wireframes retina
    After sketching, there is one final thing you should work on before starting to design (although, admittedly, this is all part of designing). Wireframing is essentially a visual guide to a website which helps you to look at layout without thinking about the aesthetics of the project.Read More…
  • Web Design
    Applications and Tools
    Fireworks in the Real World: WireframingFw real world wireframing retina
    Fireworks isn't a dedicated wireframing application, but its familiar interface, templates and extensions make it the perfect contender for being your wireframing tool of choice.Read More…