Elegant Web UI Design Techniques: Flat Design & Colors

Get Started. It's Free
or sign up with your email address
Rocket clouds
Elegant Web UI Design Techniques: Flat Design & Colors by Mind Map: Elegant Web UI Design Techniques: Flat Design & Colors

1. Complementary Color Design Techniques

1.1. Color Blocking and Hover

1.1.1. Color blocking

1.1.1.1. Grid

1.1.2. Colored hover states

1.2. Pairing Color and Texture

1.3. Using Vibrant Colours

2. A Retrospective and Futurespective look at Color on the Web

2.1. Color schemes

2.1.1. Flat colours

2.1.2. Vibrant colours

2.1.3. Monotone colours

2.1.3.1. Tint

2.1.3.2. Tones

2.1.4. Web safe colours

2.1.5. Triadic colours

2.1.5.1. Colour wheel

2.1.6. High contrast colours

2.1.7. Bold colours

2.1.7.1. Common Color Associations

2.1.8. Bright colours

2.1.9. Gradients

3. Exploring the Evolution of the Flat Design Revolution

3.1. Flat design types

3.1.1. Flat design 1.0

3.1.2. Flat design 2.0

3.1.3. Almost flat design

3.1.4. Material design

3.2. Flat design tool box

3.2.1. Long shadows

3.2.2. Bright color palletes

3.2.3. Simple Typography

3.2.4. Buttons

3.2.4.1. Ghost button

3.2.4.2. Flat button

3.2.4.3. Gradient buttons

3.2.4.4. Text buttons

3.2.5. Minimalism

3.3. Types of web design

3.3.1. Adaptive design

3.3.2. Responsive design

3.4. Wireframes types

3.4.1. Low-Fidelity wireframes

3.4.2. Annotated wireframes

3.4.3. Userflow wireframes

3.4.4. Interactive high definition wireframes