Design Elements

Get Started. It's Free
or sign up with your email address
Rocket clouds
Design Elements by Mind Map: Design Elements

1. Line

1.1. Functions

1.1.1. Connector

1.1.2. Seperator

1.1.3. Graphs/Grids

1.2. Characteristics

1.2.1. Width

1.2.1.1. Thick

1.2.1.2. Thin

1.2.1.3. Tapering

1.2.1.4. Uneven

1.2.2. Length

1.2.2.1. Long

1.2.2.2. Short

1.2.2.3. Continuous

1.2.2.4. Broken

1.2.3. Direction

1.2.3.1. Horizontal

1.2.3.2. Vertical

1.2.3.3. Diagonal

1.2.4. Focus

1.2.4.1. Sharp

1.2.4.2. Fuzzy

1.2.4.3. Blurry

1.2.4.4. Choppy

1.2.5. Feeling

1.2.5.1. Sharp

1.2.5.2. Jagged

1.2.5.3. Graceful

1.2.5.4. Smooth

1.3. Types

1.3.1. Outlines

1.3.1.1. Lines Made By the Edge of an Object

1.3.2. Contour Lines

1.3.2.1. Lines That Describe Depth

1.3.3. Gesture Lines

1.3.3.1. Lines That Are Energetic and Capture Motion

1.3.4. Sketch Lines

1.3.4.1. Lines That Capture the Appearance of an Object

1.3.5. Calligraphic Lines

1.3.5.1. Elegant Handwriting

1.3.6. Implied Lines

1.3.6.1. Line is Not Actually Drawn

1.4. Picture

1.4.1. https://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2009/10/LineTypes.png

2. Shape

2.1. Types

2.1.1. Geometric

2.1.1.1. Triangles

2.1.1.2. Squares

2.1.1.3. Circles

2.1.2. Natural

2.1.2.1. Animals

2.1.2.2. Plants

2.1.2.3. Humans

2.1.3. Abstract

2.1.3.1. Simplified Versions of Natural Shapes

2.2. Categories

2.2.1. Geometric

2.2.1.1. Shapes

2.2.2. Organic

2.2.2.1. Things In Nature That Have Irregular Characteristics

2.2.3. Positive

2.2.3.1. Solid Forms

2.2.3.2. Space That's Being Used

2.2.4. Negative

2.2.4.1. Space That Isn't Positive Space

2.2.4.2. Can Become Positive Space Where It Meets Positive Space

2.2.5. Static

2.2.5.1. Shapes That Appear Stable and Resting

2.2.6. Dynamic

2.2.6.1. Shapes That Appear to be Moving and Active

2.3. Picture

2.3.1. https://d3ui957tjb5bqd.cloudfront.net/uploads/2013/11/2dshape_2d_shape-560x368.jpg

3. Color

3.1. Definition

3.1.1. Visible Light Only Small Part of the Electromagnetic Spectrum

3.1.2. Humans Are Limited by Our Eyes to How We Can Perceive the World

3.2. Functions

3.2.1. Attract the Eye

3.2.2. Primary Tool for Symbolism

3.2.3. Provoke Emotional Response

3.3. Picture

3.3.1. https://www.studiobinder.com/wp-content/uploads/2016/09/2-How-to-Use-Color-in-Film-Example-of-Movie-Color-Palette-and-Schemes-Color-Theory-Film-Monochromatic-Complementary-Analogous-and-Triadic-min.png?x76747

4. Texture

4.1. Definition

4.1.1. Look of an Object

4.1.2. Feel of an Object

4.2. Types

4.2.1. Visual

4.2.1.1. Illusion

4.2.2. Tactile

4.2.2.1. Physical to Touch

4.3. Categories

4.3.1. Real

4.3.2. Implied

4.4. Picture

4.4.1. http://mbitwebpagedesign.com/wp-content/uploads/2014/07/LINE.jpg

5. Space

5.1. Definition

5.1.1. Area that other elements occupy

5.2. Tips

5.2.1. Don't Trap White Space

5.2.2. Keep Text Cells Small

5.2.3. Avoid Rivers

5.3. Picture

5.3.1. http://1.bp.blogspot.com/-pEZF0a-Rwmc/TyOTd9nl5NI/AAAAAAAAEU0/oxR6rVQzCHw/s1600/negativespace-vase1.jpg

6. Size

6.1. Function

6.1.1. Different Sizes for Different Age Groups

6.1.2. Younger People and Elderly People Will Most Likely Want Bigger Fonts so That It's Easier to Read

6.1.3. Make Things More Attractive by Making Them Larger

6.1.4. Make Important Elements Large and Lesser Important Things Small

6.2. Picture

6.2.1. http://www.vanseodesign.com/blog/wp-content/uploads/2010/07/size.png