Fresh Styles for Web Designers
Eye Candy from the Underground
Published on 31. August 2001
Book
Paperback/Softback
224 pages
978-0-7357-1074-0 (ISBN)
Description
In a light and friendly voice, the author introduces the reader to new ways of styling websites. With specific examples for each of ten categories, he provides a wealth of techniques for the designer who wishes to apply these approaches in their own work. The styles are broken down into ten categories, which are:
Gothic Organic School
Wireframe Icon School
Lo-fi Grunge School
Paper Bag School
Mondrian Poster School
Pixelated Punk Rock School
1950?s Hello Kitty School
HTMinimaLism School
DraftingTable/Instruction Manual School
Super Tiny SimCity School Further explorations in the book help designers determine which style choices would be most appropriate when changing the look of their own sites.
Gothic Organic School
Wireframe Icon School
Lo-fi Grunge School
Paper Bag School
Mondrian Poster School
Pixelated Punk Rock School
1950?s Hello Kitty School
HTMinimaLism School
DraftingTable/Instruction Manual School
Super Tiny SimCity School Further explorations in the book help designers determine which style choices would be most appropriate when changing the look of their own sites.
More details
Language
English
Place of publication
United States
Publishing group
Pearson Education (US)
Target group
College/higher education
Dimensions
Width: 231 mm
Thickness: 12 mm
Weight
830 gr
ISBN-13
978-0-7357-1074-0 (9780735710740)
Copyright in bibliographic data and cover images is held by Nielsen Book Services Limited or by the publishers or by their respective licensors: all rights reserved.
Schweitzer Classification
Person
Curt Cloninger is a web designer, writer, and net artist. His commercial design portfolio includes sites like the award-winning (and revenue- generating) integritymusic.com. Curt is also a popular speaker at industry-wide internet conferences, and a regular contributor to design zines such as A List Apart. His net art has been exhibited at the Museum of Image and Sound in Sao Paulo, Brazil, archived on rhizome.org, and featured in digital art publications like On/Off and Neural. Curt lives at lab404.com, plays at playdamage.org, and continues to hold the heretical belief that beauty enhances usability.
Content
1. Introduction.
The Web Is Like...the Web. The Problems: Legalism, Copycatting, and Print. Problem 1: The Usability Legalists. Problem 2: The "One Size Fits All" Syndrome. Problem 3: The Virus of Print Design. The Solution: Personal Passion.
2. Gothic Organic Style.
Symmetry Is Death: Entropy8. Chaos Does Commerce: Conscience Records. Behind the Velvet Rope: Janet Jackson. Analogesque Background Textures. Foreground Images with Irregular Borders. Transparent Animated Gifs. Controlled Window Sizes. Intentional Exploitation of Vertical Scrolling. Sites Mentioned in This Chapter.
3. Grid-Based Icon Style.
Mike Cina: Mies Van Der Rohe Meets Kid A. Nike Women: A Blueprint for Business. Serbia: Aesthetic Usability. Creating Geometric Shapes at 45-Degree-Angle Increments. Step 1: Save as Gifs. Step 2: Save as Flash Animations. Melding Photography with Grid-Based Layouts. Using Chartjunk as Design. Sites Mentioned in This Chapter.
4. Lo-Fi Grunge Style.
As Close to Print as the Web Should Get. Saksi's Personal Sites: Faux-Functional Finnish Fashion Fodder. Grungy Commerce: Nokian Tyres. Background/Foreground Gif Pairing. Scanlines. Brushes for Smudges. Motion Within a Collage. Sites Mentioned in This Chapter.
5. Paper Bag Style.
Funny Garbage's Kipple: MacGyver Does Web Art. P2: The Kids Grow Up. Levi's Vintage: The Revolution Will Be Marketed. gURL and Ka-Ching: 25% Paper Bag Communities. Paper Bag Textures. Intentional Misalignment and Sloppy Boundaries. Judicious Color Usage. The Nomadic Navigation Bar. Sites Mentioned in This Chapter.
6. Mondrian Poster Style.
Vitra Design Museum and the Bauhaus Archive: Design Serving Design. 617: Fashion Jedi. American Institute of Graphic Arts: Design Serving Designers. Lundstrom Architecture: Built to Impress. Holistic Browser Window Design. The Frames Solution. The Full-Screen Flash Solution. The Fixed-Size Solution. The Pop-Up Window Solution. Navigation Integrated into Overall Page Design. Intentional Color Palette. Sites Mentioned in This Chapter.
7. Pixelated Punk Rock Style.
A Brief Orientation in Disorientation. Fake Malfunction. Rigged Navigation. Missing or Misleading Signposts. Perpetual Motion and Noise. Unorthodox Image Cropping, Enlargement, and Subject Matter. Rogue Multimedia. Full-Screen Control. onmouseover Functions. Big Old Ugly HTML Text. Sites Mentioned in This Chapter.
8. SuperTiny SimCity Style.
Kaliber 10000: God Is in the Details. flipflopflyin: It's the Idea That Counts. db-db: In a Station of the Metro. cnn.com/CAREER: Will Work for Pixels. Tiny Pixelated People, Buildings, and Objects. Pixelated Fonts. Extreme Compartmentalization. Sites Mentioned in This Chapter.
9. HTMinimaLism.
Simple for Sale: 37signals. gettyone: Selling Made Simple. A List Apart: Better Reading Through CSS. endquote: Sometimes Nothing Is a Real Cool Hand. Jovino: Relatively Speaking. CSS Font Control. Color Schemes. An Inflatable Alphabet. Table-Formed Fonts. Sites Mentioned in This Chapter.
10. Drafting Table/Transformer Style.
Mike Young: The Ghost in the Machine. chapter3: A Darker Shade of Pale. Hyperprism and MTV2 UK: Spatial Navigation. Mercury Vehicles: Unbutton Your Soul. 3D Modeling Software. Tiny Illegible Type. Sites Mentioned in This Chapter.
11. 1950s Hello Kitty Style.
Amy Franceschini: Welcome to My Daydream. Post Tool: Exuberant Minimalism/ Minimalistic Exuberance. Avant Card and You Grow Girl: Commerce with an Impish Grin. Tiny 3D Bubble People/Large 3D Text. Rounded, Organic Borders. Pastel Palettes. '50s Fonts/'50s Art. Sites Mentioned in This Chapter.
12. Conclusion.
The Cake Decorators Have Become the Carpenters. It's the Experience, Stupid. The Web Is Like a Party.
Index.
The Web Is Like...the Web. The Problems: Legalism, Copycatting, and Print. Problem 1: The Usability Legalists. Problem 2: The "One Size Fits All" Syndrome. Problem 3: The Virus of Print Design. The Solution: Personal Passion.
2. Gothic Organic Style.
Symmetry Is Death: Entropy8. Chaos Does Commerce: Conscience Records. Behind the Velvet Rope: Janet Jackson. Analogesque Background Textures. Foreground Images with Irregular Borders. Transparent Animated Gifs. Controlled Window Sizes. Intentional Exploitation of Vertical Scrolling. Sites Mentioned in This Chapter.
3. Grid-Based Icon Style.
Mike Cina: Mies Van Der Rohe Meets Kid A. Nike Women: A Blueprint for Business. Serbia: Aesthetic Usability. Creating Geometric Shapes at 45-Degree-Angle Increments. Step 1: Save as Gifs. Step 2: Save as Flash Animations. Melding Photography with Grid-Based Layouts. Using Chartjunk as Design. Sites Mentioned in This Chapter.
4. Lo-Fi Grunge Style.
As Close to Print as the Web Should Get. Saksi's Personal Sites: Faux-Functional Finnish Fashion Fodder. Grungy Commerce: Nokian Tyres. Background/Foreground Gif Pairing. Scanlines. Brushes for Smudges. Motion Within a Collage. Sites Mentioned in This Chapter.
5. Paper Bag Style.
Funny Garbage's Kipple: MacGyver Does Web Art. P2: The Kids Grow Up. Levi's Vintage: The Revolution Will Be Marketed. gURL and Ka-Ching: 25% Paper Bag Communities. Paper Bag Textures. Intentional Misalignment and Sloppy Boundaries. Judicious Color Usage. The Nomadic Navigation Bar. Sites Mentioned in This Chapter.
6. Mondrian Poster Style.
Vitra Design Museum and the Bauhaus Archive: Design Serving Design. 617: Fashion Jedi. American Institute of Graphic Arts: Design Serving Designers. Lundstrom Architecture: Built to Impress. Holistic Browser Window Design. The Frames Solution. The Full-Screen Flash Solution. The Fixed-Size Solution. The Pop-Up Window Solution. Navigation Integrated into Overall Page Design. Intentional Color Palette. Sites Mentioned in This Chapter.
7. Pixelated Punk Rock Style.
A Brief Orientation in Disorientation. Fake Malfunction. Rigged Navigation. Missing or Misleading Signposts. Perpetual Motion and Noise. Unorthodox Image Cropping, Enlargement, and Subject Matter. Rogue Multimedia. Full-Screen Control. onmouseover Functions. Big Old Ugly HTML Text. Sites Mentioned in This Chapter.
8. SuperTiny SimCity Style.
Kaliber 10000: God Is in the Details. flipflopflyin: It's the Idea That Counts. db-db: In a Station of the Metro. cnn.com/CAREER: Will Work for Pixels. Tiny Pixelated People, Buildings, and Objects. Pixelated Fonts. Extreme Compartmentalization. Sites Mentioned in This Chapter.
9. HTMinimaLism.
Simple for Sale: 37signals. gettyone: Selling Made Simple. A List Apart: Better Reading Through CSS. endquote: Sometimes Nothing Is a Real Cool Hand. Jovino: Relatively Speaking. CSS Font Control. Color Schemes. An Inflatable Alphabet. Table-Formed Fonts. Sites Mentioned in This Chapter.
10. Drafting Table/Transformer Style.
Mike Young: The Ghost in the Machine. chapter3: A Darker Shade of Pale. Hyperprism and MTV2 UK: Spatial Navigation. Mercury Vehicles: Unbutton Your Soul. 3D Modeling Software. Tiny Illegible Type. Sites Mentioned in This Chapter.
11. 1950s Hello Kitty Style.
Amy Franceschini: Welcome to My Daydream. Post Tool: Exuberant Minimalism/ Minimalistic Exuberance. Avant Card and You Grow Girl: Commerce with an Impish Grin. Tiny 3D Bubble People/Large 3D Text. Rounded, Organic Borders. Pastel Palettes. '50s Fonts/'50s Art. Sites Mentioned in This Chapter.
12. Conclusion.
The Cake Decorators Have Become the Carpenters. It's the Experience, Stupid. The Web Is Like a Party.
Index.