Perspective from Color, Layout, Transition & Effects

What is Web Design?Web design is a process of implementing certain ideas and contents on an electronic web page sothat the user could interact with it with the help of a web browser.

Why Web Design is needed?Probably the foremost significant portion of a website is the

navigation. Decent navigation is always easy to find and figure

out – making for fast and comfortable travel all the way

through the overall website.

How is Psychology related to Web Design?

The four main parts of website design have the greatest effects on the psychology of

website visitors.

Content

Layout

Space

Color

Colors has the power to attract people’s attention and evoking the correct emotions.

It gives a perception about the brand.

Color

Color Website

There are normally three types of Layouts available:-

1) Fixed

2) Fluid

3) Flexible or Responsive

Layout

Fixed

Fluid

Responsive

Transitions are generally known as the changes in animation between multiple pages, shapes or outlooks to

deliver graphic permanency to the user interface.

“”It’s not just what it looks like and feels like. Design is how it works.”

… Steve Jobs

Transitions

• Animated Scrollbar

• Animated Toggles

• Collapsed forms

• Pull to refresh

• Sticky labels , etc.

Types of Transitions

Effects are various animated transitions given to a website which can attract the users and make your website look more modern and well designed.

Effects

• Hover

• Loading Animation

Types of Effects

• Non-scrolling

navigation menu

• Slider

Types of Effects

Interactive websites are not only meant to just give a modern look to your website. It alsohelps in marketing as well as presentation of your business or brand to the entire world.

What do we conclude?