View
215
Download
0
Category
Preview:
Citation preview
WEBSTYLESWEBCANDY FROM THE
UNDERGROUND
GOTHIC ORGANIC STYLE
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
Guggenheim New York
Guggenheim Bilbao
Entropy8.com by Aurelia Harvey:webmuseum
.dk: http://wm.re-cph.com/39
Analogue Background Textures.
Foreground Images with Irregular Borders.
Transparent Animated Gifs.
Controlled Window Sizes.
Intentional Exploitation of Vertical Scrolling.
GRID-BASED ICON STYLE
Respect for Bauhaus Design
Fetish for maps, charts and graphs
Exploit the limits of the web for fun and profit
Found objects
http://www.testpilotcollective.com/
Melding Photography with Grid-Based Layouts.
Using Chartjunk as Design.
LO-FI GRUNGE STYLE
Color bleeding
Smudges
Irregularities
Dirty
Pre-digital underground poster
Anti-Grid
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
Mesoa by gamedesigner and webdesigner Jukka Merikantos, 1999 sampling and montage – inspiration: David Carson and 1990’ies magazines Emigre and Beach Culture.
Scanlines.
Brushes for Smudges.
Motion Within a Collage
PAPER BAG STYLE
Cartoonish
Playful
Seemingly sloppy design
Colorless palette
Asymmetrical fonts
Scanned sketchbook drawings
Paperbag texture
King Kipplehttp://funnygarbage.com
1996 Dada-aesthetics - newspaper cut up, sketches, gif animations and humor
Christopher and Matthew Pacetti:
/http://www.p2output.com
http://www.stereomedia.net/
Paper Bag Textures.
Intentional Misalignment and Sloppy Boundaries.
Judicious Color Usage.
The Nomadic Navigation Bar.
MONDRIAN POSTER STYLE
Advantage of negative space
Bold blocks of color
Full screen
Minimalistic
Piet Mondrian, Compositions 1930
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.
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.
PIXELATED PUNK ROCK STYLE
Media aware webstyle
Off-putting
Disorientation
Annoying
User-unfriendly
Dada
Abstract
Surrealistic
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
Rogue Multimedia.
Full-Screen Control.
onmouseover Functions.
Big Old Ugly HTML Text.
SUPERTINY SIMCITY STYLE
Pixel Picassos:
Low-res video game designers from the 1980’ies - darlings of the modern web design underground
Kaliber 10000 The Designers Lunchbox
http://www.k10k.net/
http://db-db.com/loves/you/
Tiny Pixelated People, Buildings, and Objects.
Pixelated Fonts.
Extreme Compartmentalization.
HTMininimaLism
Guru Jakob Nielsen
Beauty from the code
Effective communication
Clean, uncluttered look
Quick loading Gifs
No-nonsense attitude
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.
DRAFTING TABLE/TRANSFORMER STYLE
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
Arkitekt Zaha Hadid
3D Modeling Software. 3dsmaxOpen Source: Blender 2D til at skabe 3D: Auto-Illustrator
Tiny Illegible Type.
1950s HELLO KITTY STYLE
Funky amalgam of Japanese comics, Swiss marionettes and 1950ies chrome metal campers
Amy Franceschini
3D bubble people
Surrealistic environment
Retro futuristic from the 1950ies
FutureFarmers i 1950er Hello Kitty Style
Amy Franceschini: Atlasmagazine.com,
Tiny 3D Bubble People/Large 3D Text.
Rounded, Organic Borders.
Pastel Palettes.
50s Fonts/50s Art
Kilde:
Curt Cloninger: Fresh Styles for Web Designers. New Riders, 2001
http://lab404.com
Recommended