Vocabulary List for User Interface Design in Website Development

White Space

• The empty space around elements in a design that helps to create a clean look and improve readability.

• A design element that adds color and vibrancy to a layout.

• The area filled with images and graphics in a design.

• The use of bold fonts to emphasize important information.

Hierarchy

• The arrangement of elements in a way that signifies importance, guiding the viewer's eye to the most critical parts of the design first.

• A method of organizing data in a database.

• A technique used to create visual balance in a design.

• A principle of design that focuses on symmetry and proportion.

Patterns/Texture

• Repeated elements or surface qualities in a design that add depth, interest, and can evoke certain feelings.

• A single color used throughout a design to create uniformity.

• Random shapes and colors that do not follow any specific design principles.

• A technique used to create a three-dimensional effect in a flat design.

Grid System

• A framework of intersecting horizontal and vertical lines used to organize content, ensuring consistency and alignment in a design.

• A method for creating random layouts without any structure.

• A technique for designing three-dimensional objects.

• A style of art that focuses on abstract shapes and colors.

Color Theory

• The study of how colors interact and their practical applications in design.

• A method for mixing colors to create new shades.

• The psychological effects of colors on human behavior.

• The historical significance of colors in art and culture.

Typography

• The art of arranging type to make written language legible, readable, and visually appealing, including font choice and spacing.

• A method of printing that uses movable type to create text.

• The study of the history and evolution of written language.

• A technique for creating visual art using letters and symbols.

Alignment

• The arrangement of elements in line with each other, creating a sense of order and structure in the design.

• A technique used to create contrast in design elements.

• The process of combining different design elements into a cohesive whole.

• A method for measuring the effectiveness of a design.

Contrast

• The similarity between elements, such as light and dark colors, which helps to create a uniform look.

• The difference between elements, such as light and dark colors, which helps to draw attention and improve legibility.

• The use of colors that are identical to each other, making the design less appealing.

• The arrangement of elements in a way that creates a sense of balance and harmony.

Negative Space

• Also known as white space, it refers to the unmarked areas of a design, which can help to highlight the main subject and create a balanced composition.

• A design element that is always filled with color or texture.

• The area in a design that is used for text only.

• A technique used to create depth in a design.

Proximity

• The placement of elements close to each other to indicate a relationship or grouping, which helps in organizing information.

• The use of contrasting colors to highlight important information.

• The arrangement of elements in a linear fashion to create a sequence.

• The technique of using images to convey messages without text.