Web Design Workshop
things that you don’t need to know if you are print designer
What a print designer is used to?
• Specify virtually any typeface.
• A high control over the spatial layout of every element.
• An emphasis on visual invention.
• The ﬁnal art never change.
• Usually approach web by Flash or Dreamweaver.
What web designers should
know about web design?
• Web design canvas is code and browsers.
• Web design live in boxes.
• Web design loads.
• Web design is used.
No custom fonts
• We can get custom fonts
- Flash replacement: http://dev.novemberborn.net/sifr3/beta2/demo/
- Image replacement: http://plugins.jquery.com/project/txt2img
- More developing time
- More ﬁles to load
- More rendering time
No accurate colors
• No image color proﬁle (some browsers support it but more ﬁle weight)
• Users have different screens and color proﬁles.
Web designers should know usability bases:
Don’t make users think
• Design for scanning not reading
• As simple and clear as possible
• Clear visual hierarchy
• Make things look like they are
• Know where we are and easy to move
• Homepage has to answer:
• What is this?
• What do they have here?
• What can I do here?
• Why this site is special?
• Think about messages (error, info, etc.)
• Think about extreme cases (no content, long text inputs, etc.)
Web Design Tools
Rapidly prototype and design for the web
• Essential bitmap and vector tools.
• Common elements library.
‣ browser elements
• Customizable library/styles/shapes
• 9-slice tool
• Export Area tool
• Illustrator and Photoshop integration.
Web Design Books
• Don't Make Me Think (sec. ed.) - Steve Krug - New Riders
• Prioritizing Web Usability - Jakob Nielsen - New Riders
• Homepage Usability - Jakob Nielsen - New Riders
• Defensive design for the Web - 37signals - New Riders
• HTML, XHTML, and CSS, Sixth Edition - Elizabeth Castro - Peachpit Press
• The ZEN of CSS Design - Dave Shea - New Riders
• Bulletproof Web Design - Dan Cederholm - New Riders
• CSS Mastery: Advanced Web Standards Solutions - Andy Budd - Friends of Ed