Starting with the CSS3 techniques, the ordinary squares from web designs layout elements started to be transformed in circles, triangles, hexagons or rhombuses. But, the 2012 bring in our attention a new trend what appear to be the main web design trend of the 2013 year what consist in a more unique visual flow of the website, and what can help a web designer more then the geometrical shapes?
Web standards rise continually, changing our expectations towards a website. We want to find information quickly, we want to socialize, we want to get entertained, and we want all of it to happen on a personal level. The key to designing efficient, attractive, and personal websites is the use of a wide range of engaging media.
Page layout or page composition is the process of placing and arranging and rearranging text and graphics on the page. A good composition is one that is not only pleasing to look at but also effectively conveys the message of the text and graphics to the intended audience. There are certain tried and true elements of page composition that can help insure a successful layout. You may notice that these page composition tips are closely tied to the principles of design. Continue reading
In part one of this Simple Steps series I talked about how to use a simple ratio, that of the paper size you are using, to create a symmetrical grid on which to create your designs. This, the second part in the series, will deal with other ratios and how they can be combined to create more complex grid systems.
Relating to grid systems
I’ve talked a few times about using the Golden, or ‘Divine’, Section in the grid systems you design. The Golden Section is a ratio which is evident throughout the universe as the number Phi. You can use this ratio to good effect in design by making sure that elements of your grid conform to this ratio. Using the Golden Section can ensure a natural sense of correct composition, even though it is based in mathematics it will ‘feel’ right. Continue reading
Ratios are at the core of any well designed grid system. Sometimes those ratios are rational, such as 1:2 or 2:3, others are irrational such as the 1:1.414 (the proportion of A4). This first part is about how to combine those ratios to create simple, balanced grids which in turn will help you create harmonious compositions.
Starting with a blank canvas
It’s always easier in these kinds of tutorials to put the example in context, in some kind of real world scenario. So, this is it. You’ve got to design a programme for a gallery exhibition. You know you want the size to be A4. You also know that there are going to be photographs and text, and the photographs will be of varying size. There you have it — your blank canvas. Continue reading
Think of the grid as a plan — a plan for your page layout
Many of the pages that you see everyday have a grid. You may not see it but it is there, holding up the design, establishing structure, guiding the page elements.
A grid is an invisible structure used to guide the placement of elements on your page. Grids don’t appear on the printed piece but their influence may be evident in the widths of column texts, the uniformity of space around photographs, or the consistent placement of repeating elements from page to page in a magazine. They are a series of guidelines that determine the margins of the piece, space between page elements (headlines, body text, photographs, etc.), and let you know where to put things on the blank page. Continue reading
Page layout (verb) also known as page design, page composition, document design, desktop publishing is the process of placing and arranging and rearranging text and graphics on the page to produce documents such as newsletters, brochures, books, etc. Page layout (noun) refers to the actual document page and its composition. The primary software programs for desktop publishing are called page layout applications.