Lesson Design Principles

• Design principles include contrast, hierarchy, alignment, and balance.
• Building a website entails creating a site that visitors expect to see.
• There are numerous benefits to both artistic and efficient web design.
• Contrast in design is when two or more visual elements are different in a composition, creating visual interest and directing viewers' attention to the essential elements and information.
• Contrast in design occurs when two or more elements are compared to one another, creating interesting relationships between visual elements and can repel or connect visual elements.
• Shape contrast in design makes a notable difference between elements of varying shapes, for example, our profile picture on most social media sites is contained in a circle, which contrasts with the shape of the screen.
• Color contrast in design is often used for visibility or to give emphasis to an idea.
• Scale contrast in design is the significance of one element over another, for example, by placing objects side by side, the difference in their sizes can be more noticeable.
• Type contrast in design is commonly used to suggest structure and hierarchy between information in a composition, for example, using different typefaces, sizes, colors, and weights.
• The primary purpose of contrast in design is to grab viewers' attention.
• Contrast in design aids in the organization of information, using contrast to produce borders and highlight important information in a composition makes it organized so that readers will find it easy to digest information.
• Contrast in design creates focus, as used in advertisements, contrast allows your viewers' attention to be redirected to and focus on the main subject of the composition.
• Visual hierarchy in design is the organization or arrangement of elements in a composition, it is a system designed to prioritize valuable information so that it can be easily understood.
• In design, size can be used to enhance or reduce visibility, it is common for the most prominent element in a composition to receive the most attention.
• Color and contrast in design direct the viewers' attention, eyes are naturally attracted to colors, especially when they are used strategically to highlight important information.
• Typographic hierarchy in design involves a 3-level approach that can be applied to any design, level one generally consists of the heading, the most important content.
• In design, fonts should be chosen typeface categories and styles carefully, the look of the font, the type, and the style can make or break your design.
• Alignment in design is the foundation on which a design stands and looks attractive to the viewer, alignment represents the placement of different visual elements in a composition.
• Function in graphic design is the primary goal of a piece of graphic work and how well a design is researched and implemented to achieve that goal are considered.
• Repetition in design principles is the act of repeating similar design elements such as colors, fonts, lines, shapes, sizes, and textures and making them come together as a cohesive whole.
• Whitespace separates distinct groups through the principle of proximity.
• Repetition can be regular or irregular, even or uneven.
• Pattern is a method of repeating or using the same design elements such as color or shapes to make a cohesive whole that can go on forever because of their uniformity.
• Creative design uses computer-generated imagery and digital animation to illustrate a potential product.
• Simplicity in graphic design is about creating a composition without all the unnecessary ornaments to make a direct statement that is clear, concise, and easy to understand.
• To achieve simplicity in design, features can be removed, hidden, grouped, or displaced.
• Rhythm in graphic design gives space and interval to each repeating element to give it cadence, harmony, and a sense of movement.
• Proximity is the process of grouping related items while leaving enough space for unrelated items.
• Organized chaos is a type of balance that lacks a clear focal point but collaborates to share the same level of emphasis.
• Good use of proximity in design can help differentiate the relationships between visual elements to reduce clutter and make the design more comprehensive.
• Repetition can also be in the form of radiation, where the elements radiate out from a central form repeatedly.
• Proximity in creating a meaning group is reflected when presenting text information in a paragraph format.
• One of the three methods of repetition is repetition itself, which simply repeats the use of a design element in a composition.
• Functional design ensures that each component of a composition has the fewest possible side effects on other components.
• Grouping together unrelated items may hide them from the viewer's perspective.
• The ultimate purpose of any graphic design is to communicate and make an impression, but it is also crucial to make the correct impression and get the desired result.
• Elements in close proximity indicate that these items are connected and related to one another, forming a visual single unit that helps organize a composition.
• Vertical alignment occurs when the contents are arranged on either the top or bottom.
• Edge alignment refers to the placement of the content on either side of the canvas.
• The mixed alignment can appear radical, dynamic, and playful and was intended to be part of the design.