{"id":18380,"date":"2026-05-13T08:00:00","date_gmt":"2026-05-13T01:00:00","guid":{"rendered":"https:\/\/creative.co.th\/?p=18380"},"modified":"2026-05-13T09:48:52","modified_gmt":"2026-05-13T02:48:52","slug":"graphic-design-glossary-terms-thai","status":"publish","type":"post","link":"https:\/\/creative.co.th\/en\/18380\/","title":{"rendered":"A collection of graphic design terms that every designer needs to know."},"content":{"rendered":"<p><!-- \u0e2a\u0e32\u0e23\u0e1a\u0e31\u0e0d --><\/p>\n<nav style=\"background:#fff7ed;border-left:4px solid #FF6B6B;padding:20px 24px;margin-bottom:32px;border-radius:0 8px 8px 0;\">\n  <strong style=\"display:block;margin-bottom:12px;color:#1a1a2e;\">list of contents<\/strong><\/p>\n<ol style=\"margin:0;padding-left:20px;line-height:2.1;\">\n<li><a href=\"#why-glossary\" style=\"color:#FF6B6B;text-decoration:none;\">Why do we need to know graphic design terminology?<\/a><\/li>\n<li><a href=\"#typography\" style=\"color:#FF6B6B;text-decoration:none;\">Typography &amp; Layout category<\/a><\/li>\n<li><a href=\"#color\" style=\"color:#FF6B6B;text-decoration:none;\">Category: Color<\/a><\/li>\n<li><a href=\"#file-format\" style=\"color:#FF6B6B;text-decoration:none;\">Category: Files and Formats<\/a><\/li>\n<li><a href=\"#technique\" style=\"color:#FF6B6B;text-decoration:none;\">Category: Techniques and Components<\/a><\/li>\n<li><a href=\"#print\" style=\"color:#FF6B6B;text-decoration:none;\">Category: Printing (Print)<\/a><\/li>\n<li><a href=\"#summary\" style=\"color:#FF6B6B;text-decoration:none;\">In short<\/a><\/li>\n<\/ol>\n<\/nav>\n<p><!-- Intro --><\/p>\n<p>When you first assign a project to a designer, they might ask, &quot;Do you want an AI or PSD file?&quot; or &quot;Should I use CMYK or RGB?&quot; \u2014 if these kinds of questions confuse you, this article will help.<\/p>\n<p>The graphic design industry has a wealth of terminology because it&#039;s a discipline that blends art, psychology, and printing technology. At first, it might feel like learning a whole new language, but understanding just 30-40 key terms is enough to communicate effectively with designers, accurately review their work, and make informed decisions about what&#039;s best for your business.<\/p>\n<figure style=\"margin:28px 0;text-align:center;\">\n  <img decoding=\"async\" src=\"https:\/\/creative.co.th\/wp-content\/uploads\/2026\/05\/graphic-glossary-cover.png\"\n       alt=\"\u0e23\u0e27\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c Graphic Design \u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e1a\u0e48\u0e2d\u0e22\u0e43\u0e19\u0e27\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e01\u0e23\u0e32\u0e1f\u0e1f\u0e34\u0e04 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\"\n       style=\"max-width:100%;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.12);\" \/><figcaption style=\"margin-top:10px;color:#666;font-style:italic;\">Graphic design terminology is categorized for easy understanding, with clear groups.<\/figcaption><\/figure>\n<p><!-- Section 1 --><\/p>\n<h2 id=\"why-glossary\">Why do we need to know graphic design terminology?<\/h2>\n<p>The most common problem in graphic design is &quot;misunderstandings&quot;\u2014the client says they want something &quot;simple,&quot; the designer sends the work, but the client feels it&#039;s &quot;not what they expected.&quot; Both sides waste time on revisions.<\/p>\n<p>Knowing basic vocabulary helps you:<\/p>\n<ul style=\"line-height:2.0;\">\n<li>The project brief became more precise \u2014 allowing for clearer specifications such as whether a minimalist or maximalist design is desired, and whether sans-serif or serif serif designs are preferred.<\/li>\n<li>Accurate proofreading \u2014 noticing inconsistent character kerning or files submitted as raster when they should be vector.<\/li>\n<li>Request the right file type \u2014 don&#039;t accidentally ask for a PSD file from a designer who uses Illustrator.<\/li>\n<li>Better assess the quality of design work.<\/li>\n<\/ul>\n<hr style=\"border:none;border-top:1px solid #e5e7eb;margin:32px 0;\" \/>\n<p><!-- Section 2 \u2014 Typography --><\/p>\n<h2 id=\"typography\">Section 1 \u2014 Typography &amp; Layout<\/h2>\n<p>Letters are not just &quot;words,&quot; but are an important tool for communicating emotions and meaning. <a href=\"https:\/\/creative.co.th\/en\/17117\/\" style=\"color:#FF6B6B;\">Good typography<\/a>Instantly transform ordinary tasks into professional-looking ones.<\/p>\n<h3>Font vs Typeface<\/h3>\n<p>Many people use these two words interchangeably, but they are actually different. <strong>Typeface<\/strong> It is a set of typefaces designed in the same style (e.g., Helvetica, Times New Roman). <strong>Font<\/strong> The typeface is the file used to display that typeface (e.g., Helvetica Bold 12pt). Comparison: The typeface is the music; the font is the MP3 file of that song.<\/p>\n<h3>Serif vs Sans-serif<\/h3>\n<ul style=\"line-height:2.0;\">\n<li><strong>Serif<\/strong> \u2014 Fonts with &quot;bass&quot; or small strokes at the ends of the letters give a classic, formal feel (e.g., Times New Roman, Georgia).<\/li>\n<li><strong>Sans-serif<\/strong> \u2014 Serif fonts, clean and modern in appearance, suitable for digital work (e.g., Helvetica, Arial, Open Sans).<\/li>\n<li><strong>Script<\/strong> \u2014 Handwritten fonts are suitable for luxurious items and premium food and consumer goods.<\/li>\n<li><strong>Display<\/strong> \u2014 This font is designed for emphasis and is suitable for major headings; it is not ideal for long text snippets.<\/li>\n<\/ul>\n<h3>Kerning, Tracking, Leading<\/h3>\n<p>These three words represent &quot;distance,&quot; a concept that designers place great importance on.<\/p>\n<h4>Kerning<\/h4>\n<p>The spacing between two adjacent letters, such as between the letters A and V, sometimes appears too far apart. Designers adjust the kerning to make it just right.<\/p>\n<h4>Tracking<\/h4>\n<p>The spacing between characters in a &quot;group&quot; can be used to make the text appear more open or denser.<\/p>\n<h4>Leading<\/h4>\n<p>Appropriate line spacing in leading text makes it easy to read and avoids feeling cramped.<\/p>\n<h3>Hierarchy<\/h3>\n<p><strong>Hierarchy<\/strong> It&#039;s about visual order. Designers use font size, color, and weight to tell readers what to read first and what to read later.<\/p>\n<h3>Alignment<\/h3>\n<p>There are four main text alignment options: Left, Right, Center, and Justify. Choosing the wrong one instantly makes your work look unprofessional.<\/p>\n<h3>Grid System<\/h3>\n<p>The grid structure is used to arrange elements in an orderly manner, making the design look balanced and neat. Almost every professional designer uses a grid as a starting point for their work.<\/p>\n<hr style=\"border:none;border-top:1px solid #e5e7eb;margin:32px 0;\" \/>\n<p><!-- Section 3 \u2014 Color --><\/p>\n<h2 id=\"color\">Category 2 \u2014 Color<\/h2>\n<figure style=\"margin:28px 0;text-align:center;\">\n  <img decoding=\"async\" src=\"https:\/\/creative.co.th\/wp-content\/uploads\/2026\/05\/graphic-cmyk-rgb.png\"\n       alt=\"\u0e04\u0e27\u0e32\u0e21\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e42\u0e2b\u0e21\u0e14\u0e2a\u0e35 RGB \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d \u0e41\u0e25\u0e30 CMYK \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e1e\u0e34\u0e21\u0e1e\u0e4c\"\n       style=\"max-width:100%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.12);\" \/><figcaption style=\"margin-top:10px;color:#666;font-style:italic;\">RGB is used for display screens \u2014 CMYK is used for printing. Sending files in the wrong color mode may result in inaccurate colors.<\/figcaption><\/figure>\n<h3>RGB (Red, Green, Blue)<\/h3>\n<p>The color mode for all types of &quot;screens&quot; \u2014 mobile phones, computers, TVs \u2014 uses three colors of light mixed together to create other colors, called... <strong>Additive Color<\/strong> Because the more you mix them, the brighter it becomes; combining all colors results in white.<\/p>\n<h3>CMYK (Cyan, Magenta, Yellow, Key\/Black)<\/h3>\n<p>The color mode for &quot;printing&quot; uses a mixture of four inks, called... <strong>Subtractive Color<\/strong> Because the more you mix them, the darker the color becomes; combining all colors results in black.<\/p>\n<div style=\"background:#fef3c7;border-radius:10px;padding:16px 20px;margin:16px 0;\">\n  <strong>Caution:<\/strong> If you design on the screen (RGB) and send it to a printer without converting it to CMYK, the actual colors may differ from what you saw on the screen \u2014 especially vibrant colors like fluorescent green or bright blue, which often lose their vibrancy when printed.\n<\/div>\n<h3>Hex Code<\/h3>\n<p>The color codes used on the website start with # followed by 6 digits (alphanumeric), such as #FF6B6B (bright red). The hex code is derived from the hexadecimal system and corresponds to the RGB mode.<\/p>\n<h3>Color Palette<\/h3>\n<p>For any given project, professional designers often limit their color palette to 3\u20135 primary colors to ensure the work appears unified and not cluttered.<\/p>\n<h3>Hue, Saturation, Brightness (HSB)<\/h3>\n<ul style=\"line-height:2.0;\">\n<li><strong>Hue<\/strong> \u2014 Shades of color (red, yellow, green, etc.)<\/li>\n<li><strong>Saturation<\/strong> \u2014 Color vibrancy: Low value = light\/dull colors, high value = vibrant colors.<\/li>\n<li><strong>Brightness<\/strong> \u2014 Brightness: Low value = Dark, High value = Bright<\/li>\n<\/ul>\n<h3>Gradient &amp; Duotone<\/h3>\n<p><strong>Gradient<\/strong> It&#039;s a smooth gradient from one color to another. <strong>Duotone<\/strong> It involves reducing the image to just two primary colors, creating a unique mood. <a href=\"https:\/\/creative.co.th\/en\/15987\/\" style=\"color:#FF6B6B;\">Gradient and Duotone techniques<\/a>Widely used in branding and modern websites.<\/p>\n<h3>Pantone (PMS)<\/h3>\n<p>The international standard color system used in the printing and production industry ensures consistent printed colors every time, no matter where in the world it&#039;s printed. Major brands like Coca-Cola and Tiffany &amp; Co. use Pantone to maintain accurate brand colors.<\/p>\n<hr style=\"border:none;border-top:1px solid #e5e7eb;margin:32px 0;\" \/>\n<p><!-- Section 4 \u2014 File Format --><\/p>\n<h2 id=\"file-format\">Section 3 \u2014 Files and Formats<\/h2>\n<figure style=\"margin:28px 0;text-align:center;\">\n  <img decoding=\"async\" src=\"https:\/\/creative.co.th\/wp-content\/uploads\/2026\/05\/graphic-vector-raster.png\"\n       alt=\"\u0e04\u0e27\u0e32\u0e21\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c Vector \u0e17\u0e35\u0e48\u0e02\u0e22\u0e32\u0e22\u0e44\u0e14\u0e49\u0e44\u0e21\u0e48\u0e40\u0e2a\u0e35\u0e22\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e \u0e01\u0e31\u0e1a Raster \u0e17\u0e35\u0e48\u0e02\u0e22\u0e32\u0e22\u0e41\u0e25\u0e49\u0e27\u0e41\u0e15\u0e01\"\n       style=\"max-width:100%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);\" \/><figcaption style=\"margin-top:10px;color:#666;font-style:italic;\">Vectors remain sharp no matter how much they are scaled \u2014 Rasters break down into pixels when scaled.<\/figcaption><\/figure>\n<h3>Vector vs Raster<\/h3>\n<p>These are two different types of digital images, differing in both how they are created and their uses.<\/p>\n<h4>Vector<\/h4>\n<p>Images created from &quot;mathematical equations&quot; \u2014 lines, curves, shapes \u2014 remain sharp no matter how much they are scaled up. Suitable for logos, icons, illustrations. Formats: AI, SVG, EPS<\/p>\n<h4>Raster (Bitmap)<\/h4>\n<p>Images composed of a large number of pixels, when enlarged beyond their original size, will show individual pixels (breakdown). Suitable for photographs and highly detailed illustrations. Formats: JPG, PNG, GIF, PSD.<\/p>\n<h3>File formats you need to know.<\/h3>\n<h4>JPG \/ JPEG<\/h4>\n<p>The most popular standard image file format is small, suitable for photographs and online work, but... <strong>Transparent backgrounds are not supported.<\/strong> And it&#039;s a lossy compression.<\/p>\n<h4>PNG<\/h4>\n<p>Higher quality image files than JPG are supported. <strong>transparent background<\/strong> Suitable for logos, icons, or images that need to be overlaid on another background. Disadvantage: Larger file size than JPG.<\/p>\n<h4>GIF<\/h4>\n<p>Image files that support animation have limited color capabilities (256 colors), making them suitable for simple images and short memes\/animations.<\/p>\n<h4>SVG<\/h4>\n<p>Vector files for websites are sharp no matter how much they&#039;re scaled, are small in size, load quickly, and are searchable by search engines. They are ideal for logos and icons on the web.<\/p>\n<h4>PDF<\/h4>\n<p>A document format that maintains a consistent layout across all devices it&#039;s opened on. Commonly used for quotations, portfolios, and submissions to print firms.<\/p>\n<h4>AI (Adobe Illustrator)<\/h4>\n<p>Adobe Illustrator source files for vector graphics are fully editable and can only be opened with Illustrator.<\/p>\n<h4>PSD (Photoshop Document)<\/h4>\n<p>Adobe Photoshop source files store all layers, allowing for detailed editing, making them suitable for raster and composite images.<\/p>\n<h4>INDD (InDesign)<\/h4>\n<p>Adobe InDesign files for layout design of multi-page documents such as magazines, books, and brochures.<\/p>\n<h3>DPI vs PPI<\/h3>\n<p><strong>DPI<\/strong> (Dots Per Inch) = Print resolution. The standard value is 300 DPI.<\/p>\n<p><strong>PPI<\/strong> (Pixels Per Inch) = Screen resolution. Standard value is 72\u201396 PPI for web.<\/p>\n<hr style=\"border:none;border-top:1px solid #e5e7eb;margin:32px 0;\" \/>\n<p><!-- Section 5 \u2014 Technique --><\/p>\n<h2 id=\"technique\">Section 4 \u2014 Techniques and Components<\/h2>\n<h3>Mockup<\/h3>\n<p>Renderings that depict the design in a &quot;real-world context,&quot; such as a logo on clothing, a label, or packaging, give clients a clear picture of what the finished product will look like in real life.<\/p>\n<h3>Mood Board<\/h3>\n<p>A sketchboard containing images, colors, fonts, and references that reflect the &quot;mood&quot; of the project, used to communicate the direction before starting the actual design process.<\/p>\n<h3>Branding \/ Brand Identity<\/h3>\n<p><strong>Branding<\/strong> It&#039;s everything that creates brand awareness, from the logo, colors, fonts, tone of voice, to the customer experience. <strong>Brand Identity<\/strong> It is a set of visual elements used to communicate a brand.<\/p>\n<h3>Logo Types<\/h3>\n<ul style=\"line-height:2.0;\">\n<li><strong>Wordmark<\/strong> \u2014 Logos that are all brand names, such as Google, Coca-Cola.<\/li>\n<li><strong>Lettermark<\/strong> \u2014 Abbreviations such as IBM, HBO, NASA.<\/li>\n<li><strong>Pictorial Mark<\/strong> \u2014 Symbols that convey a literal meaning, such as the Apple logo and Twitter logo.<\/li>\n<li><strong>Abstract Mark<\/strong> \u2014 Abstract shapes, such as the Nike Swoosh logo and Adidas logo.<\/li>\n<li><strong>Mascot<\/strong> \u2014 Cartoon characters are used as logos, such as KFC Colonel and Michelin Man.<\/li>\n<li><strong>Emblem<\/strong> \u2014 Logos that contain letters within a shape, such as Starbucks or Harley-Davidson.<\/li>\n<\/ul>\n<h3>Composition<\/h3>\n<p>Arranging elements on a presentation should be balanced, highlight focal points, and effectively draw the viewer&#039;s eye. Popular principles include: Rule of Thirds, Golden Ratio, and Symmetrical\/Asymmetrical Balance.<\/p>\n<h3>White Space (Negative Space)<\/h3>\n<p>Empty spaces\u2014are not wasted space, but rather a crucial tool that contributes to a clean, elegant design and helps viewers focus on what&#039;s important, according to the concept. <strong>\u201c&quot;Less is More&quot;\u201d<\/strong><\/p>\n<h3>Visual Hierarchy<\/h3>\n<p>Visual prioritization tells viewers what to look at first and what to look at later, using size, color, and position.<\/p>\n<h3>Contrast<\/h3>\n<p>The difference between elements, such as lightness\/darkness, size, and thickness\u2014good contrast\u2014makes the work interesting and easy to read.<\/p>\n<hr style=\"border:none;border-top:1px solid #e5e7eb;margin:32px 0;\" \/>\n<p><!-- Section 6 \u2014 Print --><\/p>\n<h2 id=\"print\">Section 5 \u2014 Printing<\/h2>\n<p>If you&#039;re designing for print, you need to know these terms to communicate effectively with the printing company.<\/p>\n<h3>Bleed<\/h3>\n<p>The &quot;excess&quot; area is designed to extend 3 mm beyond the paper edge to accommodate potential cutting inaccuracies. Without bleed, a white border may appear after printing.<\/p>\n<h3>Trim<\/h3>\n<p>The final size of the paper after cutting is the actual size the customer will receive.<\/p>\n<h3>Safe Area<\/h3>\n<p>The &quot;inside&quot; area, safe from cutting, should only be used for essential text and elements.<\/p>\n<h3>Embossing \/ Debossing<\/h3>\n<p><strong>Embossing<\/strong> = Raised\/Convex | <strong>Debossing<\/strong> = Reduce the size\/dimension; a technique to add depth to business cards, labels, or packaging.<\/p>\n<h3>Foil Stamping<\/h3>\n<p>The technique of applying foil stamping (gold, silver, or other colors) onto paper gives it a premium look. It is commonly used for luxury business cards and wedding invitations.<\/p>\n<h3>UV Coating \/ Spot UV<\/h3>\n<p>Spot glossing, such as on a logo for a business card, makes that area stand out and adds dimension.<\/p>\n<h3>Mockup before printing<\/h3>\n<p>Before ordering large quantities of printed materials, printing companies usually do the following: <strong>Proof<\/strong> Please review (sample image of actual printed copy) to confirm that the colors and details are correct.<\/p>\n<hr style=\"border:none;border-top:1px solid #e5e7eb;margin:32px 0;\" \/>\n<p><!-- Summary table --><\/p>\n<h2 id=\"summary\">In short \u2014 a table of vocabulary words to memorize.<\/h2>\n<div style=\"overflow-x:auto;margin:20px 0;\">\n<table style=\"width:100%;border-collapse:collapse;font-size:0.95em;\">\n<thead>\n<tr style=\"background:#FF6B6B;color:#fff;\">\n<th style=\"padding:10px 14px;text-align:left;\">vocabulary<\/th>\n<th style=\"padding:10px 14px;text-align:left;\">group<\/th>\n<th style=\"padding:10px 14px;text-align:left;\">meaning<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"background:#fff7ed;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>Serif \/ Sans-serif<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Typography<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Serif font \/ Non-serif font<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>Kerning<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Typography<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">The distance between two letters.<\/td>\n<\/tr>\n<tr style=\"background:#fff7ed;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>Leading<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Typography<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">line spacing<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>RGB<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Color<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Colors for the screen<\/td>\n<\/tr>\n<tr style=\"background:#fff7ed;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>CMYK<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Color<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Colors for printing<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>Hex Code<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Color<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">The color code on the website is #FFFFFF.<\/td>\n<\/tr>\n<tr style=\"background:#fff7ed;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>Pantone<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Color<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">International color standards for printing.<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>Vector<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">File<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">No matter how much you enlarge it, it remains sharp (AI, SVG).<\/td>\n<\/tr>\n<tr style=\"background:#fff7ed;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>Raster<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">File<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Pixelated images (JPG, PNG)<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>DPI \/ PPI<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">File<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Resolution (300 prints \/ 72 screens)<\/td>\n<\/tr>\n<tr style=\"background:#fff7ed;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>Mockup<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Technique<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">A simulation of the job in a real-world context.<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>Mood Board<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Technique<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Work mood reference board<\/td>\n<\/tr>\n<tr style=\"background:#fff7ed;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>White Space<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Technique<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">A blank space that keeps the work area clean.<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\"><strong>Bleed<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">Print<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ffedd5;\">3 mm excess paper margin<\/td>\n<\/tr>\n<tr style=\"background:#fff7ed;\">\n<td style=\"padding:8px 14px;\"><strong>Foil Stamping<\/strong><\/td>\n<td style=\"padding:8px 14px;\">Print<\/td>\n<td style=\"padding:8px 14px;\">Glossy foil stamping<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p style=\"margin-top:24px;\">You don&#039;t need to memorize all of these words in a single day, but the more you see them, the more familiar and fluent you&#039;ll become. The important thing is to start noticing them when you see them in conversations or in work submitted by designers.<\/p>\n<p><!-- CTA --><\/p>\n<div style=\"background:linear-gradient(135deg,#FF6B6B,#FFA94D);padding:36px 32px;border-radius:16px;margin-top:40px;text-align:center;color:#fff;\">\n<h3 style=\"margin:0 0 12px;color:#fff;\">Have an idea in your head but lack someone to bring it to life?<\/h3>\n<p style=\"margin:0 0 24px;opacity:0.95;line-height:1.7;\">The Creative team oversees the work. <a href=\"https:\/\/creative.co.th\/en\/graphic_design\/\" style=\"color:#fff;font-weight:bold;text-decoration:underline;\">Graphic design<\/a> From banners and infographics to branding and print design, we offer a one-stop shop. No need to hire multiple designers; just tell us your requirements \u2014 and we&#039;ll handle the rest.<\/p>\n<p>  <a href=\"https:\/\/creative.co.th\/en\/contact-us\/\" style=\"display:inline-block;background:#fff;color:#FF6B6B;padding:14px 32px;border-radius:50px;font-weight:700;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,0.18);\">Talk to our team for free \u2192<\/a>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>This comprehensive glossary of essential graphic design terms covers all categories: Typography, Color, File Format, Techniques, and Printing. It&#039;s easy to understand for designers and business owners.<\/p>","protected":false},"author":1,"featured_media":18377,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"\u0e23\u0e27\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c Graphic Design \u0e17\u0e35\u0e48\u0e14\u0e35\u0e44\u0e0b\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e39\u0e49","_seopress_titles_desc":"\u0e23\u0e27\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c Graphic Design \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e2b\u0e21\u0e27\u0e14 Typography, \u0e2a\u0e35, \u0e44\u0e1f\u0e25\u0e4c, \u0e40\u0e17\u0e04\u0e19\u0e34\u0e04 \u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e1e\u0e34\u0e21\u0e1e\u0e4c \u0e2d\u0e48\u0e32\u0e19\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e14\u0e35\u0e44\u0e0b\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e21\u0e37\u0e2d\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e25\u0e30\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e17\u0e35\u0e48\u0e17\u0e33\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e01\u0e23\u0e32\u0e1f\u0e1f\u0e34\u0e01","_seopress_robots_index":"","_seopress_analysis_target_kw":"","footnotes":""},"categories":[46],"tags":[453,449,448,359,454,455,452,450,370,451,447,456,373],"class_list":["post-18380","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-branding","tag-cmyk","tag-color-palette","tag-graphic-design","tag-logo-design","tag-mood-board","tag-raster","tag-rgb","tag-typography","tag-vector","tag-447","tag-456","tag-373"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts\/18380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/comments?post=18380"}],"version-history":[{"count":1,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts\/18380\/revisions"}],"predecessor-version":[{"id":18381,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts\/18380\/revisions\/18381"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/media\/18377"}],"wp:attachment":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/media?parent=18380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/categories?post=18380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/tags?post=18380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}