Fluid Design or Liquid Layout – Before and After

Responsive Design

As I’ve said in a prior post, contemporary websites should be responsive on all devices. That means that the mobile user should have an experience that allows them to navigate and see all the information they need without having to resize or turn their device from vertical to horizontal. This often employs an app-like design for mobile separate from the full-screen design.

Liquid Design

Another concept is fluid design, also known as liquid layout. A fluid design takes in to consideration the width of the screen and adapts content in percentages to fill the space. Fluid design IS responsive design, but it adds the additional feature of maintaining the design elements throughout all screen sizes. With fluid design, you do not have a separate layout for mobile, the design simply adapts to every screen.

User Experience

MacKenzie Arts & Design believes a design that adjusts easily to different devices creates a better user experience. Our liquid layouts adapt to every screen so your customers get a pleasant experience regardless of the device they use to view your website.

In a mobile world, people have to make choices about what they read. When you think about user experience, an image truly is worth 1000 words. We encourage great use of photography and graphic elements in our designs to communicate your ideas and concepts.

Compare this before and after:



We hope you’ll give us the opportunity to update your website. Please get in touch.