Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
A visual system is comprised of 
chosen elements 
T 
A Jeremy Stout creation: http://thesisadvice.tumblr.com/
The elements should be 
connected to concepts 
T 
Type: 
Modern 
Bold 
Image: 
Growth 
Sustain 
Color: 
Strong 
Simple 
ht...
For consistency, once chosen the elements 
do not change 
T 
T 
http://thesisadvice.tumblr.com/
The elements have designated and specific 
Full 
Color 
Composition 
Type 
Weight 
Image 
Alignment 
characteristics 
http...
When refined the characteristics 
become rules 
Full Bare Pointy 
Color: 
Blue background 
White type 
Type: 
Gotham 
Medi...
Full 
Full 
Bare 
Bare 
Pointy 
Pointy 
Once chosen those rules 
do not change
The elements can be adapted 
to specific materials 
Full + = 
The Full Tree 
Color: 
Blue background 
White type 
Type: 
G...
The materials can change 
The Full Tree 
Treescape 
Home About Contact 
Color: 
Blue background 
White type 
Type: 
Gotham...
The visual system stays consistent 
The Full Tree 
Treescape 
Home About Contact 
Color: 
Blue background 
White type 
Typ...
Upcoming SlideShare
Loading in …5
×

Basic Visual systems

613 views

Published on

A very basic description of a design visual system and how it works. This description can be applied to more complex and robust design. It includes type, image, color, composition and rules to guide a design system.

Published in: Design
  • Login to see the comments

  • Be the first to like this

Basic Visual systems

  1. 1. A visual system is comprised of chosen elements T A Jeremy Stout creation: http://thesisadvice.tumblr.com/
  2. 2. The elements should be connected to concepts T Type: Modern Bold Image: Growth Sustain Color: Strong Simple http://thesisadvice.tumblr.com/
  3. 3. For consistency, once chosen the elements do not change T T http://thesisadvice.tumblr.com/
  4. 4. The elements have designated and specific Full Color Composition Type Weight Image Alignment characteristics http://thesisadvice.tumblr.com/
  5. 5. When refined the characteristics become rules Full Bare Pointy Color: Blue background White type Type: Gotham Medium Flush left Bottom left corner Image: Single trees No background Centered http://thesisadvice.tumblr.com/
  6. 6. Full Full Bare Bare Pointy Pointy Once chosen those rules do not change
  7. 7. The elements can be adapted to specific materials Full + = The Full Tree Color: Blue background White type Type: Gotham Medium Flush left Bottom left corner Image: Single trees No background Centered http://thesisadvice.tumblr.com/
  8. 8. The materials can change The Full Tree Treescape Home About Contact Color: Blue background White type Type: Gotham Medium Flush left Bottom left corner Image: Single trees No background Centered http://thesisadvice.tumblr.com/
  9. 9. The visual system stays consistent The Full Tree Treescape Home About Contact Color: Blue background White type Type: Gotham Medium Flush left Bottom left corner Image: Single trees No background Centered http://thesisadvice.tumblr.com/

×