Multiscreen designing using Fireworks?

Do you design for different devices (mobiles, smart phones, tablets, any other?) using Fireworks? What is the workflow you follow and what the current limitation in them? I am assuming that people are already using Fireworks for mobile designing when I look at examples like this one.

I can lead you into some question to understand your style or working and understand the limitations. The below first set of questions give an idea of the assets and their layout across different screen sizes.

  1. Do you design for only one screen size and then move onto a new screen size from ground zero?
  2. If you design for multiple screen, how do you reuse the assets? (Symbols?)
  3. In case you are designing for multiple screen sizes and the assets are being re-used, how do you layout the design depending on the screen sizes? (Nine slice scaling?)

The second set of questions will help me understand the resolution differences are handled during designing phase

  1. Desktop screen is generally set at 72dpi resolution whereas the device resolutions are far higher. How do you visualize the resolution differences when designing on a desktop for a tablet or mobile screen?
  2. Once the design is done, how do you see the end result? Emulate it on the desktop or host the  file and browse to it from the device?
  3. Which fonts do you generally use for multi screen designing? Does the desktop screen rendering give a font render

Once the designing is done and needs to be shown to the client, how does that happen?

  1. Do you look for some interactions which might help you win the deal?
  2. How do you currently explain the state change on gestures and other touch sensitive actions?

If you think I am going in a direction of my own, please feel free to correct me and explain how real world wireframing, prototyping, designing, interaction designing for different screen is done.

During the feedback it will be good to help me understand your workflow with the missing pieces you expect to be present to make your lives easy. Any suggestions on improvements in the existing feature set in this context is welcome.



Share on Facebook

Merry Christmas and happy new year 2011

Wishing you all a merry Christmas eve and an enjoyable holiday season. Have a good time with friends and family. Lets come back in 2011 and solve new challenges of web designing and development.

This is Sarthak signing off for 2010 with this last post. See ya all in 2011 now!

Share on Facebook

Fireworks CS5 and Selection tool not working?

There was a error reported by multiple users of Fireworks CS5 on the Adobe support forums, the selection tool stops working!
This is something which I assume would be a real pain for designers specially for Fireworks since the selection is everything.

some of them investigated further and found that Spotify was somehow causing this issue. Another user reported that “Once i disabled media keys on grooveshark desktop helper the problem was fixed”

This is just a caution as we are investigating it further. I guess the apps are no longer happy to co-exist at the moment on Mac.
We have found that the issue is not limited to just CS5 version and exists in CS4 as well.


The Spotify Team released a a Preview build that incorporates Joachim’s fix and should solve this issue.

You can download it here

It worked for me and a lot of people too.

Enjoy your music inspired workflow!

Share on Facebook

Creating a mobile optimized website using Dreamweaver

A 34 minutes video showing how to use Dreamweaver to create a website optimized for mobile experience.

  1. How are you creating such websites for mobile versions?
  2. What is your workflow?
  3. Do you reuse existing assets or there is a completely new set for smaller screens?
  4. How about the layout and content handling for smaller screens?

Share on Facebook

Thank you all for participating in Dw event

On behalf of all the people I thank all the designers and developers who came over for a good discussion. The event was a big hit which was held on Nov 27, 2010 a big hit.

There were sessions around

  1. Dw CS5 introduction
  2. Media queries and CMS advantages
  3. BrowserLab
  4. Business Catalyst
  5. Widget Browser

All the sessions led to good insightful discussions helping us understand more of user issues and how Adobe can help iron out issues making their workflow more efficient. I was a little unhappy with people who had confirmed and did not turn up.

I am sure they missed something which would have helped them grow their business. One user quoted “After the last session we got more than 40% of our projects in html also”. It was wonderful to hear when users can grow their business leveraging the true potential of Adobe solutions.

Share on Facebook

Annotations panel for Fireworks CS5

David Hogue and Mariano Ferrario have build an Annotations panel for Fireworks CS5. The extension can be downloaded as a free lite version and full paid ($1.99)version form their website.

“The annotations panel is an easy to use command panel that helps you increase the efficiency of annotating wireframes (adding notes) within your Fireworks document (CS5 Only).

The panel allows you to add numeric bubbles to your document and associate a corresponding message with each annotation. The annotation panel then allows you to export your document along with all of your annotations in multiple file formats.”

It is an extension which is sure to increase your efficiency. This also exposes the powerful extensibility layer embedded within Fireworks app.

Share on Facebook

Interact with BrowserLab team now!

Stop by for a Hi to the BrowserLab team on their newly launched team blog. Bruce is the product manager for this cross browser compatibility tests for web designers and developers. He loves hearing feedback directly from the customers and also makes sure they are heard internally.

Feel free to post your thoughts and remember to follow them on all news and announcements in future.

Share on Facebook

Submit code for cookbooks and win Tshirts

“For the entire month of November, EVERY person who contributes a code recipe to the one of the Cookbooks above will receive an ADC branded t-shirt. If you contribute two recipes in that time frame, yes, you will receive two shirts!”

For more details of this offer see the Adobe Developer Center blog post

Share on Facebook

Dreamweaver event in Bangalore,India on Nov 27, 2010

Adobe Systems would like to invite web community to get together and share their wisdom. Also learn something about Dreamweaver and other web technology enabling tool set.

Please refer to the above graphic for details about the event and how to register for it.

Don’t forget to RSVP (email id in graphic above) and tell us more about your self. Come, let us all have fun!

Share on Facebook

Fireworks feedback: HTML and CSS export

Thank you for the feedback on feature requirements for Fireworks CS next version. There have been many big feature requests, enhancements and workflow improvements.

We understand it as a positive feedback as the Fireworks community believes in the team to make it an even better application with every new release. One feature which stood out from all the feedback was improvements in HTML and CSS export. Currently Fireworks is equipped to export code in a table format and Fireworks CS3 release introduced the export of CSS along with HTML.

  1. What are the specific areas you would like to see worked upon?
  2. Would you like Fireworks generating code which can be used for direct deployment to web hosts?
  3. What are your thoughts on the whole buzz of HTML5 and CSS3 code generation?
  4. Would you like to create a widget, skin it and get the CSS1/2/3 code available for use in some app like Dreamweaver

We are looking for very specific workflow and feature feedback for deeper analysis and investigations by the team.

Share on Facebook