Tag Archives: fireworks

Switching From Adobe Fireworks To Sketch: Ten Tips And Tricks


Transitions can be painful. It is in our nature to resist change, even when the possibility of doing something new and different may be exciting. Changing your workflow can be a real challenge if you don’t know where to start or understand how to embark on the change.

Switching From Adobe Fireworks To Sketch: 10 Tips And Tricks

I’ve met with many designers (graphic, interaction, UI, etc.) who stick to old software because they are familiar and in their comfort zone, or because they are too scared to take the “leap of faith” and try something new (even when they know their old software does not allow them to work efficiently and effectively enough).

The post Switching From Adobe Fireworks To Sketch: Ten Tips And Tricks appeared first on Smashing Magazine.

Originally posted here: 

Switching From Adobe Fireworks To Sketch: Ten Tips And Tricks

How To Master Fireworks’ CSS Properties Panel And CSS Professionalzr

Today, being a designer is about much more than drawing beautiful interfaces in Photoshop or Fireworks. To properly design a website or application, a UI designer must understand the technology with which their products will be built; therefore, they must have a minimum set of front-end development skills. The World Wide Web is not static. Quite the opposite: It’s responsive, fluid, evolving and ever changing.
Web designers need to be familiar with HTML and CSS code and front-end technologies when they conceive a website or application’s interface.

Continue reading – 

How To Master Fireworks’ CSS Properties Panel And CSS Professionalzr

How To Design A Rocket Icon In Adobe Fireworks

Many people know that Fireworks is a great tool for web design, prototyping and UI design. But what about icon design? Icon design is a very specific skill that overlaps illustration, screen design and, of course, visual design. An icon designer needs to understand lighting, proportions and, most importantly, the context of the icon itself.
The BBC published an interesting article about icon design and skeuomorphism one year ago, titled “What Is Skeuomorphism?

Follow this link:

How To Design A Rocket Icon In Adobe Fireworks

Mojo Motors’ Responsive Redesign With Fireworks: Visual Design Stage

In the previous article in this series, I discussed our ideation and initial prototyping process. We covered details on how to use Adobe Fireworks to set up a responsive design wireframe, reusable components, prototypes and ways to share designs.
In this article, we’ll share how we used Adobe Fireworks in our iterative visual design process, along with other useful tips.
Further Reading on SmashingMag: Sketch, Illustrator or Fireworks? Switching From Adobe Fireworks To Sketch: Ten Tips And Tricks The Present And Future Of Adobe Fireworks The Power of Adobe Fireworks: What Can You Achieve With It?

Link to original:

Mojo Motors’ Responsive Redesign With Fireworks: Visual Design Stage

The Present And Future Of Adobe Fireworks

Unless you’ve been on Mars for the last few months, you’ve already heard the news that Adobe is feature-freezing Fireworks. And Adobe is not offering a replacement tool for Fireworks users (at least, not for now.)
What does this mean for you if you use (and rely on) Fireworks to design user interfaces and screens? What are your options?
Further Reading on SmashingMag: Sketch, Illustrator or Fireworks? Sketch Vs.

Source: 

The Present And Future Of Adobe Fireworks

Blueprints For Web And Print: Specctr, A Free Adobe Illustrator Plugin

Have you ever submitted design files to a development team for production and a few weeks later gotten something back that looks nothing like your original work? Many designers and design teams make the mistake of thinking that their work is done once they’ve completed the visual design stage.
A design is more than a simple drawing on a canvas in Illustrator, Fireworks or Photoshop; it is a representation of function.

More here: 

Blueprints For Web And Print: Specctr, A Free Adobe Illustrator Plugin

Optimizing The Design Workflow With Fireworks Extensions, Part 3

This article is the third part of an article series about improving your design workflow in Adobe Fireworks with some of the best extensions currently available. You may want to check out the first and second parts if you’re not already familiar with them. – Ed.
We have already covered over a dozen brilliant extensions to add to your Fireworks arsenal, just the tip of the iceberg. With all-around great guys such as John Dunning, Aaron Beall, Matt Stow and Linus Lim continuing to support the app (an app that Adobe has finally decided it has had enough of), the power of Fireworks continues to make the lives of designers all over the world easier and more productive.

View original post here:

Optimizing The Design Workflow With Fireworks Extensions, Part 3

iOS Grid System, A Free Extension For Adobe Fireworks

I’ll come right out and say it. I think the grid is the unsung hero of a good design. It gives structure and lets the design fall perfectly into place on the canvas. With a grid, adapting and building something new into your design is easy. Think of it like a house’s foundation. With a solid foundation, the house is stable, and building on it is easy. With a solid grid, your design can easily be adapted to accommodate whatever changes come along.

Link to original: 

iOS Grid System, A Free Extension For Adobe Fireworks

An Easy Way To Present Adobe Fireworks Design Prototypes

With its structured approach to organizing assets, Adobe Fireworks can be a pleasure for designing and prototyping. But demonstrating your designs on a wide range of devices can be time-consuming and could even require some degree of coding.
The Create Demo extension addresses some of these issues. It automatically converts your Fireworks documents into portable presentations, which can then be easily presented in any browser — desktop or mobile.

Originally from: 

An Easy Way To Present Adobe Fireworks Design Prototypes

Interactive Prototypes And Time-Savers With Adobe Fireworks

As interface designers, we’re often required to demonstrate the look and feel (and interactions) of the interfaces we design. We often begin with a series of flat images, and while these may be pixel perfect and show some amazing detail, they lack the context of the user experience.
Without context, it would be difficult for your clients to understand the flow of an app or website in the way you originally planned it.

Follow this link:  

Interactive Prototypes And Time-Savers With Adobe Fireworks