subject name: graphic design subject code: 9642 md. ataur rahman instructor (design & printing)...
TRANSCRIPT
![Page 1: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/1.jpg)
Subject Name: Graphic Design
Subject Code: 9642
Md. Ataur Rahman
Instructor (Design & Printing)
M.CSE, B.CSE
![Page 2: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/2.jpg)
Lec-02Principles of Typography
![Page 3: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/3.jpg)
“Types of Type”Display typeBody TypeSerif TypefacesSans Serif TypefacesSpecialty Type
![Page 4: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/4.jpg)
Display TypeLarger type, 18 points and above18, 24, 30, 36, 48, 60, 72 Used in display pieces (posters, flyers, covers)Also used in titles, headlines, and headings
Eng. Ataur Rahman is a Great Teacher! = 28 pts bold
Eng. AtaUR Rahamn is a Great Teacher! = 18 pts bold
![Page 5: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/5.jpg)
Body TypeClassic size is 10 point Also traditionally 9, 11, and 12 pointsUsed for large blocks of textEnables reader to read easily
![Page 6: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/6.jpg)
SerifDerived from ancient Roman letter carvings
in stone in which engravers finished each stroke with a serif to correct unevenness in the baseline and cap height
Serifs are the finishing strokes at the top and bottom of a letter
![Page 7: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/7.jpg)
Sans SerifSans means
“without” serifsPlain, unadorned
lettersArialThink “Sans-A-Belt”
pants
![Page 8: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/8.jpg)
![Page 9: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/9.jpg)
Specialty TypefacesScript -- imitate calligraphyComic SansNoveltySpecial Sets (Wingdings, etc)
![Page 10: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/10.jpg)
Type FamiliesThose fonts with variations -- all in the same
family Helvetica Helvetica Bold Helvetica Narrow Arial Arial Bold
![Page 11: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/11.jpg)
Anatomy of Type
TypographyCap Height
Point Size
Serif Ascender
Descender
X-height
![Page 12: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/12.jpg)
Points vs. PicasType size is measured in points72 points per inch72 points is not quite 1 inch high, but close12 points in a pica; 6 picas to an inch, 72 points
per inchpts (points), pi (pica) InDesign uses picas or inches
![Page 13: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/13.jpg)
http://www.sallygentieuwelch.com/pixelart/picas.gif
![Page 14: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/14.jpg)
Type StyleBoldRoman (normal)ItalicUnderlineOutlineShadowShadowEmbossEmboss
![Page 15: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/15.jpg)
Text AlignmentFlush left (ragged right) Justified CenteredFlush right (ragged left)
![Page 16: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/16.jpg)
This is flush left; notice the ragged right edge. Flush left is the most common alignment. This is easier to read and maintains the word spacing and letterspacing intended by the designer of the typeface.
![Page 17: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/17.jpg)
This is justified text; notice the text is even at the right
and left. White space is evenly distributed between
words and sometimes between characters. Sometimes
words are unevenly spaced and there are “rivers and
lakes” of white space.
![Page 18: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/18.jpg)
This is flush right; notice the ragged left edge. Flush right should be used only in small blocks and in a contoured shape.
![Page 19: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/19.jpg)
This is centered text. Extra white space is distributed evenly at the left and right sides of the copy. This should be used only in small blocks, since it is not easy
to read. The shape should be contoured; if not, it may just look like
improper indentation.
![Page 20: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/20.jpg)
Text IndentationFirst lineHanging indent
What is a hanging indent? Well, I’m happy to tell you. A hanging indent is where
the top line is flush left, but the lines below are indented, just like this .
Full indent
![Page 21: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/21.jpg)
Other Important ItemsWidows -- single, incomplete line at top of a
page or columnOrphans -- same thing at the bottom of pageLeading -- vertical space b/w lines of typeKerning --reduction of horizontal space
between characters for a better fitTracking -- uniform reduction of space
between all characters in a line
![Page 22: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/22.jpg)
LeadingTracking
Kerning
![Page 23: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/23.jpg)
Always Safe -- use only one typeface, with variations in style and size
Usually Safe -- use sans serif display with serif body type
Take Your Chances -- using both sans serif and serif display and body type
Rarely Effective -- using two very similar or very dissimilar typefaces
![Page 24: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/24.jpg)
Selecting Type to Match the JobTypeface must be compatible with the messageType can be feminine, masculine, friendly,
harsh, elegant, delicate, etcStart by choosing Times Roman for formal serif
applications and Helvetica (Arial) for informal content.
![Page 25: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/25.jpg)
Rule of ThreeThree colorsThree typefaces (2 in the same family)Three type sizes:
One size and color for 2/3 of the layout One size and color for 2/3 of the remaining 1/3 Accent color and size for the remaining 1/9
![Page 26: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/26.jpg)
www.dafont.com
![Page 27: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/27.jpg)
Pre-design planningDetermine objectives of the design projectConsider the audience(s)Consider elements to be includedThink about how to project the most
appropriate image by your design
![Page 28: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/28.jpg)
Creating ThumbnailsDraw thumbnail sketches by handUse post-it notes!Or, use Powerpoint or PageMaker to draft
thumbnails
![Page 29: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/29.jpg)
Create your Design using softwareMarginsHierarchy -- determine relative importance
of each element; focus on top two priority items to help create contrast
![Page 30: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/30.jpg)
Proportion -- size of the width to the size of the height
Uneven proportions are more aesthetically pleasing than even
8 1/2 x 11 is of uneven proportionKeep unequal proportion in mind when
positioning page elements; for example, never divide a layout in half by vertically centering a title
![Page 31: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/31.jpg)
Golden Mean
![Page 32: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/32.jpg)
Not the Golden Mean!
![Page 33: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/33.jpg)
The Golden Mean!
![Page 34: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/34.jpg)
The Golden Mean!
![Page 35: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/35.jpg)
Unity -- ensure no elements appear isolated or look as though they are floating in space; use borders, lines, etc to unify the layout.
![Page 36: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/36.jpg)
Use Grids to help design your page Grids bring order & consistency Grids form a graphic backbone Grids establish a logical page layout
![Page 37: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/37.jpg)
Three Column Grid
![Page 38: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/38.jpg)
Two Column Grid
![Page 39: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/39.jpg)
![Page 40: Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE](https://reader035.vdocuments.us/reader035/viewer/2022062805/5697bfdd1a28abf838cb1dc0/html5/thumbnails/40.jpg)