Assignment 1-4-1 Topical Review: Graphic Design

When making changes, select a unique color and make all of your changes in that color. Add your name and color to legend at the end of the document. Ground rules: 1) Make contributions by outcome. 2) To allow others to contribute, only cover one outcome per day. Frequent small contributions are better than one giant contribution. 3) Make initial contribution by Friday. 4.)You can edit your classmates work! 5) No late work for the collaborative topical review. If you are going to be late, do the individual guide per the assignment on the website. The outcomes from GRPH 210 are:

Create a layout demonstrating the principles and elements of graphic design. Elements of Design a. i. Line - a mark connecting 2 points. ii. Shape - geometric, abstract or symbolic. Line defines a shape. 1. 2. 3 basic shapes Circle a. b. Square c. Triangle Texture - How a surface looks or feels. iii. Tangible texture - Texture you actual can touch. Visual texture - texture you can sense. iv. Point - a geometric element with zero dimensions and a location determinable by an ordered set of coordinates Euclid (325 625 BC). gives precise location Euclid (325 625 BC). Points size or dots primary help in navigation for accessing specific information in design layout. For instance, Google map layout show specific location by points. Point contributes in creating gradients, tone, value, and halftones in graphic design. A point can communicate a multitude of visual meanings.

1.

Principles of Design i. Balance - equal distance of weight. Symmetrical - each part has a matching part. 1. 2. Asymmetrical - balance through difference. ii. Rhythm - a pattern that is created by repeating elements. Repetition - repeating the same element. 1. 2. Variation - varying elements. Unity - the organization of elements in a design to create an overall look (branding). iii. iv. Visual Hierarchy - giving an element a point of emphasis or making it a focal point. This helps organize the elements and information from important to not important. 1. Focal Point - main subject of the design. The area the user should look first. a. Accent - elements that support the focal point. Dominant - an object that takes up most of the focal point. . Achieved by size, color, relationship, etc. a. The object the user should see first. Subdominant - the object second to the dominant object. . The object that the dominant object should lead the users eye towards next. Subordinate - the smallest object on the page. . The object the user should see last. v. Figure/Ground - This is the relationship between the page and the objects on the page. AKA positive vs. negative space. Stable relationship - where the relationship is clearly defined. What is the object and what is the ground.

b.

Reversible relationship - Where either the object or the ground can be seed as the figure or the ground. Ambiguous relationship - Where it is unclear as to which is the figure and which is the ground. vi. Tension - emphasis that is placed on one specific area that causes an uncomfortableness at another area. Example - squeezing letters together. vii. Contrast - the extremes of two elements. Can be achieved with color, shape and font sizing (big vs. small, tall vs. short). High contrast - Black and white. Low contrast - circle vs. oval, black and grey, rectangle vs. square. viii. Flow - Creating the feeling of movement by placement of objects and text. Leading the users eye from one area to another. Reading left to right, top to bottom is an example of flow. ix. Scale/Proportion - is the relative degree of size, amount, importance and rank in a work of art.

Objective or Literal Scale demonstrates the actual dimensions of a physical object in relationship to the objects graphical representation. For instance, using ration scale such as 1:50. Subjective Scale demonstrates the persons impression of a definite object in regards to self experience.

2.

Apply effective typography and color in design. a. Typography

i. size ii. alignment iii. color iv. font family

Typography the ability of organizing typeface visually convey or communicate a given message. What makes typography importance in the design? The unique appealing characteristics of a text which help in emphasizing message content to target the intended audience. The picking of the type for a design requires thorough analysis to avoid illegibility, grotesque accidents, and miscommunication. The important thing to remember, the link between the typography and the nature of the publication should make visual sense.
b. Color i. ii. iii. iv. v.

conveying mood color basics - primary, secondary, warm colors

cool colors Light - allows the seeing of a visual representation of a design and the entire surrounding. Light is an essential element and property of color which helps to perceive the brightness of 1. color within a spectrum.

3.

vi. Present the reasoning behind decisions made for layouts. b. c. d. e. f. g. Creativity Brainstorming Targeted audience Surroundings and Environmental appearance

4.

Describe production standards and web standards in a design. Simplicity/Easy Navigation a. allows easy access of a web design i. ii. promotes memorable and cognitive of a design allure more viewers to a design iii. b. Spacing . the use of white-space in a design improve visual effects and avoids straining the viewers eyes. Logos c. . identify the brand in print or web form d. Fonts identify the font and family font visible in print and web. .

The outcomes from GRPH 310 and GRPH 117 are:

Apply the design process to solve a design problem. a. Stage 1 - Research The ideas should begin here. i. ii. Collect information about the company/brand. iii. Ask client questions regarding look and portrayal of the company. Stage 2 - Creative Thinking b. . Mind Maps Draw thumbnails i. ii. 100mph thinking c. Stage 3 - Roughs More advanced sketches of your ideas or thumbnails. . i. Fonts, pictures/images and colors are decided here. ii. Leads to the final design. Stage 4 - Compositions (comps) d. . Computer implementation begins here. i. Gives the client exactly what will be used in the overall look. Stage 5 - Finals e. . The finished product with all working components. Identify, create or design appropriate images for use in Create a design using type and image in a unified manner using Apply the concepts of usability when designing. Usability Testing . Needs Analysis Ease of Use a. . Scalability Design a comprehensive visual program to create a portfolio. Modify images using graphic editing software. Create promotional materials using graphic editing software.

1.

layouts. advanced techniques.

Legend Bill - Black Kendra - Green Phillemon-Blue Cureton - Red Chad - Orange Question: How can we do number 2,3,5,6 and 7 without illustration/image? Or could we copy and paste the GRPH 310 and WEBD117 images here?