Types of web design

Have you ever wondered why some websites have a stationary layout which does not change the width while browsing but others with contents popping/sliding?

This is because of the various types of design used in creating the web page called the #webdesign/web layouts.

Static Page Layout:

Fixed/Static web pages have a layout width that doesn’t change on resizing the browser, no matter what device the website is being viewed on. On smaller devices, such as smartphones or tablets, web pages with a static layout are harder to view and can be annoying.

Dynamic Website Layout:

A dynamic website has the ability to generate changing contents each time it’s viewed. Dynamic Website design can be simple or complex depending on the customer’s design/development needs.

Liquid or Fluid design layout

In a web page with fluid design, on resizing the browser, the content on the page spreads itself out to fill the width of the browser when expanded.

Responsive design layout

In a responsive web page, it is easier to view websites on different devices in forms that are easy to read and navigate. This avoids the user from having to resize, pan or scroll through the web page to read the website’s content. Essentially the website is easily view able and usable on desktop computers, tablets and smartphones.

Websites created using responsive design are designed to display different content as the browser is expanded or reduced to predetermined sizes.

Adaptive Web Design

AWD detects the screen size and then pulls the appropriate static layout from a programmed library of options.

For new sites, RWD is generally the easiest way to go.

Companies need to analyse which devices their target audiences are viewing their #website on in order to determine the best design structure of their website.