{"id":3385,"date":"2021-06-16T10:35:09","date_gmt":"2021-06-16T14:35:09","guid":{"rendered":"https:\/\/simplifiedblog.wpengine.com\/?p=3385"},"modified":"2023-07-24T05:31:00","modified_gmt":"2023-07-24T09:31:00","slug":"social-media-design-terms-for-beginners","status":"publish","type":"post","link":"https:\/\/simplified.com\/blog\/design\/social-media-design-terms-for-beginners","title":{"rendered":"20 Design Jargons to Know | Part 1"},"content":{"rendered":"\n

When it comes to the world of design, communicating ideas from an expert to a rookie may seem like a total language barrier. With technical jargon like ‘CMYK’ and ‘Kerning,’ it is safe to say that any non-designer may feel discouraged due to their unfamiliarity with certain vocabulary. However, don’t worry because we are here to make this task much more Simplified! In this blog, we’ll take you through 20 essential social media design terms to serve as your beginner’s glossary.<\/p>\n\n\n\n

Moreover, feel free to save this page like a dictionary for all future references. So let’s get learning!<\/p>\n\n\n\n

<\/span>1. Logo<\/strong><\/span><\/h2>\n\n\n\n

A representative component of branding that uses a graphic design<\/a>, symbol, or text. Further, we can say that it is an element that promotes visual recognition across all your products and creatives.<\/p>\n\n\n\n

<\/span>2. Typography<\/strong><\/span><\/h2>\n\n\n
\n
\"Typography
(Source: Shillington Education<\/a>)<\/figcaption><\/figure>\n<\/div>\n\n\n

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

The artistic arrangement of text, according to a given style, format, spacing, etc. Additionally, it primarily includes four types: Serif, Sans Serif, Script, and Slab Serif.<\/p>\n\n\n\n

Related: Design Terms: A Must Read for Beginners!<\/a><\/p>\n\n\n\n

<\/span>3. Balance<\/strong><\/span><\/h2>\n\n\n
\n
\"Symmetry
(Source: Annhjelle’s Blog)<\/figcaption><\/figure>\n<\/div>\n\n\n

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

In social media design terms, balance refers to the distribution of graphic elements along any hypothetical line- Symmetrical, Asymmetrical, or Radial.<\/p>\n\n\n\n

<\/span>4. Negative Space<\/strong><\/span><\/h2>\n\n\n\n

Also known as White Space, it is the intentional use of vacant areas around a design that allows graphic elements to “breathe better.” Moreover, they are devoid of all types of logos<\/a>, text, images, or any other visual content.<\/p>\n\n\n\n

So, check out how you can make use of negative space in your web design!<\/p>\n\n\n\n

<\/span>5. Contrast<\/strong><\/span><\/h2>\n\n\n
\n
\"Contrast
(Source: Pluralsight<\/a>)<\/figcaption><\/figure>\n<\/div>\n\n\n

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

It is the level of difference between any two visual elements of design. In most cases, it comes up through measurable opposites, especially with colors in black vs. white.<\/p>\n\n\n\n

<\/span>6. Icon<\/strong><\/span><\/h2>\n\n\n\n

In simple words, it is a symbol that represents your branding identity, usually as a part of the brand logo; For example, the flame icon for Tinder<\/p>\n\n\n\n

Simplified Design Tip<\/strong>: Did you know with your Simplified<\/a> workspace, you have access to tons of icons to include in your marketing assets? Go to ‘Visuals<\/strong>‘ on your workspace<\/a>, and choose from the listed categories!<\/p>\n\n\n\n

<\/span>8. Vector File<\/strong><\/span><\/h2>\n\n\n\n

A flexible and infinitely stretchable file (Encapsulated PostScript) used by designers that synthesize lines, curves, and points. Thus, making it a perfect option for all your printing needs!<\/p>\n\n\n\n

<\/span>9. DPI<\/strong><\/span><\/h2>\n\n\n
\n
\"DPI
(Source: 99Designs)<\/figcaption><\/figure>\n<\/div>\n\n\n

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

DPI is a unit of measurement that stands for ‘Dots Per Inch,’ indicating the resolution quality of a given image.<\/p>\n\n\n\n

<\/span>10. PPI<\/strong><\/span><\/h2>\n\n\n\n

A synonymous type of resolution measure, but denotes ‘Pixels Per Inch.’ Ideally, the print recommendation used by designers is 300 PPI.<\/p>\n\n\n\n

<\/span>11. Weight<\/strong><\/span><\/h2>\n\n\n\n

The level of ‘boldness,’ or in Simplified words, the amount of thickness of any font, ranging from 100-900.<\/p>\n\n\n\n

<\/span>12. CMYK<\/strong><\/span><\/h2>\n\n\n
\n
\"CMYK
(Source: RCP Marketing<\/a>)<\/figcaption><\/figure>\n<\/div>\n\n\n

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

CMYK, or ‘Cyan-Magenta-Yellow-Key,’ is simply a color model used for printing purposes. It is obtainable by removing the primary color wheel, starting with white and ending in black.<\/p>\n\n\n\n

Related: What Is Balance In Graphic Design And Why Is It Important?<\/a><\/p>\n\n\n\n

<\/span>13. Alignment<\/strong><\/span><\/h2>\n\n\n\n

It refers to the positioning of any element, especially text, to the left, center, or right side of any design. Want to achieve a more balanced look? Align your design elements with the margins in mind!<\/p>\n\n\n\n

<\/span>14. RGB<\/strong><\/span><\/h2>\n\n\n\n

A fundamental color model using the primary colors in the color wheel, i.e., Red-Green-Blue, to produce more variations.<\/p>\n\n\n\n

<\/span>15. Saturation<\/strong><\/span><\/h2>\n\n\n\n

Saturation is a commonly used social media design term for any Instagram feed-curator and the fans of aesthetic edits. It refers to the intensity of colors visible in any given picture. In other words, low saturation: dark and faded; high saturation: bright and loud colors.<\/p>\n\n\n\n

Check out our 10 favorite photo-editing apps that perfectly execute these social media design terms!<\/p>\n\n\n\n

<\/span>16. Hue<\/strong><\/span><\/h2>\n\n\n
\n
\"Hue
(Source: QED42<\/a>)<\/figcaption><\/figure>\n<\/div>\n\n\n

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

The purest form, or shade, of any color that one can perceive in their design.<\/p>\n\n\n\n

<\/span>17. Opacity<\/strong><\/span><\/h2>\n\n\n\n

It is the degree of transparency of an image, ranging from entirely invisible (low opacity) to pure solid (high opacity).<\/p>\n\n\n\n

<\/span>18. Kerning<\/strong><\/span><\/h2>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

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

Though the word may sound a tad bit weird, it is pretty commonly used in typography and refers to the space between characters to produce a visually pleasing and readable body of text.<\/p>\n\n\n\n

<\/span>19. Pantone<\/strong><\/span><\/h2>\n\n\n\n

It is the most widely used system of color by the Pantone Corporation, with swatches, color palettes<\/a>, codes, etc., for mixing or design purposes in a color wheel.<\/p>\n\n\n\n

<\/span>20. Proximity<\/strong><\/span><\/h2>\n\n\n
\n
\"Proximity
(Source: Smashing Magazine<\/a>)<\/figcaption><\/figure>\n<\/div>\n\n\n

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

The level of closeness between two or more design elements. For example, in social media design terms, it can be how closely placed or far away your GIFs and text boxes are from each other.<\/p>\n\n\n\n

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