Imaging and Design for Online Environment PDF

Imaging and Design for Online Environment Basic Principles of Graphics and Layout The elements, or principles, of visual design include Balance, Emphasis, Movement, Propor:on, Repe::on, Rhythm, Pa=ern, and Variety. These principles of design work together to create something that is aesthe:cally...

Imaging and Design for Online Environment Basic Principles of Graphics and Layout The elements, or principles, of visual design include Balance, Emphasis, Movement, Propor:on, Repe::on, Rhythm, Pa=ern, and Variety. These principles of design work together to create something that is aesthe:cally pleasing and op:mizes the user experience. 1. Balance § The visual weight of objects, texture, colors, and space is evenly distributed on the screen. § There are two basic types of balance: symmetrical and asymmetrical. § Symmetrical designs layout elements of equal weight on either side of an imaginary center line. § Asymmetrical balance or balance through tension uses elements of differing weights, oKen laid out in rela:on to a line that is not centered within the overall design. 2. Emphasis § An area in the design that may appear different in size, texture, shape, or color to a=ract the viewer’s a=en:on. § It deals with the parts of a design that are meant to stand out. In most cases, this means the most important informa:on the design is meant to convey. § Contrast is the most effec:ve way to create emphasis and impact with your design. § Contrast is created when two elements are total opposites. For example: big/small size, classic/contemporary fonts, thin/thick lines, cool/warm colors, dark/light, smooth/rough textures, horizontal/ver:cal, etc. § Contrast plays a crucial part in the organiza:on of informa:on on a page. It gives the reader a guide on where to look first; What is the most important point? What stands out the most? 3. Movement § Movement refers to the way the eye travels over a design. Visual elements guide the viewer’s eyes around the screen. § The most important element should lead to the next most important and so on. § This is done through posi:oning (the eye naturally falls on certain areas of a design first), emphasis, and other design elements already men:oned. 4. Pa8ern, Repe