• Optimus01
  • Optimus01
  • Optimus01

+27 11 540 0166
info@optimus01.co.za

Block A, Wedgefield Office Park
17 Muswell Road South
Bryanston, Sandton
South Africa

Optimus01 SEO / Fluid Design Explained
Fluid Design Explained

What is Fluid (liquid) design? Trying to design a website that can be viewed the same universally seems impossible. Read on to learn all about fluid design. 

What is a fluid Website Design? Most people think that the way you design a website is exactly how the viewers will see it. This is however not the case and the world of websites, computers and the internet is not that simple and confined. People will see your website differently depending on the browser, screen resolution and size. Here is everything you need to know about fluid design. 

What is Fluid Design?
If you design a website in fluid design, it means that your website will flow smoothly and fit into whatever space is available.  Fluid design is said to make a website more user friendly and accessible.

This type of design is developed because not all screens have fixed width and height. In other words, fluid design means that the website will adapt itself to the available space. This can be thought of in the same way that a liquid takes up space and moulds to the specific shape of a glass. The purpose of fluid design is to assist in trying to get the website to look the same no matter where and what sized screen you view it on.

Fluid design will ensure that all people who view the website will see it and experience it in a similar way. This type of design also prevents irritating flaws. Some examples of such flaws include too much white space, disappearing information due to lack of space and the website being rearranged in a illogical order. Fluid design is very flexible and has no constraints. It will expand and shrink to the available space on the various computer screens, this will happen no matter what browser and screens the user is viewing from.

It is believed that this type of website design is suitable for those websites that house a lot of information. This is due to the elasticity of the design. This elasticity will increase the readability of the website, therefore improving your company and increasing your profits. 

The Disadvantages of Fluid Design

  • This type of design does not work with graphicaly intensive websites. This is because they may not be clearly visible if they have to stretch or reduce in size.
  • If your text lines are too long, this may make it difficult to read. This can be prevented by creating columns in your website design and layout.
  • If some elements have a fixed width/design, any adjustments to the width within different browsers can cause the elements to display incorrectly.
  • The designer of a fluid designed website does lose a certain amount of control over how the website will look on different screens. This is because some empty space from the fixed design will work its way internally into the design.
  • This design is more difficult and time consuming in terms of designing and development.
  • Fluid design can cause problems in terms of printing and the "default page printing".
  • Image size to text proportions may create a less eligible look.
  • If the screen size is too large or small, this can lead up to unreadable text. 

The Advantages of Fluid Design

  • This design will adjust to fit any screen or resolution.
  • There is no unnecessary empty space when viewing a website that was designed in the liquid design.
  • The liquid design option is better for those with poor eyesight, as they are able to easily resize the text.
  • It is also easier to fit all the information on a higher resolution monitor.
  • Liquid design gives the user control over the webpage and text sizing.
  • The liquid design means that you never have to scroll from left to right.
  • All elements on the page will resize to fit onto the computer screen no matter the screen size.

Fluid Design Explained

Fluid design is like a liquid or water that will spread and fit into the constraints of a container. This is true for those who use fluid design when designing their websites, the website will fill up the available space on various screen sizes. The fluid design is best for those websites that are filled with text and content. With this web design, it is possible that people around the world will see the same thing no matter what the size of their screen. It is important to note that combining fixed and liquid (fluid) design is possible.

 

Client Testimonials

We use Optimus01 for all our SEO and web development. Optimus01 are an enthusiastic team of professionals and really awesome SEO work is the norm. When showing a colleague the system he remarked on how fast navigating the website was. It really is fast. The system is comprehensive and a far cry from some of the websites out there which are nothing more than brochure ware. Optimus01 have done a great job and all their effort is greatly appreciated. Being on the top makes it all worthwhile. Byron Cooke-Tonnesen

SEO Updates & News

Twitter News (total 20){UpDownScroller width:200 height:120 pause:3500}
Mon, 09 Jan 2012 10:18:51
grow your community with #twiends http://t.co/0BNI6jBu
---
Wed, 14 Dec 2011 12:55:00
Optimus01 wishes all our clients a joyous festive season and a prosperous new year! visit our website at... http://t.co/jMDFA03r
---
Mon, 12 Dec 2011 07:58:15
Optimus01 | recent clients | http://t.co/TZYEeKEm http://t.co/tcsBrqDi
{/UpDownScroller}

Follow Us

Follow Optimus01 with Twitter Follow Optimus01 with LinkedIn Follow Optimus01 on Facebook


Bookmark and Share Optimus01

DMMA Member

SEO Blog

5 Basic Rules of Website Design | About AltaVista | About Ananzi | About Ask | About Bing | About Google | About Yahoo | AdSense vs AdWords | AdWords Campaign Tips | AdWords Stats and Facts | All About DMOZ | All About Google Analytics | All About Links and Linking | Bandwidth In South Africa Explained | Banner Design Tips | Basic Website Page Requirements | Basic Website Requirements | Benefits of Advertising with Emails | Benefits SEO | Benefits of Affiliate Marketing | Benefits Of Having A Website | Benefits of SEM | Benefits of SEO versus AdWords | Blogs and Articles | Choosing The Right SEO Company | Content Management Systems (CMS) Pros And Cons | Converting Website Visitors To Sales | Copywriting Tips for Websites |Corporate Identity Tips | Custom Design vs Downloadable Template | Designing Sites for SEO | Designing User Friendly Websites | Difference Between SEO and AdWords | Different Types Of Banner Ads: Facts and Stats | Do it Yourself SEO Tips | Duplicate Content & SEO | Earned Links vs Paid for Links | Ethical SEO Practices | Ethical SEO vs. Unethical SEO | Fixed Design Explained | Flash Pros And Cons | Fluid Design Explained | Guide To Choosing The Right Website Design Company | Guidelines to Improving Website Rankings With SEO | Home Page Copywriting Tips | Home Page Design Do's and Don'ts | How Can I Recognise A Fly By Night Website Company | How Do I Know I Am Using A Good Website Company | How Do I Recognise A Fly By Night SEO Company? | How To Build Backlinks | How To Choose Relevant Directories To List On | How to Compile a Good Website Design Brief | How To Design A Site With SEO In Mind | How to get Traffic from Facebook | How to Get Traffic from Social Bookmarking Sites | How To Select A Good SEO Company | How to Use Twitter to your SEO Benefit | How To Write Good SEO Content | Importance Of A Site Map | Importance of a Website Audit | Importance Of An Accurate Website Design Brief | Importance Of Having A Website | Importance of Press Release for SEO | Importance Of SEO | Importance Of Sitemaps | Importance Of Social Networking Sites For The Web | Importance Of Website Navigation | Importance Of White Space | Internet Marketing Solutions for the Internet | Internet User Behaviour | Introduction to Banner Advertising | Keyword Tips for Website Content | Logo Design Do's and Don'ts | Logo Design Guidelines | Online Marketing Facts & Stats | Online Marketing Future Trends | Online Marketing Strategies | Online Marketing Tips | Online Media Explained | Optimising Flash Sites | Optimising Your Site for Google | Optimising Your Site for Yahoo | Optimizing Your Site for Alta Vista | Optimizing Your Site for Bing | Overview of South African Search Engines | Planning a Banner Ad Campaign | Psychology of Colours | Psychology of Logo Design | Reasons Sites get Penalized by Google | SA Internet User Statistics | Search Engine Stats and Facts | SEO & Search Engine Rankings | SEO Design Don'ts | SEO Do's and Don'ts | SEO During a Recession | SEO Facts and Stats | SEO Keyword Density Tips | SEO Misconceptions | SEO Myths | SEO Techniques | SEO Tips | SEO versus SEM | SEO Writing Tips | Signs of a Bad Web Developer | Signs of a Bad Website Company | SPAM Solutions | The Age of a Domain Name and SEO | The Google Sandbox | Things That Irritate Web Users | Tips for Creating Google AdWords that Work | Tips for Creating Online Banner Ads that Work | Tips for Writing Good Advertising Emails | Top 10 Directories to List on for SEO | Top 10 SEO Mistakes | Top 10 Website Design Tips | Warning Signs Of Bad SEO Companies | Website Analytics Jargon Explained | Website Applications - What Is What | Website Branding Ideas | Website Content Writing Tips | Website Design Do's and Don'ts | Website Design vs Print Design | Website Development Jargon Explained  | Website Marketing | Website Security Problems | Website Upgrades vs Doing A New Website | Website Usability Tips | What Are Website Audits and How Can They Help Me | What Is Black Hat SEO & White Hat SEO? | What is Internet Marketing? | What Is Mobile Development? | What Is SEO Overkill | What Makes My Website Load Slowly | Why Advertise Online | Why Does it take So Long to get SEO Results | Why Is Online Marketing So Effective? | Why is SEO Important? | Why Use An SEO Consultant?