I enjoyed this talk by Brian Hogan. It covered some basic design principles - like listening to your customers, but quickly moved into more interesting topics. I particularly enjoyed the talk about picking a color palette for your site. He demonstrated a tool that helps pick color schemes based on whether you want to use a monochromatic palette, analogous colors, etc. Another option for selecting colors for a site is to choose a picture and take the colors out of it. Adobe has an online tool to help do just this called Kuler. Picking a color scheme that isn’t the same old blue has always been a challenge for me - so I am happy to have some new ideas for refreshing some of my projects.
While talking about color schemes he touched on the fact that colors have emotions, often conflicting ones, attached to them. And we aren’t even talking about meanings attached by different cultures. Red can signify error, love, hate, passion, etc. He advised us to be conscious of the emotion colors may trigger in our users.
In a discussion about using web-safe colors (his answer was no-you don’t need to) - someone told a funny tale. They were designing a site for a restaurant. The restaurant was big on fresh produce so he worked hard to get the right combination of green and yellow ready for the site. After everything was finally tweaked to perfection - he gave it to the client. Later, while he was at the restaurant and looking at the client’s machines running the site in IE, he got sick. Literally - the colors that he had so carefully crafted now reminded him of being sick. We all got a good laugh and the point was emphasized to test on every browser if we want to be sure of our design. In fact he said, “If you have a mac, it’s ridiculously easy to test IE. If you have a PC - get a mac.”
We also spent some time going through the process of designing a logo in Adobe Illustrator. I hadn’t ever used Illustrator before, so it was great to see a demo like this. My logo skills have consisted mainly of tweaking fonts - but now I have some new tricks in my bag.
We did a similar thing for Photoshop - showing how you can quickly mock up a site and transfer it over to your rails apps. He was running short on time by this point - so he went over this a bit quickly because he wanted to cover some information on css. I wish he would have spent more time on it - I’ve always resorted to just using css to try and mock things out and wondered if using photoshop would be faster. From what we saw - it seemed like it could be a very positive thing.
The CSS information was good - but not new to me. There was discussion about how to size fonts. He told us that he always uses pixels - because its a common measurement between the web, illustrator, photoshop, and the screen. He acknowledged that many people point out that this will result in messed up layouts if the user changes the font size. He mentioned that as someone who regularly increases the font size of a site - at that point he isn’t interested in how it looks - but just wants to read the content. In general he thought that it shouldn’t be the designer’s problem to make the site look good as fonts scale - but rather their job to make sure that it would still be readable if that happened.
We also spent some time talking about font faces and how to lay out fonts. He pointed out that while in the print world - body text is easer to read as serif and sans-serif fonts are better for headlines, the opposite is true on the web. He talked about font-grids and that he likes to set his font at 12px and line heights to something like 18px, to create a uniform grid look.
My only complaint about the talk had to do with his use of the zoom. While I’m sure it made what was going on the screen bigger, it gave me motion sickness to have the screen constantly zooming and panning while trying to watch him work in illustrator or photoshop. I don’t fault Brian, and appreciate his forethought, I still wish there was a way he could show what he was doing on a bigger screen at such a resolution that even those in the back could see. But overall, it was a great presentation. I would listen to him speak again and am anxious to read his book when it comes out.