# Design Principles

Design principles are fundamental guidelines that help designers create effective and aesthetically pleasing designs. These principles are essential in ensuring that a design is functional, visually appealing, and communicates the intended message effectively. Here are some of the key design principles, along with examples of how they can be applied:

### **Balance**

Achieving a sense of balance between elements in a design

Example: A symmetrical design with equal visual weight on each side.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1678538448821/0062c134-be94-413d-bb6a-72be178ec1d3.png align="center")

## Contrast

Creating contrast between different elements to add visual interest and emphasis

Example: A good difference between the HSB Values of the colours used

![Principles of Design — The Foundation for Appealing & Functional Designs](https://imgs.search.brave.com/NRu2pdlXjqotmfKrmBwmUhn90JPAMVNRREBexe5DLXU/rs:fit:1200:601:1/g:ce/aHR0cHM6Ly93d3cu/dGVjaHV6LmNvbS9i/bG9nL3dwLWNvbnRl/bnQvdXBsb2Fkcy8y/MDIwLzA1L0NvbG9y/LUNvbnRyYXN0LTEu/anBn align="left")

## Emphasis

Directing the viewer's attention to the most important element in a design

Example: A website with a large, bold headline or a popping visual that draws the eye.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1678538801985/2d6fac82-5401-4a95-9ce7-c089dce0ff46.png align="center")

## Unity

Ensuring that all elements in a design work together harmoniously

Example: A design with consistent use of typography, color, shapes and imagery.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1678539009097/22d3faaa-1ff7-435a-827b-70d5841b0e06.png align="center")

## Alignment

Ensuring that elements in a design are properly aligned with one another

Example: A website with a grid system that aligns all elements on the page.

[Website: Malika Favre](https://www.malikafavre.com/)

![Malika Favre](https://www.designer-daily.com/wp-content/uploads/2015/06/Malika-Favre.png align="left")

## Proportion

Ensuring that elements in a design are properly proportioned relative to one another

Example: A poster with a large main image and smaller text elements.

![](https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/070b3e8f-7dce-474e-bf29-a78b4775caf8/d86i9bl-6610e431-ddc6-4370-88c8-213bc100d053.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwic3ViIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl0sIm9iaiI6W1t7InBhdGgiOiIvZi8wNzBiM2U4Zi03ZGNlLTQ3NGUtYmYyOS1hNzhiNDc3NWNhZjgvZDg2aTlibC02NjEwZTQzMS1kZGM2LTQzNzAtODhjOC0yMTNiYzEwMGQwNTMucG5nIn1dXX0.HwGqahZtpG0pR6uTQ7FPfhr-X1ceRP9lE9Ce2GXaJok align="left")

## Repetition

Repeating visual elements throughout a design to create a sense of unity and cohesiveness

Example: A brochure with consistent use of a particular color or pattern.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1678539927039/5ae10007-fa34-4adc-a222-e4586430bd23.png align="center")

## Hierarchy

Establishing a clear order of importance among the elements in a design

Example: A newsletter with headlines of varying sizes to indicate their relative importance.

![](https://www.teenvio.com/es/wp-content/uploads/2012/09/plantilla-html-pueblo-newsletter-email-marketing.jpg align="left")

## White Space

Using empty space strategically to create a sense of balance and visual interest

Example: A minimalist website with ample white space to draw attention to key elements.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1678540144736/6f4ccc5b-8bd1-439f-b13d-510af8b5f497.png align="center")

## Functionality

Ensuring that a design is functional and serves its intended purpose

Example: A mobile app with an intuitive user interface that makes it easy to navigate.

![](https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/08bdd610-250f-4d74-a056-7c3e16e03f03/d932e9u-e518aaab-c125-4147-b136-d4d60dafe84c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzA4YmRkNjEwLTI1MGYtNGQ3NC1hMDU2LTdjM2UxNmUwM2YwM1wvZDkzMmU5dS1lNTE4YWFhYi1jMTI1LTQxNDctYjEzNi1kNGQ2MGRhZmU4NGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.UCdrj9_XAEvGjZYDslqYkHcwEvntQ8FBO32TobZOZOM align="left")