Elegant Web UI Design Techniques: Flat Design & Colors

Iniziamo. È gratuito!
o registrati con il tuo indirizzo email
Rocket clouds
Elegant Web UI Design Techniques: Flat Design & Colors da 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