You've designed your wireframes and you now want to make them beautiful. To do this, you now have to discover how carefully considered elements of design can enhance the final product. In the next couple of minutes, you will identify the use of images, colors, and shapes and their role in design. Consider design elements as necessary parts of a recipe. Unlike the recipe, to visually assemble a digital interface, these fundamental elements are crucial. Every component of a visual message is essential and how they are combined effects, how the design is interpreted. Depending on what you want to do, you can use either one of these aspects alone or a mix of them. The main elements are line, text, color, shape, graphic elements such as icons and images, and space. Let's take some time to explore each components, function, and application in greater detail. The most fundamental element of design is lines. They come in a variety of colors, sizes, and shapes. Lines of direction can be seen or not, and can assist in directing the eye to a certain area. A line's thickness can convey additional information. While bold and broad lines can catch the eye, thin lines are the opposite. Depending on the meanings attached to them, colors can convey a variety of messages and specific aspects of your design layout can be emphasized using color and lines. Now let's explore type. Web typography is comparable to print typography, but it also needs to take additional things into account to make reading easier across all screen sizes. To make reading enjoyable, there's some type of graphic elements that must be properly balanced. These are typeface, type size, color, line height, and letter shapes. The next element is color. Did you know that all elements can be given color? Color set the mood, and it is an effective tool for developing brand identification and evoking emotions. Color can also highlight particular parts of your design layout. The RGB and CMYK color schemes are used in design. The RGB color system specifically used in digital design are red, green, and blue primary colors when added together in various combinations, reproduce a broad array of colors. There are additional colors that are made up by combining several primary colors. Let's explore some more qualities of color. Color also has the qualities of hue, tint, tone, shaded, and saturation. Let's discover what they mean. Hue describes how closely or differently a hue can be compared to the primary colors of red, orange, yellow, green, blue, indigo, and violet. When you define a color as blue-green, you are using two hues to describe it. Tint is when a color can be tinted to make it lighter by mixing it with white and tone is the process of muting a color by adding gray. Shaded is the next element and this is when you create a shaded version of a hue by adding black. This graphic is an example of hues, tints, tones, and shades. The final color element is saturation. The intensity of a color is described by its saturation. When the saturation is reduced, the color scenes faded and lighter while increasing saturation makes it richer and darker. The terms and light blue and dark green refer to variations in saturation. The next design element is shapes. Shapes have the ability to draw your attention to a layout. There are three types of shapes. Geometric, organic, and abstract. Geometric forms typically have accuracy and are structured for example, mathematical squares, circles and triangles. Organic shapes usually lack sharp edges and feel smooth and natural. These shapes give a layout emphasis. Through abstract shapes, reality is presented minimally. A human stick figure is a good example of an abstract shape. The majority of logos use abstract shapes to reflect the spirit of a company using abstract graphics. Images are also an important design elements as a user's experience can be improved by using a variety of media elements. The most popular and accessible medium is still visual because images are practical, engaging, and simple to memorize and appealing to us. Images may draw in and direct the attention of your visitors, arouse feelings and promote a sense of confidence if used wisely. The final design element is space. The area that shape occupies is referred to as space. It also describes the background in which the shape or form is contrasted. There's positive and negative space. Designs area of interest is referred to as the positive space of the design and the space around it is negative space. Let's explore an example. In this image there is a white vase. This is the positive space, the black area around that is negative. There are also two faces in black in this image. This is also positive space and the white then becomes the negative space. Elements in a design can be connected and or separated using space. Narrower spaces link items to show connections between them, whereas wider gaps divide elements to show separations between them. Their link is enhanced by them overlapping. You have learned that a great products like the little lemon website, not only has to be well-made, but also has to look good. In this lesson, you've learned about the fundamentals of design elements and their role in design, good work.
