Text/Fonts Use Browser rendered text whenever possible rather than image-based text. Advantages to browser-rendered text: Text is easier to edit and update. Increases usability: users can increase text size if needed, etc. to make it easier for them to read. Can improve search engine accessibility. Browser-safe fonts: See this site for a comprehensive list of [...]
All posts in category design
Facebook Tab Design Best Practices
Posted by kristinlbradley on September 15, 2011
http://kristinlbradley.wordpress.com/2011/09/15/facebook-tab-design-best-practices/
Web Image Formats and Optimization
Summary of Web Image Types and Appropriate Uses: (adapted in part from http://yuiblog.com/blog/2008/11/04/imageopt-2/) JPG is the format for photos and full color images with lots of gradients. (JPG file sizes are smaller than PNG24) GIF is the format for animations. PNG8 is the format for everything else — icons, buttons, backgrounds, etc. (size usually smaller [...]
Posted by kristinlbradley on September 15, 2011
http://kristinlbradley.wordpress.com/2011/09/15/web-image-formats-optimization/
Photoshop CS Layer Styles: Soft Interface Collection
I uploaded 3 Photoshop layer styles designed to be used together to create soft-edged interfaces. Download them from the “Goodies” section of my home page here: http://kristinbradley.com/goodies/effects.html Use the “Soft Interface” style to create an interface shape. This style works with a variety of colors or shades of grey. (Works best with mid-range tones.) Then [...]
Posted by kristinlbradley on September 15, 2011
http://kristinlbradley.wordpress.com/2011/09/15/photoshop-layer-styles-soft-interface-collection/
