Embedded Files
Rochelle Harper, Digital Design Instructor
North Clackamas School District
Sabin-Schellenberg Professional Technical Center
Contact Information
Email: harperr@nclack.k12.or.us
Phone: 503-353-5910 ext. 37650
Office Hours: 7:45 - 8:30 AM Monday, Wednesday, Friday 3:00 - 3:30 Tuesday and Thursday
2023 Digital Design
2023 Digital Design
Outstanding Student of the Year
Outstanding Student of the Year
Angelia Allworth
Angelia Allworth
multnomah falls wpa-1 (3) copy.pdfCriteria to Advance to Level 2, 3, and/or Advanced Intern
Criteria to Advance to Level 2, 3, and/or Advanced Intern
PRODUCTIVITY - Student is able to exhibit multiple ideas and concepts for every project (sketchbook and digital files). Student uses their time every class to work on assigned class and client projects. Passes the Technical Skills Assessment at the end of Level 2.
PROBLEM-SOLVING - Student demonstrates ability to think critically about their (and other's) work, participates in critique, and finds solutions for problems from multiple sources and through multiple iterations of the project.
ATTITUDE, RESPECT, and CHARACTER - Student shows respect for their own time, as well as the staff, tools, and materials in the Computer Lab, Print Studio, and Makerspace. The student hands in work on time for class projects and client work. The student show effort to produce the best possible result in the time available.
ELEMENTS AND PRINCIPLES
ELEMENTS AND PRINCIPLES
OF DESIGN
OF DESIGN
Designers and Design Instructors use these tools but often do not agree on the vocabulary for these concepts. We will be using this vocabulary for our purposes:
Designers and Design Instructors use these tools but often do not agree on the vocabulary for these concepts. We will be using this vocabulary for our purposes:
ELEMENTS:
ELEMENTS:
LINE (and POINT) - LINE is a stroke that connects two POINTS, varying in width and density. A line might be curvy, straight, wavy, angular, broken or implied. It can be used to create movement with gestural lines and be expressive when strongly or lightly applied.
LINE (and POINT) - LINE is a stroke that connects two POINTS, varying in width and density. A line might be curvy, straight, wavy, angular, broken or implied. It can be used to create movement with gestural lines and be expressive when strongly or lightly applied.
SHAPE - SHAPE is a 2 dimensional enclosed area that has length and width. Shape is an area that is contained within an implied line or is seen because of color and value changes. Shape can be GEOMETRIC or ORGANIC, and ABSTRACT (simplified, flat shapes of three-dimensional things that we can recognize but which may not look real).
SHAPE - SHAPE is a 2 dimensional enclosed area that has length and width. Shape is an area that is contained within an implied line or is seen because of color and value changes. Shape can be GEOMETRIC or ORGANIC, and ABSTRACT (simplified, flat shapes of three-dimensional things that we can recognize but which may not look real).
FORM - FORM describes objects that are three dimensional, having length, width, and height (x, y, and z axis)
FORM - FORM describes objects that are three dimensional, having length, width, and height (x, y, and z axis)
COLOR - COLOR is the separation of light into bands called the COLOR SPECTRUM (as you might see in a rainbow). We refer to the spectrum in design as the COLOR WHEEL. HUES (colors) are categorized as PRIMARY colors[Red, Yellow, Blue], SECONDARY colors [Orange, Green, and Violet - the blending of Primary colors], and TERTIARY or INTERMEDIATE colors[ mixing Primary and Secondary colors. HUE, VALUE and INTENSITY are the three main characteristics of color.
COLOR - COLOR is the separation of light into bands called the COLOR SPECTRUM (as you might see in a rainbow). We refer to the spectrum in design as the COLOR WHEEL. HUES (colors) are categorized as PRIMARY colors[Red, Yellow, Blue], SECONDARY colors [Orange, Green, and Violet - the blending of Primary colors], and TERTIARY or INTERMEDIATE colors[ mixing Primary and Secondary colors. HUE, VALUE and INTENSITY are the three main characteristics of color.
VALUE - VALUE refers to dark and light, the VALUE SCALE refers to black and white with all the gradations of gray between. VALUE contrasts help us to see and understand a two dimensional design or work of art.
VALUE - VALUE refers to dark and light, the VALUE SCALE refers to black and white with all the gradations of gray between. VALUE contrasts help us to see and understand a two dimensional design or work of art.
LINE
LINE
Letters made of SHAPE
Letters made of SHAPE
Analogous COLOR Schemes
Analogous COLOR Schemes
FORM is 'implied' in this graphic
FORM is 'implied' in this graphic
A variety of VALUES give the impression of 3 dimensions
A variety of VALUES give the impression of 3 dimensions
TEXTURE is 'implied' in 2D images
TEXTURE is 'implied' in 2D images
MC Escher used Positive/Negative Space/Shapes to challenge the viewer
MC Escher used Positive/Negative Space/Shapes to challenge the viewer
Visual hierarchy refers to the arrangement or presentation of elements in a way that implies importance. In other words, visual hierarchy influences the order in which the human eye perceives what it sees. This order is created by the visual contrast between forms in a field of perception.
Visual hierarchy refers to the arrangement or presentation of elements in a way that implies importance. In other words, visual hierarchy influences the order in which the human eye perceives what it sees. This order is created by the visual contrast between forms in a field of perception.
by Cameron Chapman, Brand Design
One of the most common complaints designers have about client feedback often revolves around clients who say a design needs to “pop” more. While that sounds like a completely arbitrary term, what the client generally means is that the design needs more Contrast .
Every element of a design—typography, colors, images, shapes, patterns, etc.—carries a visual weight. Some elements are heavy and draw the eye, while other elements are lighter. The way these elements are laid out on a page should create a feeling of Balance. 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 uses elements of differing weights, often laid out in relation to a line that is not centered within the overall design.
Every element of a design—typography, colors, images, shapes, patterns, etc.—carries a visual weight. Some elements are heavy and draw the eye, while other elements are lighter. The way these elements are laid out on a page should create a feeling of Balance. 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 uses elements of differing weights, often laid out in relation to a line that is not centered within the overall design.
Emphasis deals with the parts of a design that are meant to stand out. In most cases, this means the most important information the design is meant to convey.
Emphasis deals with the parts of a design that are meant to stand out. In most cases, this means the most important information the design is meant to convey.
Proportion is one of the easier design principles to understand. Simply put, it’s the size of elements in relation to one another. Proportion signals what’s important in a design and what isn’t. Larger elements are more important, smaller elements less.
Proportion is one of the easier design principles to understand. Simply put, it’s the size of elements in relation to one another. Proportion signals what’s important in a design and what isn’t. Larger elements are more important, smaller elements less.
Hierarchy is another principle of design that directly relates to how well content can be processed by people using a website. It refers to the importance of elements within a design. The most important elements (or content) should appear to be the most important.
Repetition is a great way to reinforce an idea. It’s also a great way to unify a design that brings together a lot of different elements. Repetition can be done in a number of ways: via repeating the same colors, typefaces, shapes, or other elements of a design.
The spaces between repeating elements can cause a sense of Rhythm to form, similar to the way the space between notes in a musical composition create a rhythm. There are five basic types of visual rhythm that designers can create: random, regular, alternating, flowing, and progressive.
Patterns are nothing more than a repetition of multiple design elements working together. Wallpaper patterns are the most ubiquitous example of patterns that virtually everyone is familiar with.
White space—also referred to as “negative space”— is the areas of a design that do not include any design elements. The space is, effectively, empty.
Movement refers to the way the eye travels over a design. The most important element should lead to the next most important and so on. This is done through positioning (the eye naturally falls on certain areas of a design first), emphasis, and other design elements already mentioned.
Variety in design is used to create visual interest. Without variety, a design can very quickly become monotonous, causing the user to lose interest. Variety can be created in a variety of ways, through color, typography, images, shapes, and virtually any other design element.
Unity refers to how well the elements of a design work together. Visual elements should have clear relationships with each other in a design.
Proximity, how close one object is to another, relates to the concept that things that are related should be nearer to each other, and things that are unrelated should be placed further from each other (use in Hierarchy).
Report abuse