Basic visual elements of Graphic Design & UI/UX


Visual Elements include check boxes, radio buttons, drop down lists, list boxes, buttons, toggles, text fields, date field, navigational components: breadcrumb, slider, search field, pagination, slider, tags, icons, informational components: tool tips, icons, progress bar, notifications, message boxes, modal windows etc. It helps understanding an app and increases usability with ease.We can divide those things like these topics-
• Understanding color Psychology
• Applying attractive shape


As we know design elements are the basic units of any visual design which form its structure and convey visual messages. The goal is to determine how visual elements, influence the meaning of a design, to make connections between visual elements and the design concepts, to understand the consistency maintaining of any design and to learn making wire frame.

Visual Elements

Design elements are the basic units of any visual design which form its structure and convey visual messages.

Color: Colors are the main role in the elements of design with the color wheel being used as a tool, and color theory providing a body of practical guidance to color mixing and the visual impacts of specific color.

Line: Line is an element of art defined by a point moving in space. It is probably the most fundamental of the elements of design as it is usually the starting place for much of artistic creation. Lines can be vertical, horizontal, diagonal, or curved. They can be any width or
texture. And can be continuous, implied, or broken.

Shape: A shape is defined as a two or more dimensional area that stands out from the space next to or around it due to a defined or implied boundary, or because of differences of value, color, or texture. All objects are composed of shapes and all other ‘Elements of Design’ are shapes in some way.

Texture: Meaning the way a surface feels or is perceived to feel. Texture can be added to attract or repel interest to an element, depending on the pleasantness of the texture. Figure

Space: In design, space is concerned with the area deep within the moment of designated design, the design will take place on.

Form: Form may be described as any three-dimensional object. Form can be measured, from top to bottom (height), side to side (width), and from back to front (depth).

Read Next Part  Understanding color Psychology.