Web Design Terms that Every Business Owner Should Know

Everyone excels at something—it could be performing, creating arts, writing, cooking, teaching, or running a business. And for small business owners who are looking to have their first business website, it’s always great to work with a team that understands each other.

To help you breeze through this challenge, here are some web design and development terms that that can help you communicate with your designer better.

Favicon: This is the tiny logo that appears on the tab of your browser for each particular site. Most of the time, the favicon is a version of the brand’s logo. For more complex brands, the most distinguishable element is used for the favicon.

Landing Page: The Landing Page is where the visitor of your website first, well. Lands. This is considered as one of the most important pages of the website because once the user arrives at your landing page, it will just take few seconds for them to decide if they shall leave or stay.

Breadcrumbs: These are the navigation elements that appear above the web page that you’re currently in. It somehow acts as a map, informing you as to where you are on the website. Derived from the fairytale Hansel and Gretel, breadcrumbs are used to mark the trail of the user within the website. A simple example would be for a 2016 Christmas post titled “Merry Christmas.” The breadcrumb for this could be Home > Blog > 2016 > December > Merry Christmas.

Additional web design jargons from Inbound Marketing giant, Hubspot, are listed below.

  • Alignment: The positioning of the elements in your design (e.g. text, images, etc.). These elements can be aligned to both the page and to each other.
  • Color Schemes: Also known as color harmonies, color schemes are the combination of two or more colors from the color wheel.
  • CSS: A piece of code that is used to designate the look and feel of a website, separate from the actual content of the web page.
  • Drop Shadow: A visual effect that displays a graphic as if it has a shadow behind it.
  • EPS: A file format used for vector images that contain both text and graphics.
  • GIF: Pronounced jif (like the peanut butter), this image file format is best used for small image files with few colors and designs. Bonus: you can make GIFs animated!
  • Grid: A purely hypothetical map of vertical and horizontal lines that helps align images and text within a document.
  • HEX Code: A code used in HTML and CSS to designate a specific color, usually appearing after the pound sign (#).
  • HTML: The computer language used to display content like text, images, and links on the web.
  • JPEG: An image file type that uses lossy (see below) compression, with little perception in a loss of quality. This type of file is best used for photographs and realistic paintings where there are smooth transitions between colours.
  • Kerning: The space between individual letters.
  • Lossy: A form of data compression where detail is deleted as the file size is decreased. A usual lossy compression method is JPEG.
  • PNG: An image file format that’s best used when you have large areas of uniform colour or images with transparent backgrounds (unlike JPEG).
  • Watermark: An easy-to-see marker placed over the top of photos on the web and in print. It is used to identify the owner of an image and prevent visual content theft.
  • Weight: In typefaces, the thickness of the stroke’s width. Some examples include demibold, light, and bold.
  • White Space: The blank space surrounding an object in the design. Also called negative space.

See more web design word definitions here.

With these basic web design terms, you will definitely be able to express yourself better towards your web designer. And of course, better communication means better results!