Layout design by group6

Layout design by Hong Zhang (group 6)

Define layout design

Layout, also known as layout design, graphic design of a large branch, mainly refers to the use of modeling elements and forms of principle, the layout inside the text font, images, graphics, lines, forms, color and other factors, in accordance with certain requirements for choreography and visual arts to express way and through the presentation of these elements make the viewer feel some intuitive meaning to pass.

Layout is not only used for typesetting books among web pages, advertisements, posters and images related to the plane will be used in many areas of the layout. Good layout can better convey the author wants to convey information, or to enhance the effect of information transmission, and can enhance legibility, so after the layout is much more eye-catching and beautiful. Layout design is the art technology combined with ideas and choreography work, the unity of art and technology.

Design layout step

1) Conceive and draw sketches. There may be a number of sketches alternative.

2) Select the design draft. Select from a sketch or a few closer to the design requirements, and further depicts its details.

3) Artwork. After selection of the final design, will be starting to design, layout, drawing and others.

4) Sample. Finished the layout design should be make a sample and check the layout design. If an error occurs, it can go back previous step to continue to modify, and make sure the layout design is perfect.

Grid of Layout design

Also known As the Swiss design. Grid layout is a graphic design method and style. That is using fixed of grid layout, the style simple and neat. After World War II, This style of layout design becomes most popular and mainstream style of publication design.

Basic grid design

Two-column grids: (Most popular type)

Two-column grids are very simple and most using in magazine and newsletters.

However, in popular publications, landscape of two-column grids be too wide to reading and given reader a feeling of comfortably.

Three-column grids:

Three-column grids more agility to design the layout, because the picture can use one column, two column, or all of the column.

Four-column or above

If you have many picture, text, and graphics, this style of column more flexibility and more place to insert.

Example

The following picture is four-column grid design.
The first three-column is about the topic, and last one column is contact author
But the users can manual scroll horizontally to read the topic.

When you click the menu button, the all page will move to another page, such as flash motion.
http://melissahie.com/

This layout design is creative layout.
The author is using when your mouse move to the number or abc, the selected of project will hang in the air.
http://www.jeremylevine.com/

creative ideas. Open this website, move the mouse to black card there, the black card will auto fly away. And then click the "1561" card, some of card will fly out and some of card stand the floor. It is interesting of layout.
http://www.seymourpowell.com/flash/

References

Page Layout Design ,[online] Available at: <http://www.serif.com/appresources/ppx5/tutorials/en-gb/tutorials/design_grid.htm/>[Accessed 22rd September 2013]

Grid (graphic design)  ,[online] Available at: <http://en.wikipedia.org/wiki/Grid_(graphic_design)/>[Accessed 23rd September 2013]

Vitaly Friedman,40 creative design layouts:Getting out of the box  ,[online] Available at: <http://www.smashingmagazine.com/2008/09/03/40-creative-design-layouts-getting-out-of-the-box//>[Accessed 24rd September 2013]