{"id":28098,"date":"2016-09-29T21:01:50","date_gmt":"2016-09-29T13:01:50","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=28098"},"modified":"2017-11-23T18:08:07","modified_gmt":"2017-11-23T10:08:07","slug":"web-design-industry-terms","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/","title":{"rendered":"20 Web Design Industry Terms for the Clueless Client"},"content":{"rendered":"<p>In the web design industry, we use many <strong>insider terms<\/strong>. This doesn\u2019t only make it hard to get started for newcomers, <strong>particularly clients who are not involved in the design industry<\/strong>, but communicating their  meaning  properly can sometimes be quite a challenge.<\/p>\n<p>In this glossary, we have collected <strong>20 frequently used web design terms<\/strong> and added a short explanation to each, so that anyone can quickly have a look at them in case of any uncertainty. If you have a client who really needs a crash course in web design jargon, share this article with them.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/web-dev-acronyms\/\">30 Acronyms All Web Developers Should Know<\/a>\n\t\t\t\t<\/p>\n<h2>\u201cAnimation\u201d<\/h2>\n<p>A web design technique that <strong>adds motion<\/strong> to on-screen elements in order to <strong>visualize change<\/strong> or to <strong>attract users\u2019 attention<\/strong>.<\/p>\n<p>Animations are <strong>more powerful than transitions<\/strong>, as they can go through many different states between their start and end points, therefore they can be used for <strong>more complicated effects<\/strong>.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/visualizing-change-css-transitions-animations\/\">How to use CSS3 Transitions & Animations to highlight UI changes<\/a><\/p>\n<h2>\u201cBreadcrumb\u201d<\/h2>\n<p>A <strong>navigation type<\/strong> that informs users about their <strong>current location<\/strong> on a site.<\/p>\n<p><a href=\"https:\/\/www.hongkiat.com\/blog\/breadcrumb-navigation-examined-best-practices-examples\/\">Breadcrumbs<\/a> contain the <strong>path<\/strong> on which the current page can be reached from the home page, usually in the format of <code>Home \/ Category \/ Page<\/code>. Each element of the path is also <strong>clickable<\/strong> so that users can quickly <strong>navigate the site hierarchy<\/strong>. Breadcrumbs are usually displayed <strong>on top of each page<\/strong>.<\/p>\n<h2>\u201cClutter\u201d<\/h2>\n<p>A <a href=\"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/\">web design blunder<\/a>, an indicator of a <strong>poorly designed page<\/strong>.<\/p>\n<p>We speak about a cluttered page when the designer <strong>squeezed too much information<\/strong> on the same page without adding enough white space & properly structuring content. Cluttered pages have <strong>low readability<\/strong>, and <strong>harm user experience<\/strong>.<\/p>\n<h2>\u201cColor Scheme\u201d<\/h2>\n<p>A <strong>collection of harmonizing colors<\/strong> used for creating a <strong>recognizable brand identity<\/strong>.<\/p>\n<p>Usually the same color scheme is <strong>used consistently<\/strong> across the brand\u2019s website, mobile app, logo, and marketing materials. A color scheme can be designed according to <strong>different principles<\/strong>, there are monochromatic, analogous, complementary, triadic, and other color schemes.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/basics-behind-color-theory-for-web-designer\/\">Basics behind Color Theory for web designers<\/a><\/p>\n<h2>\u201cContrast\u201d<\/h2>\n<p>A design technique to <strong>emphasize differences<\/strong> between elements that have different role or meaning.<\/p>\n<p>Using <strong>complementary colors<\/strong> (opposites on the color wheel) are the most well-known way to express contrast, however <strong>visual differences<\/strong> in the shape, style, typography, or layout of page elements we want to distinct can also achieve a contrasting effect.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/high-contrast-color-design\/\">Using high colour contrast for more Accessible Design<\/a><\/p>\n<h2>\u201cEmpty State\u201d<\/h2>\n<p>A specific state of a website or application when there\u2019s <strong>not yet any content<\/strong> on a particular page, however the design elements are <strong>already on their place<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-industry-terms\/empty-state.jpg\" width=\"855\" height=\"753\" alt=\"empty state design\"><\/figure>\n<p>First-use states, such as empty profiles are typical examples for empty state pages. They require specific design techniques (such as <a href=\"https:\/\/www.hongkiat.com\/blog\/mobile-onboarding-screen-designs\/\">onboarding design<\/a>) that <strong>inform users<\/strong> about what should be on the page, and <strong>encourage them<\/strong> to perform certain activities.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/\">How to design Empty State Pages for websites & mobile apps<\/a><\/p>\n<h2>\u201cFixed Layout\u201d<\/h2>\n<p>A <strong>layout type<\/strong> in which a site and its elements <strong>use the same width<\/strong> across all resolutions, <strong>defined in static values<\/strong> (usually pixels).<\/p>\n<p>The traditional way of building websites. Rarely chosen for newer websites, as sites with fixed layouts are hardly usable (readable) on mobile screens. To stay accessible for mobile users, many fixed layout sites use a <strong>secondary mobile site<\/strong>.<\/p>\n<h2>\u201cFlat Design\u201d<\/h2>\n<p>A <abbr title=\"User Interface\">UI<\/abbr> design language that <strong>focuses on clean and minimalist styles<\/strong>, and removes complicated textures, patterns, gradients, and other fancy effects in order to help users <strong>better focus on the content<\/strong>.<\/p>\n<p>Flat design has been criticized for usability problems stemming from the <strong>lack of three-dimensionality<\/strong>. More mature <strong>Flat 2.0 design languages<\/strong>, such as Google\u2019s <a href=\"https:\/\/material.google.com\/\" target=\"_blank\">Material design<\/a>, have appeared as a response, and added a little depth back to flat design.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/flat-20\/\">Flat 2.0 & how it solves Flat Design\u2019s usability problems<\/a><\/p>\n<h2>\u201cFluid Layout\u201d<\/h2>\n<p>A <strong>layout type<\/strong> that <strong>uses relative units<\/strong> to define the width of a site and its elements.<\/p>\n<p>The most frequently used relative units for fluid layouts are <strong>percentages<\/strong>, but <strong><em>em<\/em>s<\/strong> and <strong><em>rem<\/em>s<\/strong> can also be used. A fluid layout <strong>resizes (stretches and shrinks)<\/strong> as the width of the viewport changes. Unlike responsive layouts, a fluid layout <strong>doesn\u2019t use media queries<\/strong>. Also referred to as <strong>liquid layout<\/strong>.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/css-units\/\">A look into CSS units: Pixels, EM, and Percentage <\/a><\/p>\n<h2>\u201cFold\u201d<\/h2>\n<p>The bottom side of the visible part of the screen.<\/p>\n<p>The term <strong>\u201cabove the fold\u201d<\/strong> refers to the portion of a web page that visitors can see <strong>without taking any action<\/strong>, while <strong>\u201cbelow the fold\u201d<\/strong> refers to the rest of the page that users can <strong>only reach by interacting with the site<\/strong> \u2014 usually by scrolling or swiping (on mobile).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-industry-terms\/above-below-the-fold.jpg\" width=\"650\" height=\"400\" alt=\"fold\"><figcaption><a rel=\"nofollow\" target=\"_blank\" href=\"http:\/\/www.globaldots.com\/fold-time\/\">IMAGE: globaldots.com<\/a><\/figcaption><\/figure>\n<p>It\u2019s recommended to place <strong>branding elements<\/strong> (e.g. the logo), <strong>in-site navigation<\/strong>, and <strong>enticing content<\/strong> above the fold in order to make users quickly understand the purpose of the site and be interested in the rest of the content.<\/p>\n<h2>\u201cGraceful Degradation\u201d<\/h2>\n<p>A web design strategy that <strong>includes all advanced features<\/strong> by default on a site, then later removes or simplifies things that don\u2019t work in older browsers, on less capable devices, or at lower bandwidths.<\/p>\n<p>Focuses <strong>more on appearance<\/strong> than on the content. In the mobile era, progressive enhancement has become the predominant web design strategy for new sites, graceful degradation is mainly used on <strong>older or legacy sites<\/strong>.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/css-javascript-fallback-methods\/\">10 useful fallback methods for CSS & Javascript<\/a><\/p>\n<h2>\u201cHero Image\u201d<\/h2>\n<p>An oversized <strong>image banner<\/strong> placed <strong>above the fold<\/strong>.<\/p>\n<p>Hero images are high-quality, usually full-width images relevant to the content of the site. On top of them, there\u2019s typically a <strong>short (one or two lines) text<\/strong> that conveys a message to users, and a <strong>call-to-action button<\/strong> that calls them upon to take a certain action, such as shopping or signing up to the site.<\/p>\n<h2>\u201cLanding Page\u201d<\/h2>\n<p>Originally any page where an <strong>online visitor enters a site<\/strong>. Recently the term is rather used for a standalone page designed for a <strong>specific business purpose<\/strong>.<\/p>\n<p>For instance, if web users follow a banner ad they frequently find themselves on a landing page that calls them to buy a relevant product. Landing pages with a <strong>single focus<\/strong> and a <strong>clear call-to-action<\/strong> tend to reach higher conversion rates.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/landing-page-wordpress-plugins\/\">10 WordPress Plugins to create landing pages easily<\/a><\/p>\n<h2>\u201cLazy Loading\u201d<\/h2>\n<p>A technique for loading images and other static content, such as videos, only shortly before they <strong>get visible for the user<\/strong>.<\/p>\n<p>If a website uses lazy loading, only images above the fold are loaded first, the rest is only loaded when (if) the user scrolls the page. Frequently used in responsive and mobile design as it <strong>saves resources<\/strong>. For instance, <a href=\"https:\/\/www.hongkiat.com\/blog\/guide-to-accelerated-mobile-pages-amp\/\" target=\"_blank\">Google AMP<\/a> speeds up mobile sites by <strong><a href=\"https:\/\/amp.dev\/about\/how-amp-works\/?referrer=ampproject.org\" target=\"_blank\">lazy loading static resources<\/a><\/strong> by default.<\/p>\n<h2>\u201cMedia Query\u201d<\/h2>\n<p>A CSS feature that makes <strong>responsive web design<\/strong> possible by enabling designers to create <strong>different designs for different device dimensions<\/strong> (width and\/or height), orientations (landscape or portrait), and media types (print, screen, etc.).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-industry-terms\/media-queries.jpg\" width=\"800\" height=\"547\" alt=\"media queries\"><figcaption><a href=\"https:\/\/blog.gskinner.com\/archives\/2015\/03\/a-mental-model-for-media-queries.html\">IMAGE: gskinner.com<\/a><\/figcaption><\/figure>\n<p>Typically, responsive sites <strong>have separate layouts<\/strong> for desktop, tablet and mobile screens, the <strong>breakpoints<\/strong> between them are <strong>defined by media queries<\/strong> added to the CSS.<\/p>\n<h2>\u201cProgressive Enhancement\u201d<\/h2>\n<p>A web design strategy that first <strong>adds only the basic elements<\/strong> to a site, that work on any browser, bandwidth, and device. More advanced front-end features (styles and interactivity) are <strong>loaded in layers<\/strong> afterwards.<\/p>\n<p>Progressive enhancement primarily <strong>focuses on the content<\/strong>, results in sites that are <strong>accessible<\/strong> to every user, therefore it\u2019s the predominant way of building websites in the mobile era (as opposed to graceful degradation).<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/progressive-enhancements-web-design-best-practices\/\">Best Practices for Progressive Enhancement in Web Design<\/a><\/p>\n<h2>\u201cResponsive Design\u201d<\/h2>\n<p>A web design approach to create websites that <strong>adjust to the dimensions<\/strong> of different device types (most frequently mobile, tablet & desktop) by designing <strong>different layouts and other styles<\/strong> (e.g. typography, image size) for them.<\/p>\n<p>Responsive design makes use of various techniques, such as <strong>relative units<\/strong>, <strong>flexible grids<\/strong>, and <strong>media queries<\/strong> in order to serve every user with usable, readable and accessible content. Most modern websites use responsive design.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/responsive-headers-logo-tips-pitfalls\/\">Responsive Headers & Logos \u2013 Tips and Pitfalls<\/a><\/p>\n<h2>\u201cSkeuomorphism\u201d<\/h2>\n<p>A UI design language that leverages the <strong>principle of familiarity<\/strong>, and focuses on creating design elements that <strong>resemble their real-world equivalent<\/strong>.<\/p>\n<p>For example buttons that look like real-life buttons by using effects such as <strong>bevel and emboss, drop shadows, gradients, and others<\/strong>. Before flat design has become predominant, skeuomorphism was the leading web design trend for many years.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/skeuomorphic-to-flat-plugin\/\">Skeuomorphic PSD to Flat Design with Skeuomorphism.it<\/a><\/p>\n<h2>\u201cTransition\u201d<\/h2>\n<p>A web design technique for <strong>visualizing simple changes<\/strong> when an on-screen element <strong>smoothly alters<\/strong> between a beginning and end state.<\/p>\n<p>Transitions \u2014 unlike animations \u2014 don\u2019t have in-between states, only a <strong>start and end point<\/strong>, therefore they are to be used for <strong>subtle changes<\/strong>, such as for visualizing <strong>hover states<\/strong>.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/animations-transitions-motion-ui\/\">How to Create Animations and Transitions with Motion UI<\/a><\/p>\n<h2>\u201cWhite Space\u201d<\/h2>\n<p>The <strong>blank space<\/strong> between adjacent design elements. Also referred to as <strong>negative space<\/strong>.<\/p>\n<p>White space helps users <strong>skim the content<\/strong>, and visually <strong>indicates content hierarchy<\/strong>. White space is not necessarily white but uses the background color of the site. The lack of sufficient white space leads to a <strong>cluttered page<\/strong>.<\/p>","protected":false},"excerpt":{"rendered":"<p>In the web design industry, we use many insider terms. This doesn\u2019t only make it hard to get started for newcomers, particularly clients who are not involved in the design industry, but communicating their meaning properly can sometimes be quite a challenge. In this glossary, we have collected 20 frequently used web design terms and&hellip;<\/p>\n","protected":false},"author":146,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[510,511],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>20 Web Design Industry Terms for the Clueless Client - Hongkiat<\/title>\n<meta name=\"description\" content=\"In the web design industry, we use many insider terms. This doesn&#039;t only make it hard to get started for newcomers, particularly clients who are not\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Web Design Industry Terms for the Clueless Client\" \/>\n<meta property=\"og:description\" content=\"In the web design industry, we use many insider terms. This doesn&#039;t only make it hard to get started for newcomers, particularly clients who are not\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-29T13:01:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-11-23T10:08:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-industry-terms\/empty-state.jpg\" \/>\n<meta name=\"author\" content=\"Anna Monus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anna Monus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/\"},\"author\":{\"name\":\"Anna Monus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/a601053a0ab457901e00cdc83bd5359e\"},\"headline\":\"20 Web Design Industry Terms for the Clueless Client\",\"datePublished\":\"2016-09-29T13:01:50+00:00\",\"dateModified\":\"2017-11-23T10:08:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/\"},\"wordCount\":1515,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-industry-terms\\\/empty-state.jpg\",\"keywords\":[\"Web Designers\",\"Web Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/\",\"name\":\"20 Web Design Industry Terms for the Clueless Client - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-industry-terms\\\/empty-state.jpg\",\"datePublished\":\"2016-09-29T13:01:50+00:00\",\"dateModified\":\"2017-11-23T10:08:07+00:00\",\"description\":\"In the web design industry, we use many insider terms. This doesn't only make it hard to get started for newcomers, particularly clients who are not\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-industry-terms\\\/empty-state.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-industry-terms\\\/empty-state.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-industry-terms\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20 Web Design Industry Terms for the Clueless Client\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/a601053a0ab457901e00cdc83bd5359e\",\"name\":\"Anna Monus\",\"description\":\"Anna is Technical Editor and Writer for Hongkiat.com. She mainly covers front-end frameworks, web standards, accessibility, WordPress development, and UX design.\",\"sameAs\":[\"https:\\\/\\\/www.annalytic.com\\\/\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/anna_monus\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Web Design Industry Terms for the Clueless Client - Hongkiat","description":"In the web design industry, we use many insider terms. This doesn't only make it hard to get started for newcomers, particularly clients who are not","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/","og_locale":"en_US","og_type":"article","og_title":"20 Web Design Industry Terms for the Clueless Client","og_description":"In the web design industry, we use many insider terms. This doesn't only make it hard to get started for newcomers, particularly clients who are not","og_url":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2016-09-29T13:01:50+00:00","article_modified_time":"2017-11-23T10:08:07+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/web-design-industry-terms\/empty-state.jpg","type":"","width":"","height":""}],"author":"Anna Monus","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Anna Monus","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/"},"author":{"name":"Anna Monus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/a601053a0ab457901e00cdc83bd5359e"},"headline":"20 Web Design Industry Terms for the Clueless Client","datePublished":"2016-09-29T13:01:50+00:00","dateModified":"2017-11-23T10:08:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/"},"wordCount":1515,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/web-design-industry-terms\/empty-state.jpg","keywords":["Web Designers","Web Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/","url":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/","name":"20 Web Design Industry Terms for the Clueless Client - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/web-design-industry-terms\/empty-state.jpg","datePublished":"2016-09-29T13:01:50+00:00","dateModified":"2017-11-23T10:08:07+00:00","description":"In the web design industry, we use many insider terms. This doesn't only make it hard to get started for newcomers, particularly clients who are not","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/web-design-industry-terms\/empty-state.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/web-design-industry-terms\/empty-state.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/web-design-industry-terms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20 Web Design Industry Terms for the Clueless Client"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/a601053a0ab457901e00cdc83bd5359e","name":"Anna Monus","description":"Anna is Technical Editor and Writer for Hongkiat.com. She mainly covers front-end frameworks, web standards, accessibility, WordPress development, and UX design.","sameAs":["https:\/\/www.annalytic.com\/"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/anna_monus\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-7jc","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/28098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/146"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=28098"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/28098\/revisions"}],"predecessor-version":[{"id":41872,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/28098\/revisions\/41872"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=28098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=28098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=28098"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=28098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}