NCC Art and Design final

Keep It Simple Stupid

Studying target audience and competitors.

Gathering insights on user preferences and behaviors.

paper or screen. The designer begins to indicate words and images with simplest lines and spaces

Polished versions of roughs. is the page layout of a
proposed design as initially presented by the designer to a client, showing the relative positions of text and illustrations before the final content of those elements has been decided upon. Typography, imagery, and layout are more refined, presented to the client

Expressed as dpi or ppi, defines image quality.

Width and height measurement in pixels.

is calculated by multiplying the surface area of a document (height x width) to be scanned by the bit depth and the dpi2. Because image file size is represented in bytes, which are made up of 8 bits, divide this figure by 8

Key design principle focusing on coherence.

Fundamental design elements related to form and area.

Study of how colors interact and influence design.

Similarity

Proximity

Continuation

Closure

Figure/Ground.

Direct representation in semiotics

the art and practice of planning and projecting ideas and experiences with visual and textual content

1: aesthetics

2: structure

3: emotion

4: utility

times new roman like fonts

fonts like ariel or helvitaca

Includes rough outline about the company initiating the project, its history and mission, the goals of the company's communication, a target audience (age, sex, social levels), and the general requirements (media, budget, and time frame).

Helps determine what the project is really about and where it can go. Tell me what kind of research can you do?

Enlarge a few of the best ideas into rough approximations of the design

Present roughs to colleagues in a critique It's an evaluation in which the professor, classmates, and when you're at a firm, manager, and co-workers review the solutions you
have created.

Show finished comp to the client, explaining ideas behind the solution and going over entire concept. Sell your idea. Make the client feel that primary goals are met

is the ability to distinguish fine spatial detail. The spatial frequency at which a digital image is sampled (the sampling frequency) is often a good indicator of resolution. This is why dots-per-inch (dpi) or pixels-per-inch (ppi) are common and synonymous terms used to express resolution for digital images.

are the horizontal and vertical measurements of an image expressed in pixels. The pixel dimensions may be determined by multiplying both the width and the height by the dpi. A digital camera will also have pixel dimensions, expressed as the number of pixels horizontally and vertically that define its resolution

is determined by the number of bits used to define each pixel. The greater the bit depth, the greater the number of tones (grayscale or color) that can be represented. Digital images may be produced in black and white (bitonal), grayscale, or color.

is used to reduce image file size for storage, processing, and transmission. The file size for digital images can be quite large, taxing the computing and networking capabilities of many systems. All compression techniques abbreviate the string

PNG
JPG
PDF
GIF
TIFF.

Vector Graphics vs. Raster Graphics
(and when to each each file type)

High quality graphics used in illustrations, typography, logos, and advertisements

• Unity

• Variety

• Hierarchy/Dominance

• Proportion

• Balance

• Scale

• Emphasis/Focal point

• Contrast

• Rhythm/Movement

• Proximity

• Repetition

• Grid

• Shape and space

• Line

• Size

• Color

• Texture

• Typography

• Marks

• Symbols

• Logos

• Combination marks

• Icon

• Index

• Symbol

space between letters

space between lines of text

adjusts letter spacing over a range of characters

short magazine

artistic composition of materials pasted over a surface; an assemblage of diverse elements

Similarity: When we see things that are similar, we group them. Also draws attention to differences

Proximity: nearness. We will group things that are close to each other

Continuation: viewer’s eye will follow a line or curve. Continuation occurs when

the eye is carried smoothly into a line or curve that links adjoining objects.

Closure: familiar shapes are more readily seen as complete than incomplete. When the eye completes (or closes) a line or curve in order to form a familiar shape , closure has occurred.

Figure/Ground: The eye and mind separate an object (figure) from its surroundings (ground).

• Similarity

• Proximity

• Continuation

• Closure

• Figure/Ground

SYNTACTICS: way to understand formal parts of a sign.

SEMANTICS: the associative meaning behind a sign. Gray sky suggests rain

PRAGMATICS: how a sign is actually understood by the user and context plays a important role. Gray sky rain for me, good for farmer

PICTOGRAM: symbol used to cross language barriers for international signage. Ie traffic signs

TRADEMARKS: a symbol, word, or words legally registered or established by use as representing a company or product.

Keep in mind:

• You’re making a mark to symbolize your client and their product

• Reproduced in many sizes, must remain legible and strong in all sizes

• May be reproduced in newspaper ad, it must produce well in color and black/white

• Simplicity is a virtue

• Symbol: abstract or representational; represents invisible qualities of a product, such as reliability, durability, strength or warmth.

• Symbols, icons, indexes are good conceptual approaches in the development of a trademark symbol

COMBINATION MARK: symbol and logo used together. WWF

unique type or lettering that spells out the name of a company or product. Usually constructed out of a variation of an existing typeface.

PERSUADE – IDENTIFY – INFORM EDUCATE – SYMBOLIZE – ACTION

the art and practice of planning and projecting ideas and experiences with visual and textual content.

the style and appearance of
printed matter

• Legible
• Readable
• Appealing

AESTHETICS: to achieve notions of beauty

STRUCTURE: to organize and arrange

EMOTION: to accentuate/evoke feelings

UTILITY: for use and experience

the communication can be
physical or virtual, and may include
images, words, or graphic forms.