Elegant Web UI Design Techniques: Flat Design & Colors

Начать. Это бесплатно
или регистрация c помощью Вашего email-адреса
Elegant Web UI Design Techniques: Flat Design & Colors создатель Mind Map: Elegant Web UI Design Techniques: Flat Design & Colors

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

1.1. Color schemes

1.1.1. Flat colours

1.1.2. Vibrant colours

1.1.3. Monotone colours

1.1.3.1. Tint

1.1.3.2. Tones

1.1.4. Web safe colours

1.1.5. Triadic colours

1.1.5.1. Colour wheel

1.1.6. High contrast colours

1.1.7. Bold colours

1.1.7.1. Common Color Associations

1.1.8. Bright colours

1.1.9. Gradients

2. Complementary Color Design Techniques

2.1. Color Blocking and Hover

2.1.1. Color blocking

2.1.1.1. Grid

2.1.2. Colored hover states

2.2. Pairing Color and Texture

2.3. Using Vibrant Colours

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