Design Fundamentals COM 365 Newspaper Layout & Design.
-
Upload
dwight-welch -
Category
Documents
-
view
281 -
download
1
Transcript of Design Fundamentals COM 365 Newspaper Layout & Design.
![Page 1: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/1.jpg)
Design Fundamentals
COM 365
Newspaper Layout & Design
![Page 2: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/2.jpg)
Four basic principles
• Contrast
• Repetition
• Alignment
• Proximity
![Page 3: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/3.jpg)
Contrast
• Contrast adds interest
• Occurs when two elements are different– Usually the more contrast, the better
• Many ways to create contrast– Large-small, think-thin, etc.
![Page 4: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/4.jpg)
Mike Tyson holds his two-month old son, Miguel, in his dressing room after his fight with Lennox Lewis.
![Page 5: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/5.jpg)
• Use more contrast, then it looks planned.
Your attitude is your life.
Maximize your options.
Never take anything too seriously.
Don’t let the seeds stop you from enjoying the watermelon
Be nice.
The Rules of Life6 pt.
1 pt.
![Page 6: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/6.jpg)
SportsBriefs
SportsBriefs
SPORTSBRIEFS
SportsBriefs
![Page 7: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/7.jpg)
Contrast helps create a center of interest
Headline goes in here
Headline goes in here
![Page 8: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/8.jpg)
![Page 9: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/9.jpg)
![Page 10: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/10.jpg)
![Page 11: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/11.jpg)
![Page 12: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/12.jpg)
![Page 13: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/13.jpg)
![Page 14: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/14.jpg)
Summary of contrast
• Purpose is to (1) create interest and (2) give presentation a focus
• Make most important thing big
![Page 15: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/15.jpg)
Alignment
• Every item on a page should have a visual connection with something else on the page
• Gives order to a page
![Page 16: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/16.jpg)
Ways of aligning textThis text is flush left. Some people call it ragged right, or you can say it is left aligned.
This text is flush right.
Some people call it ragged
left, or you can say it is right
aligned.
This text is centered. It is harder to read than flush left
text.
This text is justified. It is even on both sides. It can cause problems with word spacing.
![Page 17: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/17.jpg)
James ClarkAntique Dealer
321 Main Street
Center, IL 62026
(618) 346-5252
James ClarkAntique Dealer
321 Main Street
Center, IL 62026
(618) 346-5252
Centered
Flush right
![Page 18: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/18.jpg)
Use grid for alignment
Headline goes about here Cutline goes here and is aligned flush left like this.
Photo
Text
![Page 19: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/19.jpg)
• Align cutlines under photos
The caption for this photo is set centered as and not aligned to the left with the photo.
The caption for this photo is set flush left and is aligned with the left edge of the photo.
![Page 20: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/20.jpg)
Align the tops and bottoms of stories so that they even off
![Page 21: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/21.jpg)
![Page 22: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/22.jpg)
![Page 23: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/23.jpg)
![Page 24: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/24.jpg)
Summary of alignment
• All page designs should have inner alignments– All elements should be aligned
• Purpose is to organize, unify the page
• Best way to keep things in alignment is to use a grid
![Page 25: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/25.jpg)
Proximity
• Group related items together– Physically move them close together
• Items not related should not be near each other
• Elements that are intellectually connected need to also be visually connected
![Page 26: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/26.jpg)
• Problems– Too many separate elements that all go together– Where do you start, how do you proceed to
read all five?
Antique Dealer (618) 346-5252
James Clark
Center, IL 62026321 Main Street
![Page 27: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/27.jpg)
• Good points– Nearness of visual elements implies they go together
– Page is more organized (white space)
– You know where to begin reading, where to end
James ClarkAntique Dealer
321 Main Street
Center, IL 62026
(618) 346-5252
![Page 28: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/28.jpg)
Group related photos together in layouts
![Page 29: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/29.jpg)
![Page 30: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/30.jpg)
Summary for proximity
• Items related to each other should be grouped
• Basic purpose of proximity is also to organize– Easier to read
![Page 31: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/31.jpg)
Repetition
• Repeat some aspect of the design throughout the piece
• Can be anything a reader will visually recognize
• Makes the publication seem like it all goes together
![Page 32: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/32.jpg)
![Page 33: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/33.jpg)
![Page 34: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/34.jpg)
In a newspaper repetition means:
• Using same font for headlines• Using same size, font, alignment for text,
cutlines, bylines, credit lines• This means for each story, on each page
throughout the paper
![Page 35: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/35.jpg)
![Page 36: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/36.jpg)
![Page 37: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/37.jpg)
![Page 38: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/38.jpg)
![Page 39: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/39.jpg)
![Page 40: Design Fundamentals COM 365 Newspaper Layout & Design.](https://reader033.fdocuments.net/reader033/viewer/2022061422/56649ec05503460f94bcafc3/html5/thumbnails/40.jpg)
Summary of repetition
• You can have repetition on a single page (headlines) and even more importantly throughout a document (headlines, page numbers, etc.)
• Also known as consistency
• Makes a publication look like it all goes together