#20560
Each day, thousands of websites lose credibility and all-important return traffic -- not because they're poorly written, constructed, designed, or advertised, but because of: colors that clash colors that camouflage colors that just plain don't work! Attention to color on the web is generally considered the province of web-design professionals -- but those of us who study and teach professional writing are in a prime position to use our knowledge and skills to lead the way toward a more aesthetically-pleasing, and rhetorically-effective, World Wide Web
Clark, Tracy. Purdue University (2003). Design>Web Design>Graphic Design>Color
#23099
Faceted Metadata for Image Search and Browsing 
The authors present a new method of image searching based on conceptual descriptors. This method differs from the traditional methods of image searching that are based on keywords and visual similarity.
Hearst, Marti, Kevin Li, Kirsten Swearingen and Ka-Ping Yee. University of California Berkeley (2003). Design>Web Design>Graphic Design>Search
#28439
When I find a really nice logo, icon or button, I save a copy to file for future inspiration. Here's my collection of logos, with descriptions of why I think each one works. See article on designing logos for guidelines of logo design fundamentals.
Hunt, Ben. Web Design From Scratch (2005). Design>Graphic Design>Web Design
#22664
Finding and Using Art on the Web
So you want to add graphics to your site, but you don't know where to get them? Well—first you have to learn that you can't just take graphics off someone else's site unless you want to go directly to Jail, do not pass go, and do not get $200 (though your Lawyer will get at least that per hour).
Will-Harris, Daniel. Typofile (2003). Design>Web Design>Intellectual Property>Graphic Design
#22290
Glossary of Graphic Design and Web Page Design Terms
A collection of definitions for terms from graphic and web design.
Grantastic Designs. Resources>Graphic Design>Web Design>Glossary
#20605
In this chapter we show you techniques to optimize the look and efficiency of your Web page graphics. Although electronic publishing frees you from the cost and limitations of color reproduction on paper, you will still need to make careful calculations (and a few compromises) if you wish to optimize your graphics and photographs for various display monitors and Internet access speeds.
Lynch, Patrick J. and Sarah Horton. Yale University (1999). Design>Web Design>Graphic Design
#13789
There is no limit in the Web specifications to the graphical formats that can be used on the Web. You just need a MIME type so that the format is labelled correctly for transfer across the Web, and so that a suitable viewer (if one exists) can be located at the other end. In practice, certain formats are more widely understood than others; certain formats are more suited to one type of graphical data than another; so you should make an informed choice about what format to use.
#18397
Gratuitous Graphics and Human-Centered Website Design
Notice how frustrating most company websites are. Lots of pretty pictures that take forever to load. Hardly any information on a page. Notice how difficult it is to find the information you seek, and especially, how difficult it is to do comparison shopping. Don't companies realize that in today's world, the website is a great opportunity to practice customer-centered interaction -- make the customers happy and they will come back again and again? Frustrate them and, well, the competition is only a click away.
Norman, Donald A. JND.org (1999). Design>Web Design>Graphic Design
#25750
These out-there colors won't come alone, or even in pairs... they'll be seen in packs. Designers, desperately searching for something fresh and new, will go balls out, applying this palette to tripped out patterns of stripes, polka dots, and plaids to create looks similar to those seen on the streets of Tokyo.
Polselli, Adam. AdamPolselli.com (2005). Design>Graphic Design>Web Design>Color
#30099
If I Told You You Had a Beautiful Figure...
Lay out images consistently across your site using a liitle clever JavaScript.
Gustafson, Aaron. List Apart, A (2007). Design>Web Design>Graphic Design>JavaScript
#19471
Image File Formats for Print and Web
Images such as illustrations, photos and charts are an integral part of most technical papers. For the person compiling the document for print or online venues, images present unique problems. Unlike text documents, which are readily transferable between applications and platforms, images need special attention. In order to create images which are an appropriate quality for distribution, the author must always be mindful of the format of the final output. The final format will affect how the images are created, scanned and submitted.
Birchman, Judith A. and Susan G. Miller. STC Proceedings (2001). Design>Graphic Design>Web Design
#22558
Image Tricks That Make You Look Good
Web graphics are more than just window-dressing. They function as navigational elements and provide informational design. Oh, and they need to look good, too. Learn how to add graphic zip to your Web pages by using these Dreamweaver techniques.
Berkowitz, Ivonne, Yanier Gonzalez and Janine Warner. Creative Pro (2004). Design>Web Design>Graphic Design>Dreamweaver
#28396
Don't reinvent the wheel for functional imagery. Concentrate creative effort on imagery that adds value in branding or message (content).
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Graphic Design
#19574
Interview with a Graphic Designer: Web-Document Design
Our in-house graphic designer shares her Web-document design experience.
Goldberger, Dalya. Writer's Block (1997). Design>Web Design>Graphic Design
#28437
Logos are graphical shorthand that can represent a company or product, and communicate certain characteristics.
Hunt, Ben. Web Design From Scratch (2005). Design>Graphic Design>Web Design
#25363
I want to explain why a logo should be produced in a vector program such as Illustrator or Freehand. (Vector art is LINE art -- the digital equivalent of art done in pen and ink.)
Stephens, Suz. Wise-Women (2004). Design>Graphic Design>Web Design
#32059
Admit it, effects are cool. Drop shadows, gradients, glows, bevels and the like can be a lot of fun and are ridiculously easy to apply to your designs. However, once you discover the powerful effects waiting inside today’s graphics suites, it’s easy to get carried away.
Praschan, Mark. ReEncoded (2008). Design>Graphic Design>Web Design
#21393
Natural Selections: Colors Found in Nature and Interface Design
The web is awash with sterile design solutions. IBM, Dell, Microsoft, and countless others are virtually indistinguishable from each other. Though one might say this makes browsing easier by virtue of a standardized interface, in reality such sites create mundane experiences for their users and fail to make a positive connection with their audience.
Wroblewski, Luke. Boxes and Arrows (2003). Design>Web Design>Graphic Design>Color
#22314
Optimizing Photoshop Files for Web Design
In this series of articles, we will cover a wide range of topics related to setting up Photoshop files for web design.
Photoshop Today (2000). Design>Graphic Design>Web Design>Adobe Photoshop
#22326
The Photoshop "Save for Web" Feature
As of version 5 and greater, Photoshop includes a very handy Save for Web command. This feature allows you to produce a copy of your image that is optimised for web use. This means that the image file will be as small as possible, and that the image will use only web-safe colours (if desired). Save for Web can produce GIF, JPEG, or PNG format images.
Elated (2000). Design>Web Design>Graphic Design>Adobe Photoshop
#22317
How to create all the graphics needed for an example website using Adobe Photoshop.
Vanderwood, Jacquelin. Photoshop Today (2002). Design>Web Design>Graphic Design>Adobe Photoshop
#24492
Photoshop: Create Seamless Background Tiles with the Tile Maker Filter
Photoshop can create backgrounds and textures with a combination of filters and commands, but you can also create a pattern based on a selection from a scanned image. If you define a pattern based on a small selection from a scanned image, you can use the Fill command, a Pattern layer or the Pattern Stamp tool to fill a selected area with that pattern. The pattern that you defined will be repeated horizontally and vertically to fill the selection.
Berg, Debbie. WebDeb (2002). Design>Web Design>Graphic Design
#25467
Scalable Vector Graphics (SVG) is an XML format that describes scale-independent graphics, with good support in free software and commercial tools. In this installment, David introduces scripting and animation with SVG, and touches on manipulating SVG through DOM. Because SVG is XML, it lends itself to transformation and/or generation with any of the tools and libraries you might use for XML generally.
Mertz, David. IBM (2005). Design>Web Design>Graphic Design>SVG
#20369
Readers return to sites that appear fresh and new on each visit. On a news site, magazine, or blog, stories or headlines will be updated frequently. But how can static sites keep that fresh feeling? Dan Benjamin’s free image randomizer may do the trick, and you needn’t be a programmer to install it.
Benjamin, Dan. List Apart, A (2003). Design>Web Design>Graphic Design>DHTML
#22315
Resizing Images for the Web: Photoshop Tutorial
We all have those photos that we like to on the web to share with our friends. Or, we have some terrific images we've created that need to be resized for the web. Images for the web need to be both small in file size and in physical dimensions so that our viewers don't have to scroll right to see the whole picture. In Photoshop we can adjust our huge images to fit the web quite easily.
Photoshop Today (2004). Design>Graphic Design>Web Design>Adobe Photoshop
