To be honest, there aren’t any strict rules for webdesign. But there are some points that should be kept in mind.
Webdesign is dynamic
- neither static in the appearance – since it must work flexibly on a variety of devices, a variety of operating systems, a variety of user clients (browsers) and apps, in a variety of screen resolutions and all of it in landcsape mode and in portrait mode as well. Keyword: Responsive Design
- nor static in the contents – which are mostly retrieved dynamically from CMS and other databases, external websites, user inputs and various other sources. The dynamics of the contens have a big influence on the design.
Keep it clean and simple
In a world of information overflow, do not try to tell too much. Keep it clean and simple with meaningful pictures or graphics, short headlines with keywords, and compact body text.
A picture is worth a thousand words
More than 50% of the global internet accesses are made through mobile devices, and the percentage is still raising strongly. Design for mobile first, then for desktop.
Use large font-sizes
While the pixel density on mobile and desktop devices is still growing strongly and making texts smaller, many designers and content managers still practice the traditional font-sizes they’re used from their text editing programm for print purposes – that means 10-12px for body text, 16-24px for headlines. In webdesign, use at least 16px for bodytext and 32-64px for headings. Read this interesting article about font-sizes here.
Keep contrasts high for a better readability
The fact that a vast majority of all websites show black text on white background is easily explainable: This maximum contrast offers the best readability of all. Same for print, by the way. You may work with colors and greyscales, but keep a very high contrast between text and background, regardless of which one is dark and which one is bright. An exception are fat headlines, which can have greyscale or color values somewhere in the middle of the spectrum – since their textual shortness and large font-size are providing a superior readability:
USE SATURATED COLORS IN HEADLINES ONLY