Grid layout case study

GRID L

AYOUT

CASE STU

DY

This article breaks the grid nicely with a pull quote which has been placed in blue, enlarged and put in bold. Also drop caps have been used top break the overall body of text up and make it more interesting to look at. Conventionally the majority of the text is in just a standard block but these little touches make it more aesthetically stimulating and interesting. This article has a really conventional, simple structure which works well.

http://www.google.co.uk/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&docid=848cZ_iTxhjQYM&tbnid=TFxqohJXL6IaCM:&ved=0CAUQjRw&url=http://monkseatonbewsa.blogspot.com/2011/02/music-magazine-double-page-article.html&ei=-CdlUsi6IKea0QWFyoGICA&bvm=bv.54934254,d.d2k&psig=AFQjCNFUtzcwVw5g1Mrye1IwHu7CRoGGoA&ust=1382447457240557

Similar techniques have been used in this article, with the pull quote enlarged and in bold to break the main body of text up and the drop capital. However, this text has also been curved around to fit the shape of the main image as well, this adds variety and brings the main image and the text together. This is contrasted by the previous article where the text and the main image where quite separated.

http://www.google.co.uk/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&docid=zM0TSII8psT6fM&tbnid=HoB_ynCL5vf2NM:&ved=0CAUQjRw&url=http://jungleindierock.tumblr.com/post/28981312960&ei=OillUofnMLSg0wWz94GYAw&bvm=bv.54934254,d.d2k&psig=AFQjCNFUtzcwVw5g1Mrye1IwHu7CRoGGoA&ust=1382447457240557

Grid layout case study

Documents

Transcript of Grid layout case study