![Page 1: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/1.jpg)
WEBSTYLESWEBCANDY FROM THE
UNDERGROUND
![Page 2: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/2.jpg)
GOTHIC ORGANIC STYLE
![Page 3: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/3.jpg)
Organic: uses human forms, plant forms, organic shapes and textures as building blocks
Gothic: death rock, black clothing, self mutilating performance art, cadavers, decay, dark backgrounds
![Page 4: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/4.jpg)
Guggenheim New York
Guggenheim Bilbao
![Page 5: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/5.jpg)
Entropy8.com by Aurelia Harvey:webmuseum
.dk: http://wm.re-cph.com/39
![Page 6: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/6.jpg)
![Page 7: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/7.jpg)
Analogue Background Textures.
Foreground Images with Irregular Borders.
Transparent Animated Gifs.
Controlled Window Sizes.
Intentional Exploitation of Vertical Scrolling.
![Page 8: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/8.jpg)
GRID-BASED ICON STYLE
![Page 9: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/9.jpg)
Respect for Bauhaus Design
Fetish for maps, charts and graphs
Exploit the limits of the web for fun and profit
Found objects
![Page 10: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/10.jpg)
http://www.testpilotcollective.com/
![Page 11: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/11.jpg)
Melding Photography with Grid-Based Layouts.
Using Chartjunk as Design.
![Page 12: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/12.jpg)
LO-FI GRUNGE STYLE
![Page 13: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/13.jpg)
Color bleeding
Smudges
Irregularities
Dirty
Pre-digital underground poster
Anti-Grid
![Page 14: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/14.jpg)
Der kr ves QuickTime og ᄒ ᆰet TIFF (ukomprimeret)-komprimeringsv rkt j,ᄒ
for at man kan se dette billede.
Control skateboards, deck graphics 1998
By Miika Saksi http://www.sueellen.org
![Page 15: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/15.jpg)
Mesoa by gamedesigner and webdesigner Jukka Merikantos, 1999 sampling and montage – inspiration: David Carson and 1990’ies magazines Emigre and Beach Culture.
![Page 16: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/16.jpg)
Scanlines.
Brushes for Smudges.
Motion Within a Collage
![Page 17: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/17.jpg)
PAPER BAG STYLE
![Page 18: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/18.jpg)
Cartoonish
Playful
Seemingly sloppy design
Colorless palette
Asymmetrical fonts
Scanned sketchbook drawings
Paperbag texture
![Page 19: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/19.jpg)
![Page 20: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/20.jpg)
King Kipplehttp://funnygarbage.com
1996 Dada-aesthetics - newspaper cut up, sketches, gif animations and humor
![Page 21: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/21.jpg)
Christopher and Matthew Pacetti:
/http://www.p2output.com
http://www.stereomedia.net/
![Page 22: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/22.jpg)
Paper Bag Textures.
Intentional Misalignment and Sloppy Boundaries.
Judicious Color Usage.
The Nomadic Navigation Bar.
![Page 23: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/23.jpg)
MONDRIAN POSTER STYLE
![Page 24: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/24.jpg)
Advantage of negative space
Bold blocks of color
Full screen
Minimalistic
![Page 25: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/25.jpg)
Piet Mondrian, Compositions 1930
![Page 27: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/27.jpg)
Joshua Davies: http://www.once-upon-a-forest.com/
About his colors: http://www.apple.com/pro/profiles/joshuadavis/
Der kr ves QuickTime og ᄒ ᆰet TIFF (ukomprimeret)-komprimeringsv rkt j,ᄒfor at man kan se dette billede.Der kr ves QuickTime og ᄒ ᆰet TIFF (ukomprimeret)-komprimeringsv rkt j,ᄒfor at man kan se dette billede.
Der kr ves QuickTime og ᄒ ᆰet TIFF (ukomprimeret)-komprimeringsv rkt j,ᄒfor at man kan se dette billede.Der kr ves QuickTime og ᄒ ᆰet TIFF (ukomprimeret)-komprimeringsv rkt j,ᄒfor at man kan se dette billede.
![Page 28: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/28.jpg)
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.
![Page 29: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/29.jpg)
PIXELATED PUNK ROCK STYLE
![Page 30: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/30.jpg)
Media aware webstyle
Off-putting
Disorientation
Annoying
User-unfriendly
Dada
Abstract
Surrealistic
![Page 31: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/31.jpg)
http://www.day-dream.com/studio/reel.htmlhttp://www.dream7.com/http://www.hi-res.net/http://www.soulbath.comhttp://www.dream7.com/vizpoetry/eyesout_retraction.htm
![Page 32: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/32.jpg)
Rogue Multimedia.
Full-Screen Control.
onmouseover Functions.
Big Old Ugly HTML Text.
![Page 33: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/33.jpg)
SUPERTINY SIMCITY STYLE
![Page 34: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/34.jpg)
Pixel Picassos:
Low-res video game designers from the 1980’ies - darlings of the modern web design underground
![Page 35: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/35.jpg)
Kaliber 10000 The Designers Lunchbox
http://www.k10k.net/
http://db-db.com/loves/you/
![Page 36: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/36.jpg)
Tiny Pixelated People, Buildings, and Objects.
Pixelated Fonts.
Extreme Compartmentalization.
![Page 37: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/37.jpg)
HTMininimaLism
![Page 38: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/38.jpg)
Guru Jakob Nielsen
Beauty from the code
Effective communication
Clean, uncluttered look
Quick loading Gifs
No-nonsense attitude
![Page 39: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/39.jpg)
http://www.gettyimages.com
http://www.useit.com/ Jacob Nielsen
http://www.facebook.com/
http://www.apple.com/
Der kr ves QuickTime og ᄒ ᆰet TIFF (ukomprimeret)-komprimeringsv rkt j,ᄒ
for at man kan se dette billede.
![Page 40: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/40.jpg)
DRAFTING TABLE/TRANSFORMER STYLE
![Page 41: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/41.jpg)
Bold conglomeration of 3D shapes floating in seminegative space.
Futuristic sci-fi look
Inspiration from instruction manuals and small print disclaimers
Cryptic navigation elements
Edgy and aggressive
![Page 43: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/43.jpg)
![Page 44: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/44.jpg)
Arkitekt Zaha Hadid
![Page 45: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/45.jpg)
3D Modeling Software. 3dsmaxOpen Source: Blender 2D til at skabe 3D: Auto-Illustrator
Tiny Illegible Type.
![Page 46: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/46.jpg)
1950s HELLO KITTY STYLE
![Page 47: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/47.jpg)
Funky amalgam of Japanese comics, Swiss marionettes and 1950ies chrome metal campers
Amy Franceschini
3D bubble people
Surrealistic environment
Retro futuristic from the 1950ies
![Page 48: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/48.jpg)
FutureFarmers i 1950er Hello Kitty Style
![Page 49: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/49.jpg)
Amy Franceschini: Atlasmagazine.com,
![Page 51: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/51.jpg)
Tiny 3D Bubble People/Large 3D Text.
Rounded, Organic Borders.
Pastel Palettes.
50s Fonts/50s Art
![Page 52: WEBSTYLES WEBCANDY FROM THE UNDERGROUND. GOTHIC ORGANIC STYLE](https://reader030.vdocument.in/reader030/viewer/2022032706/56649dea5503460f94ae512e/html5/thumbnails/52.jpg)
Kilde:
Curt Cloninger: Fresh Styles for Web Designers. New Riders, 2001
http://lab404.com