elaborate lettering. Calligraphy along with page layout.

Transcription

1 Just the Ad stuff

2 Middle Ages They used rounded elaborate lettering. Calligraphy along with page layout.

3 15 th century, printing press and development of moveable type. Developed the lighter more ordered page layout with subtle illustrations.

4 About communicating to the masses. Signs, posters, newspapers, periodicals and ads. Typefaces larger and catchier with bolder lettering and shading. Explore Central Pacific Railroad, The Railroad medieval art and hand crafted individual art developed.

5 Typography design ruled by convention and intuition. 10 pts is the optimum size for efficient reading for texts according to a study in 1929 by Donald G Paterson and Miles A. Tinker. In testing fonts, the same scientists found that sans serif Kabel Lite, monospaced American typewriter and neo medieval cloister black were all fine, but typewriter and cloister slowed down the reading.

6 On screen, in 1998 a study at Carnegie Mellon University found that veranda is preferred. Boils down to legibility and ease. Length of the line also matters, the longer the line, the more inclined to read. Fill in the screen.

7 Billboard, newspaper, poster typography used to pass the advertisers message. Usually bold, enlarged, colored and highlighted so that the reader doesn t miss it. Need to realize the target audience to draw them into the visual aspect of the ads. Below is one of Mrs. Gilder s many ads:

8 For example, coca cola note the calligraphy, the white and red. Recognized everywhere. Advertisement in 1890 Usage of contrast and negative space surrounding it so that it stands out more.

9 Red background, stands out against the green complimentary colors. Square box to bring in more emphasis. Again the calligraphy.

10 Ad company Pemberton, still used today. Usage of Spencerian script, just changed the C s.

11 Know your groupings com 5 principals for choosing.

12 Strokes are all the same. Less is more ideal. Strict geometric forms. Clear, objective, modern, universal but cold, boring and impersonal. Examples of Geometric/Realist/Grotes k Sans: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham. Hello, my name is. (franklin gothic).

13 Derived from handwriting. Clean and modern but has something human to their root. More detail, less consistency, involve thinner and thicker stroke weights. Seem empathetic, but can look wishy-washy and fake. Examples of Humanist Sans: Gill Sans, Frutiger, Myriad, Optima, Verdana. Veranda, veranda, veranda Gill sans, gill sans, gill sans

14 Venetian. Little contrast between thick and thin, curved letters tend to tilt to the left as in calligraphy. They are classic, traditional and readable. Cons, they are classic, traditional and readable. No one really improved these for over a century and a half Jenson, Bembo, Palatino, Garamond Garamond, Garamond, Garamond

15 Transitional occurred in mid 18 th century. Modern, late 18 th century. More geometric, sharp and virtuosic. Had thick and thin strokes, long stylish and dynamic. Con, too conspicuous and baroque (exaggerated, clear, producing drama) to be classic to stodgy (heavy and dull) to be really modern. Transitional typefaces Baskerville, times new roman, Modern serifs, Bodoni and didot. Times new roman, times new roman.

16 In style now. Has strokes that have little contrast between thick and thin and are solid. Convey a sense of authority, but can be friendly, Rockwell, courier, lubalin American frontier Clarendon, Rockwell, courier, luablin graph, archer. Add a wrinkle to anything, but can be conspicuous in the wrong surroundings.

17 m/blog/typography-rules Know their origins It is based on art and science.

18 Standard ligatures make sure that if the same letter is repeated there won t be an unattractive collision. There is space.

19 More decorative. Historical, ornamental, or fun. Spacing, spacing should match each neighboring letter otherwise it can appear disturbing in terms of rhythm. Note the difference above.

20 Monospaced raster typefaces (Wikipedia). Which means? Crisp clear characters. Extended characterset. Good use of whitespace. 'l', '1' and 'i' are easily distinguished '0', 'o' and 'O' are easily distinguished forward quotes from back quotes are easily distinguished -prefer mirrored appearance Clear punctuation characters, especially braces, parenthesis and brackets

21 The psych. Behind it. Make sure it connects with the audience. Does it fit the market?

22 What is kerning? Fine tuning the spacing between characters. Don t mess it up Needs to be aesthetically even. Important for logos and headlines.

23 LESS IS MORE. Gee where have we heard that before? Needs to have cohesiveness in the pairing. Do not use two very similar fonts. Nicky Laatz

24 No need to always use center aligned and justified. Hard to read in paragraphs. Left alignment is what we are used to. Right aligned is fine too, watch out for bumps in the text. Justified a nightmare. The right is not aligned well, what do you look at? Align this in a visually appealing way. Edge alignment places things in a margin. Then, center alignment.

25

26 You have to establish the order that you wish your audience to see first otherwise it is too challenging.

27 Ensures that every little thing on the page is placed in relation to something else. Not needed all the time. This is found in Photoshop.

28 Only use a max. of 3 different font styles. Title, subhead and body of text. This is another billboard Mrs. Gilder photographed. Note the 2 different Fonts used by BBDO.

29 First font captivating, 2 nd same thing.

30 Not all fonts are the same width nor height. When you pair fonts, make sure that they have the same height. There is a pt. system in illustrator that helps.

31 No dark text on a dark background, or a small font over a high contrast image. Here is a no.

32 Choose them wisely. Look at color theory. Orange increases appetite so use that for a food magazine. Also make sure you color choices are not too distracting. One is a no, one is a yes. Guess which one.

33 Don t have columns or words overlap. Windows is when the whole paragraph goes on top of another. Orphan is when it s a word or a letter.

34 Doing this takes away its efficiency and value. How it s designed.

35 Yes, Mrs. Gilder needs to stop saying, empty space. White space can bring attention to something. Let s the design breathe. Adds sophistication. Osabee top view in photos. Below white space brings attention to the fact that these headphones cancel out noise.

36 They are valuable to your design toolbox. You can add swirls, textures and lines to anything you find. Use them as art. Blue journal, greenery flatlay, steeped creative design in photos.

37 Like a bad haircut. Once the trend is gone, your image will look old fashioned and dull. This will be dated in a few years if not now.

38 Fairly straight forward, no need to go into this.

39 Go on line, look at text and design and layout, color ect. Graphic Design of Canada Awards.

40

41 Depends on the company. T E C H N I C A L Cool / aloof / minimal.

42 Rounded and approachable. friendly

43 Sometimes all it takes is one tweak to make this look creative. Or change all. Creative

44 Slab serif type face, looks solid and dependable. RELIABLE

45 First letter envelopes the others to show caring. Caring

46 Thin and thick strokes to Shows sophistication. Exclusivity.

47 For you logo: Look at: Casing lower? Upper? Or camel case? (2 words together, the 2 nd one capitalizing the first letter.) or title. lurenda gilder LURENDA GILDER LurendaGilder Lurenda Gilder

48 Could change the 2 nd word with a tint or a color or a difference in weight or type style. Lurenda Gilder Lurenda Gilder Lurenda Gilder

49 Tight or loose? We can stack the type too. I can also have the bottom match the top in length. lurenda gilder l u r e n d a g i l d e r LURENDA GILDER

50 Have on one feature that stands out. If anymore, too complicated to read.

51

52 Why do we need them and what they are...

53 At the very beginning of each design process, there are brainstorming and inspiration stages. Answer the basic questions, what role should play the design in the overall context. What does the design look like and what emotional impact will it have on the audience?

54 Collect many visuals first, research. Narrow it down to a few strong inspirations. Rid inconsistency. Look at the Gestalt Principles, they explain that humans cluster visuals based on their color, shape and size.

55 Get a feel of what your audience wants. This lessons errors. Your audience is myself and your classmates by the way.

56 Think about your audience and their values. Talk to others and see what they like. Collect random on line photos or graphic images. This needs to have a theme of somekind.

57 Reduce the number of ideas you have. Have a few expressive and powerful words or small sentences. Avoid vague words like awesome, lasting, quality too boring and everyone uses them.

58 Same as step 1, replace words with images. Could also have your client look up images too. No worries on image copyrights, mood boards are for private use only. If you cannot find images on line, create your own.

59

60 Choose best images and arrange them. Create a precise, expressive mood board that makes it possible to envision plans.

61 Now look at the different sizes, fonts, layouts, colors. Show me first. I ll sign off on it if it looks good. And start designing.

62 Choose which companies you would do a logo for. You need to choose 3. Do a mood board for each company. Telling me why you are going that route. Information on mood boards are below this ppt on my site. Have 2 extra alternates. 1. Record Company alternative / pop / dance. 2. A new competing company of Netflix called Forever Flicks. 3. A tech company called, Storm. 4. An opera group called you give her/him a stage name. 5. An ad agency called Alienation 6. Your choice. A lottery name. 7. Sports store Planet Superstar or Sports Chek. 8. Logo for a Rockstar / pop diva / country singer / or a folk singer. You decide on whom. 9. logo for our school 10. logo for a fashion store something along the lines of Versus.

63 A B C D Presentation is outstanding used many rules discussed in this lecture. Presentation is strong used rules discussed in this lecture. Presentation is okay. Not done Used both illustrator and photoshop. Used mostly photoshop. Used photoshop only. Original and creative. Original and somewhat creative. It s done. Strong usage of color and other elements of design. Good usage of color and other elements of design. Not many elements of design used. Design is highly complex and memorable. Design is good. Done quickly. Mood board was strong. Mood board okay. Mood board a bit disorganized.