Layout design

Ten Basic Formats

1. Mondrian Layout
2. Picture-Window Layout
3. Copy-Heavy Layout
4. Frame Layout
5. Circus Layout
6. Multipanel Layout
7. Silhouette Layout
8. Big-Type Layout
9. Rebus Layout
10.Alphabet-Inspired Layout
Mondrian Layout
Column, cutoff, boxes, grid of squares,
rectangles
Magazine, newspaper
Mondrian Layout
http://audiofly.com/
Picture-Window Layout
generous display of picture
short headlines
Picture-Window Layout
http://www.kiinnostus.fi/autokuume/
Copy-Heavy Layout
Word speaks louder than picture
Copy-Heavy Layout
http://rule-of-three.co.uk/
Frame Layout
framing the heart of the
picture/ text
Frame Layout
Circus Layout
Variety is a main concern
May look messy
Circus Layout
http://www.skinsinteractive.com/
Multipanel Layout
comic strip / story board layout
technique
Multipanel Layout
http://www.arioch.it/ITA/
Further readings
http://concept.typepad.com/
files/layout-stages-and-
formats.pdf
Design
critique

*In a critique, designers need to uncover their clients
true opinions about the design solution being
presented.
*Clients need to provide design criticism in an
effective manner, and designers must negotiate that
feedback responsibly.
Design critiques are guided group
discussions used to elicit useful
feedback.
* Get into group
* Each group must find a website that require redesign
* E.g., Group A will assign group B to redesign a chosen website
* Members in group B will have to redesign the website to satisfy your
client (Group A)
* Next week, each group e.g., group B will present the new design to
your client (Group A) Group A will play part in giving marks
* Relate to assignment 2 (20 marks)
* Typography aspect
* Colour selection
* Layout Setting
* Suitable Design
* and other factors that are appropriate

Activity: Design critiques
* Members in group B will have to redesign the website to satisfy your
client (Group A)
* Assign roles: art director? Graphic designer? Etc.
* You will have to analyze your clients needs and demand





*GET TO WORK
Activity: Design critiques