fbpx
WE CREATE BRANDS PEOPLE L♥VE
Share

The 4 Principles of Design


Tegra - February 19, 2020 - 0 comments

THE 4 PRINCIPLES OF DESIGN

THE 4 PRINCIPLES OF DESIGN 🖥

Courtesy of @ux.patricia

Creating a good design is not so difficult if we keep some basic rules in mind 🧠

The interesting thing about this is that those principles are the same ones for any kind of design: Print, graphic, illustration or UX / UI Design, etc.

Specifically, basic design skills can help you brand your UI Design and present your message in a professional, creative way 💥.

〰️ 1. ALIGNMENT 🎹
Alignment helps you to organize the elements of your design.
As a general rule, the edges of your images should line up with the margins of your text. This principle generates clean lines and plenty of white space that appeal to your readers visually.

〰️ 2. REPETITION 📱
Repetition means that you should reuse some key themes in your design so that readers can easily recognize and identify your pattern or your design Brand in general. You can also utilize repetition with the shapes and elements you use.

〰️ 3. Proximity 🧮
When you place the relevant elements and words close to each other on the page, you send a visual signal to the reader that these elements have something in common and belong together somehow.

〰️ 4. CONTRAST 📤
Different colors, shapes, and sizes will draw your readers’ attention best. It helps to choose a color scheme that combines light and dark shades. So stick to two or three different design elements to keep your layout unified and keep the focus on your most important elements.

1. ALIGNMENT  Alligment provides cognitive stability and visual relationships. Every Element in the UI should be aligned with one or more other elements.

Alignment

Alignment provides cognitive stability and visual relationships. Every Element in the UI should be aligned with one or more other elements.

PrOXilllity  Elements close to each other are perceived as a single group. Unrelated items are visually seperated. Group certain elements contextually to form a perceived whole.

Proximity

Elements close to each other are perceived as a single group. Unrelated items are visually separated. Group certain elements contextually to form a perceived whole.

Repetition 
Repetition is used to create a visual hierarchy -fonts, colors, textures, and graphical elements. Reusing elements of those visual elements create cohesiveness.

Repetition

Repetition is used to create a visual hierarchy -fonts, colors, textures, and graphical elements. Reusing elements of those visual elements create cohesiveness.

Contrast  A lack of contrast between text and background strains the eyes because they don't know which color to focus. Contrast draws attention towards specific elements.

Contrast

A lack of contrast between text and background strains the eyes because they don't know which color to focus on. Contrast draws attention toward specific elements.

All 4 principles for creating a better UI are interconnected.

All 4 principles for creating a better UI are interconnected.

Bonus — 4 tools that may be useful in your designer way:

Crello  — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.

Be free to send us any feedback by reply or reach us in DM on Instagram
Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.

Related posts

Post a Comment

Your email address will not be published. Required fields are marked *