I recently gave a presentation at the Adobe MAX 2010 conference and in Los Angeles on using Adobe Fireworks to export the initial CSS and HTML code which can then be easily modified in Dreamweaver. At the start of the session I spent about 10 minutes showing some of the most common issues people run into when setting up a Fireworks file for CSS export and how to fix them. I think I received more feedback about those 10 minutes than I did for the remainder of the session!
One of the most common page elements we need when creating wireframes and comps are tables, and one of the most common questions about Fireworks is how to quickly and easily draw tables like this without having to draw and position many (even dozens or more) individual rectangles for each table cell:
When we create wireframes and comps we often are not yet certain how many rows or columns a table will need, and the row widths and column heights may vary throughout the table. If the tables are drawn with individual rectangles or even with individual intersecting lines, it can take much time, effort, and attention to detail to change the size of the overall table. Fireworks offers two autoshapes that can make creating tables a bit faster and easier.
I had the pleasure of speaking about interaction design with more than 300 designers at the Adobe MAX 2010 conference in Los Angeles this week. It was a great presentation focused on five basic interaction design principles, and we looked at a few web sites to discuss how these principles should inform our design decisions and how they could affect the visitor experience:
If you attended the presentation, thanks! If you missed it, you can download a PDF here.
The recording of the session is now available online via Adobe TV or you can watch it below.
I’m an infographic geek, and I like looking at all of these, but PLEASE remember that infographics should always clarify and contribute to the understanding of data and should never obfuscate, oversimplify, or misrepresent information. Do not create infographics just to draw pictures – create them to help people understand and to contribute value.