65 Design Terms



Here is a professional categorization of  65 essential design terms, organized into seven clear pillars.

1. Typography (The Art of Type)

1. Serif: Letters with small decorative "feet."

2. Sans Serif: Modern, clean type without decorative strokes.

3. Kerning: The space between two specific characters.

4. Leading: The vertical space between lines of text.

5. Tracking: The uniform spacing across a whole range of characters.

6. Hierarchy: Using size and weight to show importance.

7. Descender: The part of a letter that goes below the baseline (e.g., the tail of a 'y').

8. Ascender: The part of a letter that rises above the mean line (e.g., the top of a 'h').

9. Typeface: The specific design of the letters (e.g., Helvetica).

10. Font: The specific weight or size of a typeface (e.g., Helvetica Bold 12pt).


2. Color Theory (The Science of Hue)

11. CMYK: Cyan, Magenta, Yellow, Key (Black)—used for print.

12. RGB: Red, Green, Blue—used for digital screens.

13. Pantone: A standardized color matching system.

14. Hex Code: A six-digit code representing a digital color (e.g., #FFFFFF).

15. Hue: The actual color name (Red, Blue, etc.).

16. Saturation: The intensity or purity of a color.

17. Value: The lightness or darkness of a color.

18. Monochromatic: A color scheme using one hue in various tints/shades.

19. Analogous: Colors next to each other on the color wheel.

20. Complementary: Colors opposite each other on the wheel.


3. Layout & Composition (The Structure)

21. White Space (Negative Space): The empty areas around design elements.

22. Grid System: A framework of vertical and horizontal lines.

23. Rule of Thirds: Dividing an image into 9 equal parts to place focal points.

24. Alignment: How text or images are positioned relative to each other.

25. Proximity: Grouping related items together.

26. Aspect Ratio: The ratio of width to height.

27. Margin: The space between the edge of the page and the content.

28. Bleed: Extending a design past the cut line for printing.

29. Scale: The relative size of elements.

30. Focal Point: The center of interest in a design.


4. Branding & Visual Identity (The Strategy)

31. Logo: A graphic mark or emblem.

32. Logotype: A brand name styled in a specific font (Wordmark).

33. Brandmark: A symbol representing a brand without text.

34. Style Guide: A manual defining a brand's visual standards.

35. Iconography: A set of symbols used to communicate ideas.

36. Mood board: A collection of visuals used to set a project's "vibe."

37. Favicon: The small icon in a browser tab.

38. Brand Equity: The perceived value of a brand.

39. Voice & Tone: The personality behind a brand’s messaging.

40. Tagline: A short, memorable phrase for a brand.


5. User Experience (UX) & Digital (The Interaction)

41. UI (User Interface): The visual layout of a digital product.

42. UX (User Experience): The overall feel of a user's interaction.

43. Wireframe: A low-fidelity blueprint of a web page.

44. Prototype: An interactive model of an end product.

45. Responsive Design: A layout that adjusts to different screen sizes.

46. Call to Action (CTA): Elements that prompt an action (e.g., "Buy Now").

47. Accessibility (A11y): Designing for people with disabilities.

48. User Flow: The path a user takes through a website.

49. Landing Page: A standalone page designed for a specific conversion goal.

50. Breadcrumbs: Navigation links showing the user's location.


6. Imagery & Technical Specs (The Execution)

51. Vector: Graphics based on paths, infinitely scalable without losing quality.

52. Raster: Graphics based on pixels (e.g., JPEGs).

53. Resolution: The detail an image holds (measured in DPI or PPI).

54. Opacity: The degree of transparency.

55. Gradient: A gradual transition between colors.

56. Texture: The perceived surface quality of a design.

57. Contrast: The difference between two elements (e.g., light vs. dark).

58. Mockup: A realistic representation of how a design will look in the real world.

59. Pixel: The smallest unit of a digital image.

60. Thumbnail: A small, rough sketch or preview image.


7. Design Principles (The Concepts)

61. Gestalt Principles: Theories of how the eye perceives visual elements.

62. Balance: The distribution of visual weight (Symmetrical or Asymmetrical).

63. Repetition: Reusing elements to create consistency.

64. Movement: Guiding the viewer's eye through a composition.

65. Unity: When all elements work together as a cohesive whole.


Comments