Layout(advt.) by sarath
-
Upload
sarath-allapra -
Category
Documents
-
view
736 -
download
0
Transcript of Layout(advt.) by sarath
![Page 1: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/1.jpg)
LAYOUT
SARATH
![Page 2: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/2.jpg)
LAYOUTS A layout is a plan that imposes order
and at the same time creates an arrangement that is aesthetically (beauty) pleasing.
Types of layouts Picture window All art Panel or grid Dominant type or all copy
![Page 3: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/3.jpg)
Circus Nonlinear Grunge
![Page 4: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/4.jpg)
Picture window One of the most common layout formats
is one with single,dominant visual that occupies about 60 to 70 percent of add space.
The logo or signature signs of the message at the bottom.
![Page 5: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/5.jpg)
![Page 6: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/6.jpg)
All Art The art fills the frame of the ad and the
copy is embedded in the picture.
![Page 7: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/7.jpg)
![Page 8: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/8.jpg)
Panel or Grid A layout can use a number of visuals of
matched proportional sizes. If there are multiple panels all of the
sample size , the layout can look like a window pane or comic strip panel.
![Page 9: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/9.jpg)
![Page 10: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/10.jpg)
All Copy All copy advertisement in which the
headline is treated as type art.
![Page 11: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/11.jpg)
![Page 12: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/12.jpg)
circusA layout combines lots of elements – art type , color – to deliberately creates a busy , jumbled image.
![Page 13: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/13.jpg)
![Page 14: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/14.jpg)
Nonlinear
A contemporary style of layout can be read starting at any point in the image. This style of ad work for young people.
![Page 15: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/15.jpg)
![Page 16: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/16.jpg)
Grunge
A style of layout that shows what is presumed to be a generation X-inspired lack of concern for the formalities of art , design, type styles and legibility.
![Page 17: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/17.jpg)
![Page 18: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/18.jpg)
DESIGN PRINCIPLES Design has both functional and
aesthetic needsMakes the message easy to perceiveMakes it attractive and pleasing to the eye
Common Principles Direction Dominance Unity White space Contrast Balance Proportion Simplify, simplify,
simplify
![Page 19: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/19.jpg)
Direction—creating a visual path for the eyeDominance—the point of emphasisUnity—elements fuse into one coherent imageWhite space—area not covered by art or typeContrast—makes elements stand out from one anotherBalance—formal and informal, Proportion—equally proportions of elements are visually uninterestingSimplify, simplify, simplify—the fewer the elements, the stronger the impact
![Page 20: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/20.jpg)
CONTRAST
![Page 21: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/21.jpg)
WHITE SPACE
![Page 22: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/22.jpg)
Formal balance can create a very orderly look and feel.
BALANCE (FORMAL)
![Page 23: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/23.jpg)
BALANCE (INFORMAL)
Informal balance can create desired eye movement through
an ad.
![Page 24: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/24.jpg)
Proportion
![Page 25: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/25.jpg)
Unity
![Page 26: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/26.jpg)
SIMPLIFY
![Page 27: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/27.jpg)
LAYOUT STAGES
1. Thumbnails
2. Rough layout
3. Comprehensive
4. Mechanicals
![Page 28: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/28.jpg)
Thumbnail Sketches Rough Layout
MechanicalsComprehensives
![Page 29: Layout(advt.) by sarath](https://reader036.fdocuments.net/reader036/viewer/2022062523/58ecfc901a28abba7e8b464b/html5/thumbnails/29.jpg)