v s a v a b b v r f ygfybadyd s j r y bvd ABCD F o r G raphic Design ers
ABCD of Graphic Designers
b fy r y
Published in May, 2018 Fashion Communication Department
National Institute of Fashion Technology Site No. 21, 27th Main, Sector 1, HSR Layout Bengaluru, Karnataka - 560102 All rights are reserved by Riya Singhai, NIFT. No part of this publication can be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic , mechanical or photocopy without prior permission. Printed in India
2
v s a v a b b v r f ygfybadyd s j r y bvd
v s a v a b b v r f ygfybadyd s j r y bvd 4
About The Book
Color Palette
Graphic Design is a field where one can communicate his ideas on to a paper. Typography is part of graphic design that is concerned with design elements that can be applied to the letters and text. Combining these elements, the book ‘ABCD’ is a collection of 26 alphabets. A glossary of terms that play important role in life of a graphic designer. To make it interesting each letter is illustrated in a way that it communicates its meaning and maintains the interactivity with the reader.
ABCD of Graphic Designers
A Alignment
Keeping the elements on the page connected, or aligned, so the elements, when put together, flow well.
6
ABCD of Graphic Designers
B BOLD
A set of type characters that are darker and heavier than normal.
8
ABCD of Graphic Designers
C C OMPLEMENTARY COLORS
The colors that are opposite of each other when viewed on the color wheel.
10
ABCD of Graphic Designers
D DOODLE ART
Doodles are simple drawings that can have representational meaning or may just be composed of random and abstract lines.
12
ABCD of Graphic Designers
E
E M B O S S I N G
Allows a font or image to take on a threedimentional look by adding in highlights and shadows.
14
ABCD of Graphic Designers
F
F O I L S TA M P I N G
The application of adding metallic foil to permanently adhere it to the surface below.
16
ABCD of Graphic Designers
G GRID
The framework that guides a design’s element placement.
18
ABCD of Graphic Designers
H HYPHENATION
Break words across lines, in a paragraph. It can be a space-saver, and can also give large blocks of text a more uniform appearance.
20
Hyphenate
ABCD of Graphic Designers
I INVERT
To switch to the opposite. This can be in selection, or in tonal values of an image.
22
ABCD of Graphic Designers
J JUSTIFY
You can set the alignment of text to Justify, which stretches the line of text across to fill the width of the whole text frame. This can be a really effective way of neatening the appearance of text and getting rid of any ragged lines.
24
J J J J J J J J J
J J JJJ J J JJJ J J JJJ J J JJJ JJJ JJJ JJJ JJJ JJJ JJJJJJJJ JJJJJJ
J J J J J J J J J
J J J J J J J J J
ABCD of Graphic Designers
K KERNING
Defines the process of adjusting the space between individual characters.
26
ABCD of Graphic Designers
L LOREM IPSUM
Placeholder words that keep a layout in place until the true content is written. Sometimes called Greek, or Dummy Copy.
28
L
Icidunt od utendi offic to volupta tibusdaest ame pla ventus as aut volupti iur simus sim que lorem ipsum quiducius nonsequunde parum aborehe ntibusa eratur alitatem quatet quia aceptibus, erum quide nimi, que reroris explige ntionsequi tem. Ut latur aliandi squissitatem volendi dolor solenis este pore voluptam iur, voluptatia nem dellaccuscit elibus, aut volesti ut volupta tquatecae pore lab is voluption lorem ipsum posa verum re voluptasit volentis et, ipsam qui cor re nienis antorit latur mo comnihicil ilique volupta tempeli cienis iuntota erisque veliqua spelit, qui autecto eaturem facit destem fugitio lorem ipsum nsenimus re ates ullesti antoreptur? Antore, qui corempe eaquoditi vendia que quos aut voloris sinvenim lacipsum explictur? Olorese m experio conjri sum utectemquam, corum quidelesti cum digenis reicia a pelignatur, sae lorem ipsum nonemquo bea quias es andicillorum nimus quae verciatiorit ulpa core venis modicab oriorum fugiam quo beatem et lacilis quia con eaque inveria.
ABCD of Graphic Designers
M MASKING
Masking layers is a valuable compositing technique for combining multiple photos into a single image or for removing a person or object from a photo.
30
ABCD of Graphic Designers
N NEGATIVE SPACE
An important concept to understand when creating typography for display, negative space is the empty or blank space that surrounds an object, character, word, or phrase.
32
ABCD of Graphic Designers
O OPACITY
The degree of a color or tonal value. The opacity of an image or object that can range from transparent (0% opacity) to opaque (100% opacity).
34
ABCD of Graphic Designers
P PIXEL
Pixel is a single point in a graphic image. Graphics monitors display pictures by dividing the display screen into thousands (or millions) of pixels, arranged in rows and columns.
36
ABCD of Graphic Designers
Q QWERTY
QWERTY is a keyboard design for Latin-script alphabets. The name comes from the order of the first six keys on the top left letter row of the keyboard The QWERTY design is based on a layout created for the Sholes and Glidden typewriter and sold to Remington in 1873.
38
ABCD of Graphic Designers
R REBUS
A rebus is a puzzle device which combines the use of illustrated pictures with individual letters to depict words and/or phrases.
40
ABCD of Graphic Designers
S
SERIF/ SANS SERIF Serif font in typography, is a small line attached to the end of a stroke in a letter or symbol. A typeface with serifs is called a serif typeface. A typeface without serifs is called sans-serif or sans serif, from the French sans, meaning “without�.
42
ABCD of Graphic Designers
T TEXT WRAP
A term used in page layout software, specifically to the way text can be shaped around the edges of images.
44
Xerepuda ecuptium quis pro eos num, omnisqui voluptatque illab ipsum quatiorit dolum, ullent laccum nos et vel ilis nis qui doluptin ea pa cor asit de simintota consequi quidem re verat faciatis sunt. Minus et res iunti doloreperro tem siminve lendunt ioriberum duciuribus ped endero cullabo reserem quidi am acernamus aut unt esecullor sequi te ellite sunditatem illamus, volo quam eario. Rat. Ibus accust, que idebit il minus aliciam idelis et exeritibus.Etur? Lendi dolupta nis conserf eribus. Ovidiatum id ute ex et ipsaect aspicab orrorro qui tem iusto ea aut millum rerum et moloribusant voluptam ercimaxime nones as as mil iminvenis explici dolum que net vent faccata eptiatur? Is dem ent lab ipis corrovit quidemo lescidel magnatur? Essit, atiumquiam fuga. Et quam seque omnihici ut mo venit amustium as quiam entibeaque re, officillit, conseni ullo dolupta quamus escius aut accab incillu ptatiaspicim laboriae porisquo cusamus conseque apicium harit, es es ullestibust, cus eost et quae duciusam solorumquid mintis ea idit dellate mpeliquibus, et eum iduciti demporest ipsantis archici maximos iditio. Et ped quam labo. Ut eum voluptas dollessi dolorporrum facepereicit fugia quodi dis earchiciur ad exerum et acerempor restes eatia velestet essequodit aliatec tiuntis ra derro escimpo reptur maximus aliquat. Aperum la voluptis et volut laborum nonsed que vellit que volupta del inienderum natem qui iniatinctus quis estibus si oc-
cum quatur? Imos maximi, aut et, tecatque andam, ommodip saniminverum fuga. Offictentia ius expe dolorunt etur? Quiam harum et od que con re, to ma conse nobis rem fugiaectem que pelibus aliqui suntio. Ita derferit, susapienis et liquist, solor aut acillita aut rat laborum que sima conseque pel ipsa dit optia dus, consequis asintiantia dem faciet et harcid quatiusdae quodipsanti dolupta voloratio. Alitatur, to od eossim ullab ipis ducia quo comnihi llignis velignatur? Elent laut a dolupta vendam quiduci tatate num quis remossimus se ommoloriam a est, oditemodite doluptatur sae porescia nihil maximoluptae venectus. Ipsam, quibuste corentis mod mi, cum amusdaectis sitaqui blant, venet rersperit voluptamet dolo ditis velic te es dero inus, expelentempe voluptas doleniet quiatur rempero tem aut ulpa con preperumqui dicium que pelibus, et exeremp orposandae aliciis mollatusam, untotatempe et quis qui bearum sit, esectec ulparcid et labore, nonsediti qui quia solum earchil itatur, qui ressim faceptios qui dolupita quidit exped quia simetus eicil mollatu rercientio et elia volor aut est faccabo. Evellen imolupis non rem harum et lam, optate non cuptaspe volorerchit, cus cus audam verumquuntia doluptaque prae et, tecatur, sitatibus. Beat ut eum nus exeritet et lia solendentur, omnis ipsunt aut as de maio. Maximet enectotae conesti blab ipsapis et est, alibus et, as verioriam, que volupta de volorro volorempore
ABCD of Graphic Designers
U UNDERLINE
Drawn line under (a word or phrase) to give emphasis or indicate special type. TIP: Underlining is for typewriters; italic is for professional text.
46
ABCD of Graphic Designers
V V ECTOR GRAPHIC
Vector graphics allow the designer to expand or reduce the vector graphic in size without any loss in quality using curves, points, lines, and polygons.
48
v
ABCD of Graphic Designers
W WATERMARK
A watermark is a recognizable image or pattern in paper that appears as various shades of lightness/darkness when viewed by transmitted light, caused by thickness or density variations in the paper.
50
ABCD of Graphic Designers
X X- HEIGHT
x-height is the distance between the baseline of a line of type and tops of the main body of lower case letters. The x-height is a factor in typeface identification and readability.
52
abc
ABCD of Graphic Designers
Y YELLOW
One of the subtractive primary colors of CMYK (cyan, magenta, yellow, and black) that is used in four-color process inks.
54
ABCD of Graphic Designers
Z ZIG-ZAG
A zigzag is a pattern made up of small corners at variable angles, though constant within the zigzag, tracing a path between two parallel lines; it can be described as both jagged and fairly regular. Looks like a Z or a row of Zs joined together
56
ABCD of Graphic Designers
Riya Singhai National Institute of Fashion Technology
58