A website’s design should be a reflection of its content, with the two aspects working harmoniously together. This concept, known as ‘content-out design’, is the antithesis of ‘container-first design’ where a site’s layout is decided before its content is created. The latter approach often results in a disconnect between the two, with the content forced to fit within the pre-designed structure.
In contrast, content-out design ensures that the structure of the website naturally supports and enhances the content. This approach respects the inherent fluidity of the web, allowing the content to shape the design rather than the other way around.
A key principle of content-out design is the use of ‘Intrinsic Web Design’, a term coined by Jen Simmons. This approach recognises that each piece of content has its own intrinsic dimensions and uses these to guide the overall design of the website. This results in a more organic and harmonious relationship between a site’s content and its design.
Content-out design also aligns with the principles of responsive web design, where a site’s layout adapts to the device on which it is being viewed. By allowing the content to dictate the design, a website can better adapt to different screen sizes and devices, providing a more seamless user experience.
Ultimately, a content-out design approach respects the nature of the web as a fluid and adaptable medium, ensuring that a website’s design and content are in perfect harmony.
Go to source article: https://adactio.com/journal/21084