{"id":47599,"date":"2021-06-11T14:49:07","date_gmt":"2021-06-11T14:49:07","guid":{"rendered":"http:\/\/tonydoovisuals.com\/?p=47599"},"modified":"2021-06-11T14:49:20","modified_gmt":"2021-06-11T14:49:20","slug":"51-design-terms-explained-simply-for-non-designers","status":"publish","type":"post","link":"https:\/\/tonydoovisualshq.com\/?p=47599","title":{"rendered":"51 Design Terms Explained Simply For Non-Designers"},"content":{"rendered":"\n

Getting thrown into the world of graphic design can sometimes feel like learning a new language.<\/em><\/p>\n\n\n\n

Kerning, tracking, warm colors, cool colors, CMYK, RGB, OMG. There are a lot of technical terms thrown around and it can get confusing at the best of times. But, if you\u2019re finding yourself confused, never fear \u2013 we\u2019re here to help.<\/p>\n\n\n\n

So, whether you\u2019re a new designer yourself, are just a little curious, or are simply trying to decipher your designer\u2019s emails, sit back and relax as we break down some common terms for you.<\/p>\n\n\n\n

01. <\/strong>Typography<\/strong><\/p>\n\n\n\n

The artistic arrangement of type in a readable and visually appealing way. Typography usually concerns the design and use of various typefaces in a way that helps to better visually communicate ideas.<\/p>\n\n\n\n

Do you know all 20 of the typography mistakes every beginner makes?<\/a><\/p>\n\n\n\n

Better2Web<\/a><\/p>\n\n\n\n

02. <\/strong>Body Copy<\/strong><\/p>\n\n\n\n

The main part of text in your design or publication \u2013 the written website content, the book contents, even this type you\u2019re reading right now, it\u2019s all body copy.<\/p>\n\n\n\n

TwoPoints.Net<\/a><\/p>\n\n\n\n

03. <\/strong>Display Type<\/strong><\/p>\n\n\n\n

Type that is designed with the objective of attracting attention. Think of movie titles on posters, article titles in magazines, newspaper headlines, etc.<\/p>\n\n\n\n

TBA+D<\/a><\/p>\n\n\n\n

04. <\/strong>Hierarchy<\/strong><\/p>\n\n\n\n

The visual arrangement of design elements in a way that signifies importance. For example, you might make a title big and bold to ensure it attracts more attention than a small, lightly colored image caption.  <\/p>\n\n\n\n

Do you know the 5 principles of effective visual hierarchy?<\/a><\/p>\n\n\n\n

Why Every Design Needs Three Levels Of Typographic Hierarchy<\/a><\/p>\n\n\n\n

05. <\/strong>Kerning<\/strong><\/p>\n\n\n\n

The adjustment of space between two characters in your type. Kerning usually aims to achieve a more proportional and pleasing balance of space between each character.<\/p>\n\n\n\n

Want to learn more about kerning? Read our beginner\u2019s guide to kerning like a designer.<\/a><\/p>\n\n\n\n

\"05-kerning-branded\"\/<\/figure>\n\n\n\n

06. <\/strong>Leading<\/strong><\/p>\n\n\n\n

Pronounced \u2018ledding\u2019, leading refers to the space between lines of type. Overly tight leading can cause tension and overlap, making the content unreadable, and too-loose leading can equally make the type appear disjointed, so we usually try to find a nice balance between the two.<\/p>\n\n\n\n

\"06-leading-branded\"\/<\/figure>\n\n\n\n

07. <\/strong>Tracking<\/strong><\/p>\n\n\n\n

Tracking concerns the space between letters. When we track bodies of text, we are adjusting space between every letter in a word in order to change the density or appearance of a large block of type (i.e. body copy). Tracking shouldn\u2019t be confused with kerning, which concerns the adjustment of space between individual pairs of letters.<\/p>\n\n\n\n

\"07-tracking-branded\"\/<\/figure>\n\n\n\n

08. <\/strong>X-Height<\/strong><\/p>\n\n\n\n

The average height of lowercase letters. X-height gets its name as this value is usually exemplified by looking at the height of the letter x in any given typeface.<\/p>\n\n\n\n

Read more about X-Height and other typographic terms in the Design School\u2019s visual guide to typography.<\/a><\/p>\n\n\n\n

\"08-xheight-branded\"\/<\/figure>\n\n\n\n

09. <\/strong>Ascender<\/strong><\/p>\n\n\n\n

The part of a lowercase letter that extends above the x-height. Some common examples of this are \u2018b\u2019, \u2018d\u2019, \u2018f\u2019, etc.<\/p>\n\n\n\n

Read more about Ascenders and other typographic terms in the Design School\u2019s visual guide to typography.<\/a><\/p>\n\n\n\n

\"09-ascender-branded\"\/<\/figure>\n\n\n\n

10. <\/strong>Descenders<\/strong><\/p>\n\n\n\n

The part of a lowercase letter that extends below the x-height. Some common examples of this are \u2018g\u2019, \u2018j\u2019, \u2018p\u2019, etc.<\/p>\n\n\n\n

Read more about Ascenders and other typographic terms in the Design School\u2019s visual guide to typography.<\/a><\/p>\n\n\n\n

\"10-descender-branded\"\/<\/figure>\n\n\n\n

11. <\/strong>Orphans and Widows<\/strong><\/p>\n\n\n\n

The words or short lines that appear by themselves at the top or bottom of a column of type. It\u2019s always a good (and easy) idea to check over your body copy before finishing up, and manually removing these when they appear.<\/p>\n\n\n\n

20 Typography Mistakes Every Beginner Makes \u2013 And How You Can Avoid Them<\/a><\/p>\n\n\n\n

12. <\/strong>Serif Typeface<\/strong><\/p>\n\n\n\n

A typeface with small decorative strokes (called \u2018serifs\u2019) found at the end of horizontal and vertical lines. Serif typefaces tend to look professional, authoritative, and traditional in appearance.<\/p>\n\n\n\n

Abraham Lincoln by Frances MacLeod<\/a><\/p>\n\n\n\n

13. <\/strong>Sans Serif Typeface<\/strong><\/p>\n\n\n\n

A typeface without the small decorative serif strokes. Sans serifs tend to look more modern, stylish, and cleaner than their serif counterparts.<\/p>\n\n\n\n

Maven Pro by Joe Prince<\/a><\/p>\n\n\n\n

14. <\/strong>Script Typeface<\/strong><\/p>\n\n\n\n

A typeface that mimics cursive handwriting. Script typefaces tend to look elegant, personal, and\/or more casual, depending on how embellished they are.<\/p>\n\n\n\n

Mission Script by James T. Edmondson<\/a><\/p>\n\n\n\n

15. <\/strong>Slab Serif Typeface<\/strong><\/p>\n\n\n\n

A typeface with thicker, blockier serifs, very commonly used in headlines and titles, but rarely in body copy. Slab serifs tend to look sturdier, stronger, and bolder.<\/p>\n\n\n\n

Carton by Nick McCosker<\/a><\/p>\n\n\n\n

16. <\/strong>Legibility<\/strong><\/p>\n\n\n\n

The measure of how easy it is to distinguish one letter from the next. Legibility has a lot to do with your choice of typeface and how you use it, i.e. simpler serif or sans serif typefaces are generally better for smaller body copy.<\/p>\n\n\n\n

\"16-legibility-branded\"\/<\/figure>\n\n\n\n

17. <\/strong>Alignment<\/strong><\/p>\n\n\n\n

The lining up of elements to achieve balance, order, and a more logical layout. There are also four common types of typographical alignment \u2013 center, left, right, and justified, each with their own time and place for application.<\/p>\n\n\n\n

Read more about alignment and other typographical tips here!<\/a><\/p>\n\n\n\n

\"17-alignment-captions\"\/<\/figure>\n\n\n\n

18. <\/strong>Pull Quote<\/strong><\/p>\n\n\n\n

A short quote or excerpt pulled from the main text and used as a visual element to help highlight important ideas and draw interest to the piece. Pull quotes are very common in magazine design.<\/p>\n\n\n\n

Mikael Fl\u00f8ysand<\/a><\/p>\n\n\n\n

19. <\/strong>Palette<\/strong><\/p>\n\n\n\n

The selection of colors that you choose to use for your design.<\/p>\n\n\n\n

For more tips on building a beautiful color palette check out these color secrets from designers<\/a>.<\/p>\n\n\n\n

Canva<\/a><\/p>\n\n\n\n

20. <\/strong>Monochrome<\/strong><\/p>\n\n\n\n

A color scheme built out of only one color, including lighter and darker tones of that color.<\/p>\n\n\n\n

\"20-monochrome-branded\"\/<\/figure>\n\n\n\n

21. <\/strong>Analogous<\/strong><\/p>\n\n\n\n

A color scheme built out of three colors that are next to each other on the color wheel.<\/p>\n\n\n\n

\"21-analogous-branded\"\/<\/figure>\n\n\n\n

22. <\/strong>Complementary<\/strong><\/p>\n\n\n\n

A color scheme built out of two colors that sit opposite each other on the color wheel.<\/p>\n\n\n\n

\"22-complementary-branded\"\/<\/figure>\n\n\n\n

23. <\/strong>Triadic<\/strong><\/p>\n\n\n\n

A color scheme built out of three colors equally spaced around the color wheel.<\/p>\n\n\n\n

\"23-triadic-branded\"\/<\/figure>\n\n\n\n

24. <\/strong>CMYK<\/strong><\/p>\n\n\n\n

CMYK or \u2018Cyan, Magenta, Yellow, Key\u2019, is a color model that is used for print purposes. CMYK is a subtractive color, this means that we begin with white and end up with black. So, as we add more color, the result turns darker.<\/p>\n\n\n\n

LCI Paper<\/a><\/p>\n\n\n\n

25. <\/strong>RGB<\/strong><\/p>\n\n\n\n

RGB or \u2018Red, Green, Blue\u2019 is a color model that is used for on-screen purposes. RGB is a additive color, meaning that when mixing colors, we start with black and end up with white as more color is added.<\/p>\n\n\n\n

LCI Paper<\/a><\/p>\n\n\n\n

26. <\/strong>Pantone (PMS)<\/strong><\/p>\n\n\n\n

The \u2018Pantone Matching System\u2019 is a standardized system of colors for printing. Every Pantone shade is numbered, making it much easier for people to reference and identify exact shades of color.<\/p>\n\n\n\n

Neverland Studio<\/a><\/p>\n\n\n\n

27. <\/strong>Warm Colors<\/strong><\/p>\n\n\n\n

Colors that make you think of heat and warmth, like reds, yellows, oranges, etc. These colors tend to feel cozier, friendlier, and more cheerful. You are able to add more warm tones to an image or photograph by increasing the orange tones in your image.<\/p>\n\n\n\n

\"27-warm-branded\"\/<\/figure>\n\n\n\n

28. <\/strong>Cool Colors<\/strong><\/p>\n\n\n\n

Colors that make you think of colder temperatures, like blues, greens, violets, etc. These colors tend to create a calm and soothing atmosphere. You are able to add cooler tones to an image or photograph by increasing the blue tones in your image.<\/p>\n\n\n\n

\"28-cool-branded\"\/<\/figure>\n\n\n\n

29. <\/strong>Color Theory<\/strong><\/p>\n\n\n\n

The study of how colors make people feel and respond. Certain colors tend to evoke certain subconscious emotions and feelings in people \u2013 for example, we tend to associate blue with trust and dependability, hence why so many corporate businesses have blue logos and branding.<\/p>\n\n\n\n

Do you want to learn 10 color inspiration secrets only designers know about?<\/a><\/p>\n\n\n\n

The Marketer\u2019s Guide To Designing A Memorable Brand That Catches On<\/a><\/p>\n\n\n\n

30. <\/strong>Gradient<\/strong><\/p>\n\n\n\n

A gradual change in color from one tone into another. Two common types of gradients are the linear gradient where each color sits on opposite sides of the frame, and a radial gradient where one color sits in the middle, and another at the edge.<\/p>\n\n\n\n

\"30-gradient-branded\"\/<\/figure>\n\n\n\n

31. <\/strong>Opacity<\/strong><\/p>\n\n\n\n

The degree of transparency an element has. The lower the opacity, the more transparent an element is.<\/p>\n\n\n\n

\"31-opacity-branded\"\/<\/figure>\n\n\n\n

32. <\/strong>Resolution<\/strong><\/p>\n\n\n\n

The amount of detail an image has. Generally speaking, the higher your resolution, the better your images appear, and the more detail is rendered. Whereas lower resolution images or graphic tend to appear blurry, pixelated or muddy.<\/p>\n\n\n\n

\"32-resolution-branded\"\/<\/figure>\n\n\n\n

33. <\/strong>Contrast<\/strong><\/p>\n\n\n\n

The degree of difference between two juxtaposed elements. Some other common types of contrast are dark vs. light, thick vs. thin, rough vs. smooth, etc.<\/p>\n\n\n\n

Want to find out how you can use contrast in your designs like the experts?<\/a><\/p>\n\n\n\n

\"33-contrast-branded\"\/<\/figure>\n\n\n\n

34. <\/strong>Saturation<\/strong><\/p>\n\n\n\n

The degree of intensity and vividness of a color. For example, a low-saturation color may appear paler, and faded, whereas a more heavily saturated color may appear more vibrant and colorful.<\/p>\n\n\n\n

\"34-saturation-branded\"\/<\/figure>\n\n\n\n

35. <\/strong>Stock Photo<\/strong><\/p>\n\n\n\n

A professionally shot photograph available online for licensing. Stock photos are usually used in lieu of hiring a photographer, or if a designer cannot access the images they need from their own inventory of photographs.<\/p>\n\n\n\n

For a guide to the very best places to find beautiful, free, high quality stock imagery, be sure to check out this list of 74 sites!<\/a><\/p>\n\n\n\n

Unsplash \u2013 Olenka Kotyk<\/a><\/p>\n\n\n\n

36. <\/strong>Rule Of Thirds<\/strong><\/p>\n\n\n\n

Rule of Thirds is a theory that if you divide your image with two vertical and two horizontal lines, the areas where your lines intersect will become focal points of your design.<\/p>\n\n\n\n

Photography Mad<\/a><\/p>\n\n\n\n

37. <\/strong>Brand<\/strong><\/p>\n\n\n\n

A collection of concepts, ideas, and emotions that encapsulate your company\u2019s values and ethos. A brand is a mix of all the fine conceptual details that make up the company, from the content the brand promotes, the way employees talk, the words used, the values upheld, etc.<\/p>\n\n\n\n

For more information on building a brand that sticks, be sure to check out these 12 simple steps to creating a memorable brand.<\/a><\/p>\n\n\n\n

12 Simple Strategies All Memorable Brands Use To Leave a Lasting Impression<\/a><\/p>\n\n\n\n

38. <\/strong>Brand Identity<\/strong><\/p>\n\n\n\n

The visualisation of your brand (see definition above) in a way that represents the values, content and ethos of the company. This can include things like a logo, business cards, letterheads, uniforms, packaging design, etc.<\/p>\n\n\n\n

Want to learn how to build a brand identity in 5 days?<\/a><\/p>\n\n\n\n

\"38-brandidentity\"\/<\/figure>\n\n\n\n

39. <\/strong>Logotype<\/strong><\/p>\n\n\n\n

A type of logo where the name of the company designed in a visual way. Think of brands like Google, Ikea, Disney.  <\/p>\n\n\n\n

Creative Bloq<\/a><\/p>\n\n\n\n

40. <\/strong>Brandmark<\/strong><\/p>\n\n\n\n

A type of logo design where a symbol is used in place of the company name, i.e. the Apple logo. Brandmarks are commonly accompanied by a logotype, but not always.<\/p>\n\n\n\n

Creative Bloq<\/a><\/p>\n\n\n\n

41. <\/strong>Thumbnail Sketch<\/strong><\/p>\n\n\n\n

No, not the kind of thumbnail on your hand. Thumbnail sketches are rough drawings of potential design concepts or solutions. These sketches are used to visualise and grow various ideas and concepts by hand before moving to the screen.<\/p>\n\n\n\n

Adham Dannaway<\/a><\/p>\n\n\n\n

42. <\/strong>Grid<\/strong><\/p>\n\n\n\n

A framework made up of evenly divided, intersecting columns and rows. Grids help designers to align and arrange elements in a quicker, neater, and more consistent way.<\/p>\n\n\n\n

Ready to get creative with grids? Here are 5 design ideas using grids.<\/a><\/p>\n\n\n\n

20 Design Rules You Should Never Break<\/a><\/p>\n\n\n\n

43. <\/strong>Scale<\/strong><\/p>\n\n\n\n

The change of size of an object while keeping its shape and proportions in tact. Large scale can create drama, and smaller scale can create fine detail.<\/p>\n\n\n\n

Get started with scale. Here are 5 creative ways to use scale in your designs<\/a>.<\/p>\n\n\n\n

Erin Fakler<\/a><\/p>\n\n\n\n

44. <\/strong>Texture<\/strong><\/p>\n\n\n\n

When it comes to design, texture can refer to the actual tactile surface of a design, or the visual tactility of your design. By layering textured images and graphics over your design, you can often create a visual appearance of tactility that mirrors actual texture.<\/p>\n\n\n\n

Wander<\/a><\/p>\n\n\n\n

45. <\/strong>White Space<\/strong><\/p>\n\n\n\n

Also called \u2018negative space\u2019, white space refers to the areas of a design that are not filled with content. White space is an important design element as it helps to let a design \u2018breathe\u2019, helps avoid overly complicated designs, and keeps designs looking clean.<\/p>\n\n\n\n

See why white space can be your best friend in design<\/a>.<\/p>\n\n\n\n

Chris Ballasiotes<\/a><\/p>\n\n\n\n

46. <\/strong>Margins<\/strong><\/p>\n\n\n\n

The space around the edge of a page. By increasing or decreasing the size of your page\u2019s margins you can create a more calming or a more tense design respectively. The example below has larger, more open margins.<\/p>\n\n\n\n

Jo\u00e3o Oliveira<\/a><\/p>\n\n\n\n

47. <\/strong>Die Cut<\/strong><\/p>\n\n\n\n

The process of cutting areas of your printed design in various shapes to create unique effects. Diecuts are created after printing and are classed as a finishing process.<\/p>\n\n\n\n

Atipo<\/a><\/p>\n\n\n\n

48. <\/strong>Foil Stamping<\/strong><\/p>\n\n\n\n

The heat-pressing application of foil to certain parts of a design to give them a shiny, metallic finish.<\/p>\n\n\n\n

Congostudio<\/a><\/p>\n\n\n\n

49. <\/strong>Letterpressing<\/strong><\/p>\n\n\n\n

The process of using metal plates to press a design into the surface of paper to create dimensional indentations.<\/p>\n\n\n\n

Get inspired with letterpress with a stunning collection of 50 letterpress business cards.<\/a><\/p>\n\n\n\n

Eli Kleppe<\/a><\/p>\n\n\n\n

50. <\/strong>Lorem Ipsum<\/strong><\/p>\n\n\n\n

Also known as \u2018dummy copy\u2019, lorem ipsum is a generic filler text used when the real text is not available. It\u2019s used as placeholder text to demonstrate how a design will look once the real body copy has been included.<\/p>\n\n\n\n

LRB Blog<\/a><\/p>\n\n\n\n

Well, there you have it, a small dose of some of the more common terms that you might encounter when working with (or as) a graphic designer.<\/p>\n\n\n\n

Whether you\u2019re a designer or not, do keep in mind that while the terminology is important, it\u2019s not the be all and end all. Definitions change and adapt to different circumstances, so keep your eyes peeled for new concepts and ideas, keep an open mind, and ask questions! There\u2019s never any shame in asking others to help clarify any particular concept that you\u2019re unsure of. Or, if all else fails, Google away to your heart\u2019s content.<\/p>\n\n\n\n

Now let\u2019s turn the tables: what graphic design terms do you use or see used frequently? Let us know down in the comments!<\/p>\n\n\n\n

<\/p>\n\n\n\n

Culled from Design School of Canva.<\/p>\n","protected":false},"excerpt":{"rendered":"

Getting thrown into the world of graphic design can sometimes feel like learning a new language. Kerning, tracking, warm colors, […]<\/p>\n","protected":false},"author":1,"featured_media":44224,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-47599","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=\/wp\/v2\/posts\/47599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47599"}],"version-history":[{"count":1,"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=\/wp\/v2\/posts\/47599\/revisions"}],"predecessor-version":[{"id":47600,"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=\/wp\/v2\/posts\/47599\/revisions\/47600"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=\/wp\/v2\/media\/44224"}],"wp:attachment":[{"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=47599"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tonydoovisualshq.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=47599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}