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 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.
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.
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.
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.
This is an effect that makes an image or text appear like it has a shadow.
This is the method of smoothing out the edges of an image.
This is the style of a character or characters of a text e.g. Comic Sans Italic in size 12.
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.
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.
This is a file format of presentations and documents.
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 is the brightness and intensity of colors.
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 are the lines that compose the letters in a typeface/text. They can be bold, semi bold or light in weight.
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.
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.
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.
The weight is the thickness of the strokes in a character. It can be bold, light or semi bold.
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.