Composition of a webpage

Page 1

Composition of a webpage

Composition is basically the layout of your ideas composed into a design. Creating a good composition will boost the users' experience while navigating on your site leading to good conversion rate. According to Brisbane website design companies - “A good composition stands for alignment, consistency and strong unity. Composition adds a visual relevance to our layouts so that our users can understand more about their journey on a website, a type of visual sitemap.” Composition is undoubtedly the most important part of your design process - full stop. A single frame Framing a design which acts as the single point of visual focus. For example, you can create a design with a large photograph in the background, with plenty of white space or blank space and simple typography overlaid on it. It catches instant attention and looks very creative and clean.

Z Layout The Z-layout is quite self-explanatory, its the way a reader reads your webpage. Its human tendency to start reading anything from left side of the corner. Therefore, the Z layout follows the natural pattern of how our eyes might normally move when we’re scanning over a website. It starts from the top left, along to the right, down diagonally and then across again.


Rule of Thirds The rule of thirds is quite popular where in an image is split into nine equal parts- three across, three down- with elements of that image or design aligning to the edges of each of these parts. Its a vertical or horizontal arrangement of images- in layman term column and row wise. It is also used alongside other visual or composition layouts, such as the single visual, or even when creating your grid systems. Space Composition is also about space. As told by Brisbane web design companies - “This doesn’t mean that you leave vast, empty areas or negative blank space in your designs.its about using the space intelligently that is available to you. Harnessing white space or blank space is as much about providing focus for your content, as leaving empty areas.�


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.