All about Defining Website Design Words

by YourOwnSite

All about Defining Website Design Words

Whether you are a new web designer or just want to be able to communicate with a web designer or web designing team for your website or for your profession, you need to know all about defining website design words. Some of these terms can be a little too complicated for newbies, but they’re not that hard to remember if you take the effort to really know more about them.

Website designing is like science. There are a lot of terms that mostly, only scientists would know or use on a regular basis. The same goes for web designing. You have to learn a lot of terms so that you can communicate and express what you mean and what you want in a clear manner. Learning a lot of web design definitions will also make your job so much easier and more efficient. Thus, when you have to deal with web designing or need to work with a web designer, you need to learn a lot of web designing terms. And to help you with that, below is a list of the common web design words that you can take note of and memorize.

Web Design Definitions

Listed below are some commonly used web design words along with simple explanations so that you can understand what they mean. This will enable you to express how you really want a web page, a logo or a whole website to look like.

  • Alignment

Alignment is the placement of the elements on a webpage; text, image, etc. The alignment of the elements can be aligned to the page or to other elements on the same webpage.

  • Analogous Colors

These are the colors beside a specific color on a color wheel.

  • Baseline

This is the invisible line where the letters of a typeface sits.

  • CMYK Color Model

This is used as a model for printed designs. The colors are cyan, magenta, yellow and black.

  • Color Wheel

This is a wheel containing colors that shows the relationship between the tertiary, secondary and primary colors.

  • Color Schemes

These are a set of two or more colors that are often used as the colors on a web page or printed design.

  • Complementary Colors

These are the colors that are positioned opposite each other in a color wheel.

  • Crop

This is the act of removing the outer part of an image so that it can be resized or change the image’s aspect ratio.

  • CSS

This is the piece or set of codes that determine the look of a web page.

  • DPI or Dot per Inch

This is a smaller measurement unit than pixels and is used in printed designs.

  • Dropshadow

This is an effect that makes an image or text appear like it has a shadow.

  • Feathering

This is the method of smoothing out the edges of an image.

  • Typeface

This is the style of a character or characters of a text e.g. Comic Sans Italic in size 12.

  • GIF

GIFs are short animated images that can be put on web pages.

  • Hex Code

A hex code is a code used to designate a color on a web page’s element. They can be written with the number sign (#) or not.

  • JPEG

This is an image file that is best used for realistic images for web pages as they can be reduced in size without affecting the quality that much.

  • PDF

This is a file format of presentations and documents.

  • Pixel

It’s the smallest element of images and elements on a web page. They are also measuring units for images, texts, etc.

  • Rectangular Colors or Tetradic Colors

These are a set of two complementary colors that are defined by using an imaginary rectangle in a color wheel.

  • RGB Color Model

It’s a color model used in web design containing the red, blue and green colors.

  • Saturation

Saturation is the brightness and intensity of colors.

  • Shade

Shade describes the amount of color black that is mixed with a color.

  • Split Complementary Colors

They are three colors that complement one other. It’s defined by choosing a base color then selecting the two colors that are right beside the color that is opposite the base color (complementary color).

  • Square Colors

They are four colors in a color wheel that are placed apart from each other with equal spaces.

  • Strokes

Strokes are the lines that compose the letters in a typeface/text. They can be bold, semi bold or light in weight.

  • Tint

Tint describes the amount of color white that is mixed with a color.

  • Triadic Color

They are three colors that are defined using a triangle with 120 degress on each point.

  • Typeface

It’s the collection of the character design on a web page, e.g. Calibri Georgia Arial.

  • Vector Image

It’s an image that doesn’t use pixels as its measurement unit. Often used as images that are enlarged as they can maintain their quality even when enlarged.

  • Watermark

This helps prevents stealing of copyrighted images. These are invisible-like yet easy-to-see marks on images that reveal the owner of the image.

  • Weight

The weight is the thickness of the strokes in a character. It can be bold, light or semi bold.

  • Widow

It’s the characters in a text or paragraph that have spilled over a page or a column.

  • ZIP File

These are compressed files that are packed in a single folder to make the file size smaller without affecting the content of the files. They are often used to email or send large files that may be too big or too hard to upload for a simple or standard emailer.

Use the web design terms listed above to communicate what you want to a web designer. This will also help you search the Internet more easily for solutions to your web design problems. Because you can search for the specific terms that web designers use, you can find posts and advices on the Internet that are given by true web design professionals. Thus, it would be ideal to keep these terms in mind or on a small notebook so that you can flip it open when you need to explain something to a web designer. Also, take the time to familiarize yourself with them so that you can be more efficient in expressing your ideas and the things that you think are needed to be done with a web page or a print design.

{ 0 comments… add one now }

Leave a Comment

Previous post:

Next post: