Basic Principles and Elements of Web Design

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

1. Wix

2. Balance occurs when all the design elements are equally distributed through the design.

2.1. 2 Types of Balance

2.1.1. Symmetrical The majority of content is placed in the center column, and other supporting content is placed in two columns equally sized on both sides of the center column.

2.1.2. Asymmetrical the weight of the content and images being on the left side, and the right narrower column is sparser with information.

3. Elements of Design

3.1. Line

3.1.1. can enhance the comprehension and readability of a design

3.2. Shape

3.2.1. used to convey meaning and organize information

3.3. Texture

3.3.1. Look and feel of a surface

3.4. Color

3.4.1. used to generate emotions, define importance, create visual interest and unify branding

3.5. Size

3.5.1. used to convey importance, attract attention, and create contrast

3.6. Space

3.6.1. used to separate or group information

3.7. Value

3.7.1. Value is how light or dark an area looks in a design

4. Principles of Design

4.1. Balance

4.2. Contrast

4.2.1. Contrast shows the differences between elements on the page

4.3. Emphasis

4.3.1. With emphasis, designers showcase what is of highest priority in the design

4.4. Rhythm

4.4.1. Rhythm or repetition is the expression of visual harmony within a design

4.5. Unity

4.5.1. Unity is achieved when all the design elements relate to one another and project a sense of completeness.

5. Templates and Online Platform

5.1. Weebly

5.2. WordPress

5.3. Facebook Pages


6.1. Graphical Imaging

6.2. Graphical Design