04.05.2020 Views

yumpu

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

t r a c k i n g

progress





tracking progress

nikka bacalzo april 2020

gra 322 technology for design II

visual communication design

arizona state university


contents

1

gra 121 : design principles I

13 – 41

2

gra 122 : design principles II

43 – 77

3

gra

220 : design drawing

79 – 145

4

gra

221 : letterform

147 – 219


5

gra

6

gra

7

gra

8

gra

222 : visual communication I

gra 321 : technology for design I

221 – 293

9 511 - 573

223 : typography

gra 362 : visual communication IV

295 – 351

10 575 – 653

224 : visual communication II gra 322 : technology for design II

353 – 423

11 655 – 723

361 : visual communication III

425 – 509

12

covid - 19

727 – 735


10


Dedicated to my parents who have

supported me with materials, provided

critique, mental stabilization (!!!!),

incalculable boba fuel, and for letting

me stay in school for way too long.

Thank you to Laura for being my go-to

design support first year, Daniella for always

helping me look on the bright side of

things, and Matt for encouragement and

more than you could ever know.

I would not be here without any of you!

Thank you to my instructors who have put

up with my nonsense and helped

navigate me through my time at The Design

School; Nathan Finden, Jessica Scott,

Paul Howell, Nicole Dahlin, Jennifer Brown,

Eric Montgomery, Lisa Peña, Scott

Curtis, Marsha Minniss, Al Sanft, and Kyle Larkin.

Lastly to all my peers who have

motivated, supported, and offered their

two cents when it was needed.

11


1 design principles I

12


This course will introduce first year graphic

design students to fundamental

principles of graphic design in preparation

for further study. Students will

explore and hopefully discover largely unknown

phenomena in the interaction

of form including two and three dimensions.

This course remains experimental.

13


14

black and white

interaction


Through translating the following simple

project with Plaka and the computer the

student will gain hand skills and sensitivity

to optical change along with computer

experience. Each of the following are to be

first translated on Bainbridge 172 board

cut to 22cm square, see format. 4.4cm black

square (area 2) centered within an overall

13.2cm pencil line (area 1) square centered

on the 22cm format. Keep the pencil

line as consistent in value and weight as

possible. 2 White on Black 4.4cm white

square (area 2) centered within an overall

13.2cm black square (area 1) centered

on the 22cm format. 3 Computer/ Evaluation

it is recommended to measure the final

boards to see that the measurements

remain 4.4cm and 13.2cm square. If there is

any more than 1mm of variation the

boards need to be repainted. Once

accuracy has been achieved draw step

1 and 2 in Adobe Illustrator at 100%, print,

trim to 22cm, and do not mount.

15


black and white interaction

16

testing tape


design principles I

trials

17


black and white interaction

18

hand made board : 22 x 22cm


design principles I

illustrator board

19


black and white interaction

20

magic hello kitty tape


design principles I

hand made board : 22 x 22cm

21


22

line interaction


Through translating the following

project into form the student will gain

sensitivity in the areas of rhythm

and composition. Divide the

13.2cm square (area 1 and 2) with

twelve parallel lines either vertically,

horizontally, or both with cut black

paper or black Plaka on 22cm square

photocopy paper. Lines and

spaces may be any weight. All lines

must be equal and all spaces must be

equal. Make 5 variations, choose

one with instructor, and paint/rule on

Bainbridge 172 board with Plaka.

Then draw in Adobe Illustrator at 100%

and print on laserwriter.

23


line interaction

24

pen variations


design principles I

outlined then filled

25


line interaction

26

hand made board : 22 x 22cm


design principles I

illustrator board

27


28

three dimensional

interaction


Student will gain sensitivity in the

consideration of materials, light, and actions.

This project is to be sketched in the

following way. (1) Drawings. (2) Prototypes.

(3) Full scale prototypes. (4) Full scale

final material: metal, wood, etc. It is helpful

to make a list of materials during the

drawing stage. Black and White Interaction.

Translate the two parts of ‘Black and

White Interaction’ into three dimensions without

any variation in color or type of material.

Light and dark areas may only be made with

light and shadow. This three dimensional

translation can be made an any scale.

Photograph full scale final project in a

professional manner (consider lighting and

background) so that the translation of

the two parts of project 1 are evident and print

both so the intended 22cm square on the

model is 13.2cm. The background should then

bleed off the edge of the 22cm format. All

edges must be square. Then photograph

and print the project in 3/4 view. The model

should more or less cover the 13.2cm area.

29


three dimensional interaction

30

copy paper and 110lb


design principles I

trying textures

31


three dimensional interaction

32

used laser cutter


design principles I

final assembly

33


three dimensional interaction

34

folding transformation


design principles I

final cube : 4 x 4 x 4in

35


three dimensional interaction

36

transformation pt 2


design principles I

white on black

37


black and white interaction

38

adhesive : paper cement


design principles I

white on black

39


black and white interaction

40

black on white


design principles I

inspired by magic cube toys

41


2 design principles II

42


This class will introduce students to

fundamental principles of letterform design

in preparation for further study in

Typography. Students will explore

and discover largely unknown phenomena

in the drawing and writing of signs.

43


44

uppercase

letterform studies


By translating uppercase signs with Plaka and/

or black paper students will further develop

hands skills and become sensitive to optical

adjustments. As the project continues, students

will continue to gain sensitivty in the problems

of spacing.

45


uppercase letterform studies

46

10 hand made H’s


design principles II

varying weight and width

47


uppercase letterform studies

Height : 100mm

Width : 70mm

Vertical weight : 7mm

Horizontal weight : 7mm

Counter : 55.5mm

48

the chosen H


design principles II

crossbar thickness

49


uppercase letterform studies

Height : 100mm

Width : 70mm

Vertical weight : 7mm

Horizontal weight : 7mm

Counter : 55.5mm

50

cross bar weight : 7mm


design principles II

crossbar position

51


uppercase letterform studies

52

crossbar raised : .5mm


design principles II

kerning

53


uppercase letterform studies

54

kerned : 55.5mm


design principles II

hand made E’s

55

comparing to H’s


uppercase letterform studies

56

shortening arm


design principles II

middle arm : 53mm

57


uppercase letterform studies

58

kerning


design principles II

kerned : 49.5mm

59


uppercase letterform studies

60

hand made A’s


design principles II

the chosen A

61


uppercase letterform studies

62

comparing forms


design principles II

kerning E and A

63


uppercase letterform studies

64

considering counters


design principles II

65


uppercase letterform studies

66

kerning : 32.2mm


design principles II

hand painted O’s

67

plaka and copy paper


uppercase letterform studies

68

the chosen O


design principles II

adjusting kerning

69


uppercase letterform studies

70

kerning : 27mm


design principles II

optically centered composition

71


uppercase letterform studies

72

slab serif variations


design principles II

comparing crossbars and serifs

73


uppercase letterform studies

74

H leading matrix


design principles II

final composition : 11 x 17in

75


uppercase letterform studies

76

kerning and leading


design principles II

final composition : 11 x 17in

77


3 design drawing

78


This course will introduce second

year graphic design students to

fundamental principles of graphic design

in preparation for further study.

Design drawing explores translation.

Translation is made up of a tool

and its language derived from human

interaction. The most direct form of

translation today is drawing. This class

will introduce students to

fundamental principles of drawing.

This course remains experimental.

79


80

line/elipses


It is recommended that all drawings

be made standing up. If this is not possible

please see the instructor for options.

Desks may be raised to students’ level.

The desk surface is most helpful

when tilted at a 45 degree angle to the

floor. All lines are to be drawn with

the body at an arms length from the paper.

At no time will the hand or arm rest

on the drawing. This allows the entire body

to help with the drawing.

81


line/elipses

82

establishing a “grid”

24 x 36”


design drawing

defining shape

83


line/elipses

84

darkening for depth


design drawing

dabbing with eraser but not erasing

85


line/elipses

86

darks weren’t dark enough


design drawing

trying to lighten for more depth

87


line/elipses

88

lightning at intersections

trying to define shape


design drawing

final composition

89


90

plane


It is recommended that all drawings

be made standing up. If this is not possible

please see the instructor for options.

Desks may be raised to students’ level.

The desk surface is most helpful

when tilted at a 45 degree angle to the

floor. All lines are to be drawn with

the body at an arms length from the paper.

At no time will the hand or arm rest

on the drawing. This allows the entire body

to help with the drawing.

91


plane

92

overhead view


design drawing

defining perspective

93


plane

94

struggling with angles


design drawing

due to my height, perspective is sharp

95


black and white interaction

96

ellipse contact points were flat


design drawing

darkening for depth

97


black and white interaction

98

fixing up elipse


design drawing

final composition

99


plane

100

drawing extensions from points

struggling with verticals


design drawing

defining planes and intersections

101


plane

102

points were not lining up


design drawing

final composition

103


104

sleeping cylinder


It is recommended that all drawings

be made standing up. If this is not possible

please see the instructor for options.

Desks may be raised to students’ level.

The desk surface is most helpful

when tilted at a 45 degree angle to the

floor. All lines are to be drawn with

the body at an arms length from the paper.

At no time will the hand or arm rest

on the drawing. This allows the entire body

to help with the drawing.

105


sleeping cylinder

106

transferring drawing to new paper


design drawing

choosing direction of cylinder

107


black and white interaction

108

seeing if points will line up

adding depth


design drawing

connecting bases

109


sleeping cylinder

110

trying to clean up lines


design drawing

final composition

111


112

sphere


It is recommended that all drawings

be made standing up. If this is not possible

please see the instructor for options.

Desks may be raised to students’ level.

The desk surface is most helpful

when tilted at a 45 degree angle to the

floor. All lines are to be drawn with

the body at an arms length from the paper.

At no time will the hand or arm rest

on the drawing. This allows the entire body

to help with the drawing.

113


sphere

114

angled elipse was wobbly


design drawing

darkening for depth

115


sphere

116

struggling with gradient


design drawing

drawing overhead key

117


sphere

118

elipses aren’t always touching


design drawing

final composition

119


120

simple object

containing

cylinder and/or

sphere


Drawings one through four must be complete

by the end of the semester. Drawing

five must have enough information to be

at an understandable level by the

end of the semester. If necessary drawing five

may be completed in the spring

in GRA 224 Visual Communication II.

121


simple object

122

establishing set up for rest of semester


design drawing

finding all the levels in bulb

123


simple object

124

discovering my ratios are wrong


design drawing

fixing cross section

125

defining points in the swirl


simple object

126

determining proportions

*angle of bulb isn’t always consistent in class


design drawing

points in middle weren’t correct

127


simple object

128

working on angles

defining coils and proportions


design drawing

last attempts with ice cream cone look

129

adding more elipses for shape


simple object

130

defining my box and proportions


design drawing

30-something planes

131


simple object

132

defining centers of planes


design drawing

finding base of bulb

133


simple object

134

coil vs pointed bulb at bottom aren’t proportional

bottom is too long


design drawing

defining points for coil

135


simple object

136

adding lines for top and bottom of ridges


design drawing

realizing I made too many

137


simple object

138

trying to define lines


design drawing

starting on coils

139


simple object

140

defining front coils


design drawing

drawing “back” coils

141


simple object

142

realizing things aren’t connecting


design drawing

trying to fix the shape

143


simple object

144

finishing adding depth

*realizing how horribly shaped this is, 5.2.2020


design drawing

final composition

145


4 letterform

146


This class will introduce students to

fundamental principles of letterform design

in preparation for further study in

Typography. Students will explore and discover

largely unknown phenomena in the

drawing, history and writing of letterforms.

This course is empirical. The work made

directly by the student will hopefully increase

understanding of theories in aesthetics

including relationships and proportion.

147


148

pen studies


Through a series of writing exercises,

students learn to recognize and

practice consistency, rhythm, spacing,

intersection and form with the pen. As the

project continues, students are

introduced to the development and

history of various writing systems. Find an

examples from the suggested books

and write the given text on the given

format in the following systems: (1)

Capitalis Rustica, and (2) Roman Uncial.

149


pen studies

150

final pen studies 1st year


letterform

symbol studies

151

14 x 17in


pen studies

152

letter studies


letterform

greek studies

153


pen studies

154

experimenting with pressure


letterform

working on verticals

155


pen studies

156

simplified forms


letterform

forms are too narrow

157


pen studies

158

focusing on curves


letterform

trying to get consistent values

159


pen studies

160

trying to get height right


letterform

working on spacing

161


pen studies

162

Roman Uncials


letterform

Capitalis Rustica

163

11 x 14in


164

lowercase

letterform studies


Consider the final upper case H from GRA 122.

Select an appropriate x height and sketch the letter

n on photocopy paper that makes sense together

with the H. Repeat this process with the

following letters in this sequence: n, o, m, a, e,

p, i, t, and r. Beginning with the H and n, each letter

must be sketched next to the previous letters

with letter spacing and counterform proportional

to the H lower counterform. (Hnnomiaply:

the second ‘n’ helps understand the letterspace/

counterform relationship. As sketchs are

painted, draw in Adobe Illustrator at 100%.

Measure letter spacing from sketch and compose

a page showing nnnn and onon with proportional

spacing on 11 x 14” portrait paper with no

less than a 2” margin. Compose a page showing

‘Experimentation’ with proportional spacing

on 11 x 14” portrait paper with no less than a 2”

margin. Compose another 11 x 14” portrait page with

five lines of four to eight characters repeating

n, o, m, a, e, p, i, t, and r with no less than

a 2” margin. n, o, m, a, and e due at midterm.

165


lowercase letterform studies

166

trying to figure out arch and stem


letterform

working on outer curve

167


lowercase letterform studies

168

sketch vs. paint


letterform

approved n, width : 53mm

169


lowercase letterform studies

170

comparing to former H


letterform

comparing counterforms to kern

171


lowercase letterform studies

172

tried drawing equal segments


letterform

tried to get consistent weight

173


lowercase letterform studies

174

tried to get clean inside with sharpie pen


letterform

approved o, width : 54mm

175


lowercase letterform studies

176

comparing counterform with spacing


letterform

adjusting arch height

177


lowercase letterform studies

178

approved m, width : 95mm


letterform

changing arm and bowl

179 #

*the most difficult letter of my set


lowercase letterform studies

180

a was looking “too full”


letterform

shortening and lowering bowl

181


lowercase letterform studies

182

tried different connectors


letterform

comparing to n

183


black and white interaction

184

approved a, width : 71mm


letterform

trying to balance counters

185


lowercase letterform studies

186

approved e, width : 53mm


letterform

stem connection wasn’t smooth

187


black and white interaction

188

approved p, width : 53mm


letterform

picking tittle

189


black and white interaction

190

approved i, height : 90mm


letterform

trying to mach arm with n

191

trying different arm cut-off angles


lowercase letterform studies

192

thickness of r arm was difficult


letterform

approved r, width : 33mm

193


lowercase letterform studies

194

one arm is thicker than other

connection in middle is offset


letterform

approved x, width : 60mm

195


lowercase letterform studies

196

much confusion with t leg


letterform

approved t, width : 43mm

197

r/l arm : 17mm, 15mm


lowercase letterform studies

198

matching counterforms with kerning

*discovering thin letters are terrible


letterform

n paragraph spacing

199

fixing leading in relation to letters


lowercase letterform studies

200

approved nnnn spacing


letterform

kerning for all letters

201

11 x 14in


lowercase letterform studies

202

too much leading


letterform

letters are too small

203


black and white interaction

204

still unbalanced


letterform

letters are too big

205


black and white interaction

206

process of kerning


letterform

approved paragraph

207


lowercase letterform studies

208

kerning, paying attention to x


letterform

209


lowercase letterform studies

210

having difficulties with a kerning


letterform

order of letters

211


black and white interaction

212

approved lowercase letters


letterform

approved letters with E from 1st year

213

*E is too heavy as seen on 5.2.2020


214

paragraph project


Together with letterspacing and leading,

students now begin to explore more advanced

problems such as word spacing,

punctuation spacing, and rag in an entire

paragraph. Consider previous studio

courses including Design Principles I and II,

Design Drawing, Letterform I,

Typography I,and Visual Communication I

and II. Write a 100 word paragraph stating a

specific area of research. The paragraph

is divided into three parts: personal fascination/

design, principle/fascination and principle

combined. This paragraph will be the starting

point for the research project in the Spring.

Typeset paragraph at no less than 20

point type size on 11 x 14 inch paper (portrait

format). The following must be considered

carefully: ligatures, letter spacing, word spacing,

punctuation spacing, and leading. Make an

active, proportional rag based on column

width. This must be done by cutting existing

paragraph and moving text by hand.

Once a proportional rag has been composed,

typeset this paragraph on the computer.

215


lowercase letterform studies

216

adjusting leading by hand

copy paper, scissors, tape


letterform

11 x 14 in

217


lowercase letterform studies

218

extreme leading testing


letterform

final submission

219

*done in last week of class


5 visual

communication I

220


This class will introduce students to

fundamental principles of visual

communication in preparation for further

study. Students will explore and

discover largely unknown phenomena

in looking and adjusting form to

make space. Concurrently, digital

technical skills will be developed both

for digital display and print.

221


222

dynamic and static

compositions


Note: It is not only how squares relate

to edges, but it is also that the organization of

squares themselves must be either

dynamic or static. With three 4cm black square

pieces of paper, demonstrate two good

static compositions each on a 22cm white

square piece of paper. With three 4cm

black square pieces of paper, demonstrate two

good dynamic compositions each on

a 22cm white square piece of paper. Measure

final sketches, draw them in Adobe Illustrator at

100%, print, trim to 22cm, and do not mount.

223


dynamic and static compositions

224

22cm copy paper square

4cm construction paper square


visual communication I

discovered we can “cut off” squares

225


dynamic and static compositions

226

trying to convey falling


visual communication I

approved compositions in illustrator

227


228

defining space

through value and

placement


This exercise works with space, depth and

multiple spatial planes. The objective

is to distinguish between distance as between

elements on the surface plane or depth

through different spatial planes. It is critical in

design to understand all the nuances

of depth, space and dimension. To help students

better understand how space can be shown

by the placement of elements. To illustrate

how positioning and interval relate to

space. With four 4cm squares of varying values

of gray to black make a spatial composition

on a 22cm white square piece of paper.

Relationship of corners, interval, and overlapping

are all considerations. Make another

variation where the distances relate to the first

variation on a 22cm black squre piece of

paper. With three 4cm black square pieces of

paper, demonstrate spatial definition

through placement of the squares on a 22cm

white square piece of paper. Measure final

sketches, draw them in Adobe Illustrator at 100%,

print, trim to 22cm, and do not mount.

229


defining space through value and movement

230

choosing greys


visual communication I

determing “steps” between greys

231

had to use two differen sets of grey


defining space through value and movement

232

color matching


visual communication I

approved illustrator compositions

233


defining space through value and movement

234

had to picture them three dimensionally


visual communication I

approved illustrator composition

235


236

tension to achieve

optical balance


Tension is a very important design tool

that has numerous interpretations. An old

painter once described tension as

‘a very important something between two

points where there is nothing’. Tension

exists in color, drawing, relationship of shapes,

and it is extremely important in any

kind of composition typographic or otherwise.

Tension is a principle that is adapted for

numerous effects or purposes. The following

exercise will introduce students to

tension. With three 4cm black square pieces

of paper and one 1 cm red circular piece

of paper, activate a 22cm white format with

tension. Arrange squares into an

unbalanced format, and then make an optical

balance with the red dot; at the same

time, activating the entire picture plane.

It works best if the red dot is slid up

or down the edges. Follow step one with

two red dots. Follow step one with

three red dots. Measure final sketches, draw

them in Adobe Illustrator at 100%,

print, trim to 22cm, and do not mount.

237


tension to achieve optical balance

238

lined up dots with points extending from squares


visual communication I

trying to surround the dot

239


tension to achieve optical balance

240

working with two dots


visual communication I

trying to cram one dot in nooks

241


tension to achieve optical balance

242

putting two dots on the squares vs in white space


visual communication I

approved illustrator compositions

243


244

expanding upon

the fibonacci

sequence


The objective is to distinguish between

distance and between elements on the given

surface plane. To help students better

understand how space can be shown through

the placement of form. Centered on a

22cm white square piece of paper, divide

a 10cm black square piece of paper into

six sections vertically by the Fibonacci

Series. Separate the sections with only the

thickness of the scalpel blade. On a

separate 22cm white square piece of paper,

expand the sections with the same series.

On a separate 22cm white square piece of paper,

expand the sections with the same

series inversely. On a separate 22cm white

square piece of paper, expand the

sections in any sequence to make tension.

On a separate 22cm white square piece

of paper, position the sections in any way

to show depth. Measure final sketches,

draw them in Adobe Illustrator at 100%, print,

trim to 22cm, and do not mount.

245


expanding upon the fibonacci sequence

246

black construction paper


visual communication I

trying to define rhythm

247


expanding upon the fibonacci sequence

248

trying to picture bars as music notes


visual communication I

249


expanding upon the fibonacci sequence

250

showing depth


visual communication I

trying to avoid making a curve

251


expanding upon the fibonacci sequence

252

approved illustrator composition


visual communication I

253


254

activating figure

ground to make

multiple planes


The interaction between figure and ground is

critical in all aspects of graphic design including

letterforms. This exercise extends the figure

ground principle into spatial planes rather than

as a shape to increase students’ sensitivity of

space. With 21mm circles cut from black

paper, make a composition showing four simple

planes on a 22cm white square piece of paper.

This is layer one. Scan and print. From white paper

cut circles with the same or varying scale as

layer one and place over layer one to make four

more planes. It helps to bridge planes from

layer one. Scan and print. Layer three is made

again of four planes of black circles with

again the same or varying scale as layer one and

two. Continue adding as many layers of four

planes as possible back and forth from black to

white keeping layer one visible. It is suggested

to begin with a grid lightly drawn in pencil.

Remember to avoid checkers. Count planes from

step one. Choose that many colors where the

range varies through a minimum of three hues and

from dark to light or light to dark. Following

the same process as step 1, make a composition

where each plane is a different color.

255


activating figure ground to make multiple planes

256

22mm circles from copy and construction paper


visual communication I

initial static compositions vs dynamic

257


activating figure ground to make multiple planes

# 258

finalizing angled “bases”

trying to get white planes to show up


visual communication I

adding black planes

259 #

white planes didn’t overlap much


activating figure ground to make multiple planes

260

approved illustrator compositions


visual communication I

bringing out the swatch collection

261


activating figure ground to make multiple planes

262

sample of my collection


visual communication I

looking for a 16 step gradient

263


activating figure ground to make multiple planes

264

approved illustrator compositions


visual communication I

final composition

265


266

leaf gradation study


Leaf studies may be made with leaves as

well as color paper. The leaves are a key to which

color paper will be selected. During the

first weeks of the semester be aware of leaves

changing color. As the semester progresses

collect at minimum 200 different leaves,

press, and bring to class. BEWARE OF POISON

IVY, OAK, SUMAC, ETC! Together with the

instructor select two hue groups with

varying value of at least 50 leaves. Begin the

exercise by placing each group of chosen

leaves on a separate 22cm white square piece of

paper (bristol). Place in a way that shows

a gradation in value from one leaf to the next.

Leaves may be cut or ripped. Scan each group.

Choose color paper to bridge and soften

the value change in each group. Color paper

may be cut or ripped. Project is more successful

when enough leaves exist that no color

paper is needed. Make a composition where

one gradation covers an entire 22cm page in

one direction and the second covers a14cm

square centered within the first in the opposite

direction. Ideally the two gradations meet

in the center with no visible change in value.

267


leaf gradation study

268

collecting in Broomfield, CO

trying glycerin


visual communication I

pressing with towels and wax paper

269


leaf gradation study

270

realizing glycerin sped up the dying process


visual communication I

collection of leaves found/bought

271


leaf gradation study

272

dead leaves were too dark


visual communication I

bright leaves bought on etsy

273


leaf gradation study

274

matching gradient line wasn’t even


visual communication I

approved leaf composition

275


276

a comparison of form


Through exploring formal relationships of

otherwise unrelated photographs a higher level

of formal awareness will be developed.

Cut a cardboard template from compressed

cardboard (paper pad backing) 22 x 22cm.

In the center of the template cut out

an 7cm square. Looking through the template

at magazines, search for as many simple

forms as imaginable. Once a form is discovered

cut it out of the magazine. When a similar

form is discovered begin to make at least

5 pairs of the following: shape, texture,

line continuation (possible to work with entire

22cm format with 7cm centered within),

and letterform (single). Look for details within

form to make specific pairs. While working

on this project with magazines in class students

must also search on the internet and

with their own camera/phone outside of

class. Each group of pairs must be broken

down with the following ratio 2 self-made with

camera: 3 found in magazine/internet.

Double Scotch tape chosen pairs on 8.5 x 11

inch paper. If more than a pair

is discovered, include the entire group.

277


a comparison of form

278

magazines taken from abandoned shelf


visual communication I

ripped out pages with potential

279


a comparison of form

280

my template


visual communication I

all magazine cutouts

281


a comparison of form

282

trying to find simpler forms and textures


visual communication I

looking on stock sites

283


a comparison of form

284

textures weren’t close enough

letterforms didn’t look the same


visual communication I

angles and shading were different

285


a comparison of form

286

approved letter compositions

i is personal photo, z&h are from magazine


visual communication I

z is from magazine, u is personal photo

287


a comparison of form

288

approved shape compositions

circle is personal photo, others are from internet


visual communication I

stop sign is personal photo, others are internet

289


a comparison of form

290

cracked paint is from magazine, others are internet


visual communication I

bread is from magazine, others are internet

291


a comparison of form

292

approved line continuation compositions

dog & street boy are magazine, others are internet


visual communication I

vulture is magazine, others are internet

293


6 typography

294


This class is based on further education through

research of formal problems in Typography.

295


296

book cover

typography


Set the following text solid in 24 point in

three typefaces with no returns: Pioneers of

Modern Typography by Herbert Spencer

The MIT Press Cambridge Massachusetts El

Lissitzky Theo van Doesburg Kurt

Schwitters H.N. Werkman Piet Zwart Paul Schuitema

Alexander Rodchenko Lazlo Moholy-Nagy

Herbert Bayer Jan Tschichold. Decide on one

typeface together with instructor and set

in 7 point, 9 point, 12 point, 14 point, 18 point,

24 point, 36 point, 48 point, and 72 point

with no returns. Tape three pieces of 8.5 x 11

inch white paper to cutting mat with inexpensive

clear tape on desk in portrait format

horizontally with 1 cm space between. With one

type size move cut text by hand on each

piece. Review with instructor and tape with

inexpensive clear tape. Make three

solutions. Repeat with two type sizes. Repeat with

three type sizes. Together with instructor

select one sketch from each set of three (one, two,

and three type sizes). Typeset sketches

on computer and print. Select one. Introduce

rules with pen for emphasis on 6 copies. Together

with instructor select three and typeset.

297


book cover typography

298

varying pt sizes of serifa std

8.5 x 11


typography

trying smaller type to not overwhelm

299


book cover typography

300

more dynamic variations (which didn’t work)


typography

approved 1 size compositions

301


book cover typography

302

2 pt sizes

trying to establish hierarchy


typography

trying to emphasize names vs title

303


book cover typography

304

leading extremes


typography

changing orientation was a headaches

305


book cover typography

306

trying to segment information


typography

approved 2 size compositions

307


book cover typography

308

getting too cluttered


typography

trying extreme variation of size

309


book cover typography

310

approved 3 size compositions


typography

adding rules with sharpie pen

311


book cover typography

312

illustrator variations


typography

approved rule compositions

313


314

book cover

typography

continued


Print three final typesettings (without

rules) in reverse (white on black). With three

copies of black on white final selection

taped to desk, cut white on black in various ways

and introduce on top of black on white for

emphasis. Review with instructor and tape with

inexpensive clear tape. Repeat. Try going

back and forth with black and white. Select

three good ones with instructor and

typeset. With CMYK values print six variations

of final typesetting. Tape three to desk and

introduce the other three for emphasis.

Repeat so that six sketches are made. Select three

good ones with instructor and typeset.

315


book cover typography

316

want to emphasize title


typography

looking too much like jail

317


book cover typography

318

approved field composition


typography

fields of color with transparency

319

trying not to decorate


book cover typography

320

trying strange color combinations


typography

refining three compositions

321


book cover typography

322

approved color composition


typography

hard cover mockup

323


book cover typography

324

approved color composition


typography

hard cover mockup

325


book cover typography

326

approved color composition


typography

hard cover mockup

327


328

paragraph

research


Sketch research based on the final paragraph

from Letterform GRA 221. Research may

be based on drawing, photography, or directly

on existing paragraph with collage. Make

no less than ten versions showing alterations.

Decide on one and continue the process

by making variations of decided version.

Together with instructor make selection from

these as the final variation. The sketching

process will be presented at final reviews in

three ring binder. Final selection may

be shown on 11 x 14 inch paper as per last

semester or bound into a booklet.

329


paragraph research

330

approved paragraph from letterform


typography

vellum snowflake prototypes

331

7.5 x 10in


paragraph research

332

using fibonacci sequence to make snowflake


typography

fractal research

333


paragraph research

334

subtracting from text and adding in composition

varying the snowflake visual


typography

varying how text looks when letters are subtracted

335


paragraph research

336

binding my first book (poorly)

before I knew there was proper glue


typography

vellum has snowflakes where letters are subtracted

337


paragraph research

338

final book submission


typography

fibonacci steps to subtract, place holders, then snow

339


340

paragraph research


typography

final composition with letters subtracted

341


342

the calendar


A calendar is a tool for measuring time.

The goal of this project is to organize the time

information on the given space and show

an idea that changes that information with the

passage of time within one, two, or three

months of a calendar. Hopefully the idea is

visible without a title. It is critical not

to illustrate. Make a list of at least 10 events and/or

phases that change and/or changed over

he course of one, two, or three months. Choose

one with instructor. Set the calendar type

in the same manner as project 2, step 1: This can

include the day numbers, days of the week,

month title(s), year, and any other important

information. Tape three pieces of 11 x 17

inch white paper to cutting mat with inexpensive

clear tape on desk in either landscape or

portrait format. To show that this is a spread of two

8.5 x 11 inch pages draw a light pencil line

through the middle accordingly. Starting with the

numbers organize the information on each

given space. Make 10 variations. What day of

the week does the week begin? Do weeks exist?

Choose 1 variation and typeset in Illustrator.

343


the calendar

# 344

decided on planet orbit calendar


typography

representing the orbit shape vs orbits in calendar 345 #


the calendar

346

trying to show depth in orbits


typography

shape of orbits isn’t communicating

347


the calendar

348

cutting elipses from calendar numbers


typography

adding white for emphasis (looks like wifi?)

349


the calendar

350

chose black to represent space


typography

final calendar submission

351

27 x 18in


7 visual

communication II

352


This class will further students’ understanding

in the fundamental principles of visual

communication. Students will explore and

discover largely unknown phenomena

in color, drawing, looking, and painting by

hand as well as on the computer.

353


354

complex object

translations


Design is an indication. How much information

is necessary when translating an object

into a drawing or painting? The following

exercises allow the student to explore

varying amounts of form in relation to space.

Bring final drawing and object from Design

Drawing to class for instructor approval.

Complete drawing if necessary. Scan and

draw in Illustrator with solid lines for existing

form and dotted for all help lines on

11 x 14 inch page. Set up object in the same

manner as was in drawing. With 11 x 14 inch

print of Illustrator drawing as a guide,

paint in black and white Plaka to translate

the objects light and shadow. It works best

to tape a blank piece of paper over the

Illustrator drawing when painting. Once

painted, scan draw again in Illustrator, print,

and refine with Plaka on the print. Repeat.

355


complex object translations

356

*forgot to document start of process

struggling once again with coil


visual communication II

having difficulty with the plane angle

357

capturing swirls in front but looks flat


complex object translations

358

doubling coils for ridges

made the bottom “cone” too long


visual communication II

figuring out how to do the coil

359


complex object translations

360

taking a break to work on the sphere

had trouble with getting right amount of ridges


visual communication II

inconsistent thicknesses

361


complex object translations

362

still looking flat


visual communication II

adding cross section indicators

363


complex object translations

364

adding angle cross section to look full


visual communication II

adding dimension to coils at bottom

365


complex object translations

366

“approved” final composition

*bottom and top are at different angles


visual communication II

light box and light table for painting

367


complex object translations

368

gestural approach

how little can I get and still get shape?


visual communication II

attempting with pencil and different lighting

369


complex object translations

370

too many small lines

not getting enough reflections


visual communication II

pencil attempts before paint

371

starting to get some roundness


complex object translations

372

trying to get one continual shape through coil


visual communication II

straight on view to focus on shapes

373

starting to digitize


complex object translations

374

scanned and overlaid painting for illustrator


visual communication II

“approved” final submission

375


376

advanced

transparency


This project will continue to develop

sensitivity in value, hue, and depth through

transparency. Fold five 22cm square

pieces of paper twice. Tape folded papers

to a flat 22cm piece of paper so that no

corners of folded paper touch flat

edges. Select one with instructor. Photocopy.

Trace all lines on folded paper on

photocopy. Introduce varying grey values into

the folded composition in ways to

show transparency in two ways: 1. Mechanically

change values from background to foreground,

light to dark respectively. 2. Optically change

values from background to foreground,

dark to light respectively. Start by selecting

three sets of two 5cm square colors of

varying hue and value from color-aid pack and

found paper. Select one with instructor.

Print a 22cm square piece of paper with the two

colors, one on each side, and fold the

same way as above. Place on white 22cm square

paper with darker valued color plane on

top. Translate composition with optical

value steps above. All sketches to be made

with color-aid pack and found paper.

377


advanced transparency

378

22cm folded tracing paper


visual communication II

initial guesses in computer to start

379


advanced transparency

380

softening middle thin triangles


visual communication II

manipulating back fold

381


advanced transparency

382

approved illustrator composition


visual communication II

started with reversed colors of former composition

383


advanced transparency

384

approved illustrator composition


visual communication II

choose two colors and print double sided to start

385


advanced transparency

386

initial guesses to start

darkening “main” triangle


visual communication II

changing hue of segment in front of upper teal

387


advanced transparency

388

original paper


visual communication II

approved illustrator composition

389


390

gesture drawings


Ideas can be developed through drawing.

This project will explore various tools, materials,

and methods of gesture drawings in order

to help students develop ideas in the

future. Bring three simple organic objects to

class for instructor approval such as a fruit

or vegetable. Decide on one. Set the object on

a platform in the same manner as in Design

Drawing. Draw the object in 10 seconds with

charcoal on 24 x 36 inch newsprint.

Repeat on another sheet up to ten times.

Each drawing is made on a separate

sheet of paper. Draw standing up. When every

stroke is clear the drawing is successful.

No smudging. Repeat with each drawing being

aware of the following: light, shadow,

form, space, texture, value, hue, etc... Try

subtracting charcoal with an eraser in a drawing

manner. Try other tools and materials. Increase time

on these drawings as semester progresses.

391


gesture drawings

392

warm ups


visual communication II

too many strokes

393


gesture drawings

394

varying line quality for more shape


visual communication II

attempting to practice at home (fail)

395


gesture drawings

396

lime, apple, artichoke, mango


visual communication II

visualizing inner structure for more form

397


gesture drawings

398

this marks my banana drawing endeavors


visual communication II

need to represent small details differently

399


gesture drawings

400

capturing bulbous shape with circles


visual communication II

attempting to outline with squiggles

401


gesture drawings

402

initial thumbnails


visual communication II

experimenting with cross hatching

403


gesture drawings

404

segmenting planes for more form


visual communication II

outlining shape beforehand helps a lot

405


gesture drawings

406

*got tips from a student in another class


visual communication II

more erratic definition

407


gesture drawings

408

realizing that adding shadow adds more dimension


visual communication II

light outlines underneath then define planes

409


gesture drawings

410

too much shading

not enough shading


visual communication II

lighter approach

411

*using a different graphite


gesture drawings

412

the first page I was proud of!


visual communication II

trying to exaggerate values

413


gesture drawings

414

drawing the same banana different ways


visual communication II

the “best” attempt from former batch

415


gesture drawings

416

not giving much attention to stem


visual communication II

varying stroke length for darker section

417


gesture drawings

# 418

the second page I was proud of!


visual communication II

outline vs “finished” 419 #


gesture drawings

420

still ignoring stem


visual communication II

trying to define stem

421


complex object translations

422

*no smudging involved


visual communication II

final submission : 24 x 36in

423


8 visual communication III

424


To develop advanced skills and knowledge

in visual language. To apply acquired

skills and knowledge in the methodologies

of visual communication design

through various projects and assignments.

425


426

message design :

visual comparison


To realize and understand formal,

conceptual and semantic similarities that exist

in visual recording such as photographs.

These properties used to develop dynamic

design concepts. To develop and

understand the application of visual search

and research in popular medium such as

posters, adopting semiotic principles.

To realize the effectivity of such products.

427


semiotics poster series

428

decided against a “deep” quote


visual communication III

pondering if christmas cookies are necessary

429


semiotics poster series

430

royal icing sugar cookies


visual communication III

testing compositions in studio

431

*eleven cookies do not fit


semiotics poster series

432

using Rudolph vcr from Goodwill


visual communication III

compositions aren’t proportional

433


semiotics poster series

434

photoshopping vcr is a bad idea

compositions aren’t balanced


visual communication III

background colors aren’t consistent

435


semiotics poster series

436

*final is still a wip, 5.2.2020


visual communication III

final compositions : 9 x 18in

437


438

visual display

using qualitative/

quantitative

analysis


As visual communicators, we need to understand

how to display data so that the visual

content is easily deciphered by viewers. We

must find ways to educate viewers

through simple, yet powerful visualizations.

To make sense of data, a visual system

is required. Through your system, viewers

can interpret the message you are sharing. Your

task is to analyze a collection of objects,

by means of qualitative methods, and present

the solution as clear as possible to the viewer.

439


visual display organization

440

using my dad’s collection!


visual communication III

organizing by color and content (columns, rows)

441


visual display organization

442

narrowing down color options


visual communication III

separating by color

443


visual display organization

444

trying to organize on my art board


visual communication III

organizing by color

445


visual display organization

446

dynamic composition didn’t work


visual communication III

boring title for midterms

447

final composition : 18 x 10in


448

narrative of space

and time


This project relates to researching,

learning, and teaching others about the

major health issues at a local,

national, or global scale. Display where

your data is relevant, in terms of

location, time period, and space (geography).

We will investigate various subtopics

and many more aspects that we

discover through extensive research.

449


infographic

450

collecting research on possible topics

original file got corrupted so I have screenshots


visual communication III

creating chart junk

451


infographic

452

using too many data representations


visual communication III

using both orientations for data which is confusing

453


infographic

454

bars are too long


visual communication III

bars are still too long

455


infographic

456

no cohesive color scheme


visual communication III

midterm submission : 16 x 27in

457


infographic

458

spring final composition : 16 x 30in


visual communication III

design excellence nominee fall 2019

459


460

recipe


Designed to teach others how to prepare

a recipe using a visual system, this

project will help you develop a visual processes

without relying on words. For years,

people have depended on cookbooks and/or

recipe cards to create meals. Often,

ingredients are added incorrectly as the

user relies on primarily reading the

process and seeing an image of the final

outcome. Your task is to visually communicate

the step-by-step process of creating a

meal. While the process may seem simplistic,

the method to successfully visualize

the meal may not be as straightforward.

461


recipe

462

making the horribly difficult bread

tucking ends too much caused bulge


visual communication III

initial sketches, hands are severed

463


recipe

464

needing more steps

struggling with braiding


visual communication III

studio view on some weekends

465

using hair braiding visuals for reference


466

recipe


visual communication III

467


recipe

468

hands look cut off

repetitive steps aren’t necessary


visual communication III

scale of items are off

469


recipe

470

successfully made a fist


visual communication III

confusion about the flour

471


recipe

472

attempt 1782394 it seems at the braid


visual communication III

pan is too flat

473


recipe

474

designed cat version for studio night for fun


visual communication III

final spring cat recipe app

475


recipe

476

making a variation of the 8 plait


visual communication III

finally gave the cat more personality

477


recipe

478

inspired by simon’s cat (and my own)


visual communication III

inception of previous final bread

479


recipe

480

the cat represents me when designing this


visual communication III

incorporated the human for difficult tasks

481


482

packaging


Research a product’s packaging. Evaluate it

for its successes and flaws. Make note

of the required information and warnings

on the packaging along with any brand

content, images, colors, illustrations, etc.

Once you have successfully completed

your thorough analysis and documented your

findings, you will develop a new package

design. Your final solution must incorporate

inclusive design elements to meet

the needs of users with varying abilities.

483


packaging

484

found at Walmart


visual communication III

all the copy

485

puncturing bottle idea


packaging

486

punching mechanism to open was not successful

realizing that the medicine is packets


visual communication III

too many parts and flaps

487


packaging

488

tabs aren’t inclusive friendly


visual communication III

spring : “locking” top for a one flap open

489


packaging

490

first time designing for a 3D product


visual communication III

type is too tight overall

491


title

packaging

492

round tabs are too hard to insert and close product


visual communication III

spring : updated packaging, monochrome palette

493


packaging

494

moon is too kid-friendly


visual communication III

final composition : 3 x 3 x 4in

495

Europa Bold, Regular, 12/10


496

self – promotional

project


Research how designers market

themselves for prospective jobs/clients.

Develop a Self Promotional piece

that highlights who you are as a person

as well as your design philosophy.

This piece must be inexpensive,

easy to (re)produce, and mail-ready.

497


self-promotional project

498

inspired by mosaics


visual communication III

deciding on symbols I want to include

499


self-promotional project

500

paper exploration : 80lb cardstock

4 x 4in


visual communication III

designed in illustrator cut on silhouette

501


self-promotional project

502

designing for acrylic

deciding on amount of detail for key


visual communication III

prototype with wood

503


self-promotional project

504

first acrylic prototype

has no dimension, boring


visual communication III

updated four layer laser cut files

505


self-promotional project

506

paper vs filter vs acrylic prototypes


visual communication III

finding a box at crate and barrel (unsuccessful)

507

more process is trapped in studio (covid-19)


self-promotional project

508

opaque, clear, and colored acrylic : 4 x 2 x 4in


visual communication III

vellum fold out explanation : 4 x 10in

509


9 technology for

design I

510


This course will introduce first year graphic

design students to fundamental

principles of graphic design in preparation

for further study. Students will

explore and hopefully discover largely unknown

phenomena in the interaction

of form including two and three dimensions.

This course remains experimental.

511


512

business system


Design a professional typographic business

system for your academic/personal use.

You are expected to investigate and explore

a broader professional perspective that

can be applied to a business or institution of

any size. The system must be created

from an existing typeface using your name(s),

You may not use a trademark (symbol,

mark, monogram, logotype) or image of any type.

513


business system

514

initial 100 business cards


technology for design I

emphasis was too bold

515


business system

516

right align obsession for a few variations


technology for design I

emphasizing with all caps is too aggressive

517


business system

518

emphasis with rules did not produce good results


technology for design I

finally trying color emphasis

519


business system

520

attempting to make it more friendly


technology for design I

front and back compositions, 8pt

521


business system

522

accidentally made a logo


technology for design I

Europa Bold, Poppins becoming main types

523


business system

524

deciding between Poppins and Europa


technology for design I

looking like lego

525


business system

526

still making logos


technology for design I

too much like ikea

527


business system

528

adjusting leading


technology for design I

before realizing 12pt looks ginormous

529


business system

530

header section is too choppy


technology for design I

trying an outline but circle is distracting

531


business system

532

flat lay of envelope


technology for design I

final envelope chosen

533


business system

534

prototype 1


technology for design I

prototype 2

535

10 prototypes are trapped in studio (covid-19)


business system

536

final folder submission : 9 x 12in


technology for design I

sent vs clean envelope

537


538

business system

booklet


Using the template below for sequencing,

produce an 8 x 10 inch,

12-page signature (three sheets of paper),

pamphlet-stitched booklet

with the business system as your content.

539


business system booklet

540

displayed in front-back printing order


technology for design I

541


542

business system booklet


technology for design I

543


544

business system booklet


technology for design I

real booklet is trapped in studio (covid-19)

545


546

letternumber


This is primarily a form project. To begin,there

is no criteria imposed on the symbol

design other than combining to create good

form. Your task is to create/design

an innovative symbol combining existing

letter/letter, letter/number, or number/

number that function as one. Once the symbol

is designed, a fictitious company name

will be selected that connects the norms of that

industry with the look and feel of the symbol.

Time permitting, design a symbol, or letter/

image, number/image, that could be an alternative

direction or alternative to the existing system.

547


letternumber

548

selected q, r, 9/6


technology for design I

playing with counters unsuccessfully

549


letternumber

550

q in the 6 ends up being final logo


technology for design I

files for process got corrupted

551


letternumber

552

deciding on terminals for both forms


technology for design I

grey doesn’t fit the 6q

553


letternumber

554

colored options look wrong for brand


technology for design I

cinema indicates a place

555


letternumber

556

literal film reel is unnecessary


technology for design I

logo on business card is too big

557


letternumber

558

information is too crammed in one area


technology for design I

oren jous (based on oren aks)

559


letternumber

560

final business system : 11 x 17in


technology for design I

mock-up

561


letternumber

# 562

movie poster deliverable


technology for design I

billboard deliverable for movie

563


564

symbol motion


Utilizing your LetterNumber symbol only and/

or signature, develop a 7–10-second motion

sequence that best visually communicates/

interprets the industry, and the company vision/

mission. Decipher from your symbol and/or

name/industry what is being communicated.

List all, and the key elements that need to be

communicated. In thumbnail form, sketch ideas

to communicate the key elements. Design at

least 2–3 different alternatives for the same idea/

concept. Sketch as many different movements

and analyze what works best. Storyboard, flip

book, sequence key frames for presenting

concepts. Translate into computer. Initially, you

may use any software, ideally AfterEffects will

be the best to finalize in. It will be 720HD format

which is 1280px X 720px. (subject to change)

All motion sequences must be no less than 7

seconds, and no more than 10 seconds.

This will allow for numerous test sequences.

565


letter number motion

566

7 second animation final boards


technology for design I

logo is too big and off centered

567


568

charlie’s website


Using html and css, design and code a

responsive charlie’s cafe website (1 page) for

someone to browse the menu, hours,

location, full menu with seasonal drinks. Design

should also be compatible for mobile.

569


charlie’s web page

570

learning to code


technology for design I

charlie’s sketches

571


charlie’s web page

# 572

hero image view


technology for design I

sections of charlie’s homepage

573


10 visual

communication IV

574


To develop fundamental skills and

knowledge in visual language, and address

client projects. To apply acquired abilities

in the process of visual communication through

several required “units” of the course that

focus on strategic visual communication design

planning and internship preparation.

575


576

interdisciplinary

cluster

competition


This ten-day long competition challenges

students to imagine ASU’s physical

and digital infrastructures as environments

that fosters innumerable interpersonal

connections that accrue into an

overall sense of community and what that

community might look and feel like

if enhanced, revealed, challenged, or

changed. As current students are

considered ‘digital natives’, we ask them

to imagine what a “smarter” campus,

one that is more inclusive and “connected”

would feel and look like. And

how would they unite the physical and

the digital to accomplish their goals.

577


interdisciplinary cluster competition

578

brainstorming an educational and fun third place


visual communication III

renderings done by Haley Smith

579

movable cube for studying and games


interdisciplinary cluster competition

580

final poster submission : 24 x 72in


visual communication III

web prototype with trivia, chat, and tutoring

581


interdisciplinary cluster competition

582

instagram promotional video, 5 sec


visual communication III

variation 2

583


interdisciplinary cluster competition

584

synced to music


visual communication III

585


interdisciplinary cluster competition

586

changed type to demi gothic to match space

changed music to match longer geobrain footage


visual communication III

transitions synced to music

587


588

interdisciplinary cluster competition


visual communication III

589


590

interdisciplinary cluster competition


visual communication III

591


592

MLK campaign


As a team, determine the best solution(s)

for helping the Martin Luther King, Jr. Committee

to promote student leadership and

volunteerism for all ASU campuses + skysong.

Produce a visual strategy demonstrating

your research, proposed designs,

budget, and schedule to the client for the

semi-final presentations. Provide the

client with the necessary information and present

the work in a professional manner.

593


MLK campaign

594

inspirational leadership vocab


visual communication III

iconic sketches, not dynamic

595


MLK campaign

596

poster ideas focusing on servant leader icons


visual communication III

bookmarks, too vague

597


MLK campaign

598

postcards to be sent to a servant leader you know


visual communication III

too plain

599


MLK campaign

600

final team deliverables

looks like subway icons to judging panel


visual communication III

shirt design is high on back

601


MLK campaign

602

proposed poster with icons making up figure


visual communication III

judge Sonia Sotomayor for justice icon

603


MLK campaign

604

new layout inspired by newspaper

working with teammate Paloma Delgado


visual communication III

experimenting with color in photoshop

605


MLK campaign

606

Malala Yousafzai, justice icon

David Ho, medical icon


visual communication III

icon is redundant on both sides

607

black background to focus on figure


MLK campaign

608

variations of color and icon placement


visual communication III

*final is currently a wip (5.2.2020)

609


610

Earnest & Humble

Coffee


Earnest&Humble is a startup eCommerce

brand that believes in respecting our planet and

being kind to one another. E&H Co was

created to be an aspirational brand that believes

in being earnest in what you stand for and

humble in your appreciation for those that

are different from you. I’d like to tell a story in

our packaging that reflects our values

which are, the power of connection, connecting

to our past and connecting to each other

in the present. Valuing humanity and

the hands that seed, grow and harvest; as

well as the idea that every human has a

story to tell and we are stronger together.

611


Earnest & Humble Coffee

612

trying to figure out what the client wants from

patterns for side of coffee bag


visual communication III

trying a pixelated pattern

613


Earnest & Humble Coffee

614

icons for bag to tell a story


visual communication III

lacking information on his brand

615


Earnest & Humble Coffee

616

initial deliverable, unable to print on sides


visual communication III

updated bag sticker to wrap around

617


Earnest & Humble Coffee

618

final bag deliverable, too plain for client


visual communication III

coasters with information on origin

619


Earnest & Humble Coffee

620

k pods type readability is inconsistent


visual communication III

subscription box sticker to blend in

621


622

currency redesign


This is an individual project. You are tasked

with redesigning two U.S. currency bills.

You may choose from the following: $1, $5, $10,

$20, $50, and $100. The two denominations

selected are up to you. The currency

must remain the same size as current bills,

include all necessary information, and

you must provide front + back views. When

you complete your redesign, display

your final design printed portrait on 11” X 17”

(create a class template so the bills are

placed at the same position on your page).

623


currency redesign

624

choosing theme between music, theatre, and hosts


visual communication III

horizontal sketches, traditional

625


currency redesign

626

Jim Henson images that were used/considered


visual communication III

Fred Rogers images that were used/considered

627


currency redesign

628

defined a varying weight wavy line pattern

defined threshold then applied pattern accordingly


visual communication III

detail is lost in his face

629


currency redesign

630

blue overlay, darks are too dark


visual communication III

backgrounds for character, NY, PA

631


currency redesign

632

shouldn’t change orientations


visual communication III

type gets lost at bottom

633


currency redesign

634

got rid of “engraving” look as test, did not prefer


visual communication III

too much color contrast

635


currency redesign

636

big bird gets lost

either duplicate or get rid of pattern strip


visual communication III

too many lines in characters

637


currency redesign

638

characters need a background


visual communication III

characters are getting lost behind gradient

639


currency redesign

640

uv security features


visual communication III

first attempt with Fred Rogers

641


currency redesign

642

too many lines in face


visual communication III

need to get rid of vertical lines in face

643


currency redesign

644

punishing the type, losing visibility


visual communication III

shapes are dark in castle

645


currency redesign

# 646

raised/lowered colored bars


visual communication III

shapes in castle are still dark

647


currency redesign

648

final composition : 2.61 x 6.14in


visual communication III

uv features with signature cookie

649


currency redesign

650

final composition : 2.61 x 6.14in


visual communication III

uv features with signature cardigan

651


currency redesign

652

what you would see on your phone to pay


visual communication III

view when you open the piggy bank

653


11 technology for

design II

654


To develop sensitivity to type, image and

other design elements as it relates to

the appropriate technology for the subject

matter. Emphasis is on typography, the

appropriate size, weight, style, color, contrast,

leading, kerning, letter spacing, column

width, voice, with and without images,

on-screen/paper, etc. To become skilled

at utilizing systems for sequential

design, consistent to the visual language

yet flexible, allowing for dynamics.

655


656

kinetic typography


To create an engaging animation that uses only

typography, point, line, plane, and color to

bring a 25–30 second audio clip to life. A 25–30

second animation with audio. The animation

can use only: Typography, Points, Lines, Planes,

Color. No illustration, photography, or video.

657


kinetic typography

# 658

storyboards not detailed enough


technology for design II

at least 30 boards for 5 seconds

659


kinetic typography

660

having hard time showing movement


technology for design II

file with illustrator storyboards got corrupted

661


kinetic typography

662

first 5 seconds for critique, not very kinetic


technology for design II

switched type to Europa

663


kinetic typography

664

adding more motion with dialogue


technology for design II

final submission : 31 sec

665


kinetic typography

666

court is too illustrative


technology for design II

manipulating size for more dynamics

667


kinetic typography

668

spent the most time on the letters scattering


technology for design II

static section

669


kinetic typography

670

trying to indicate speakers with background


technology for design II

orange is strange overall

671


672

kinetic typography


technology for design II

673


674

typography study


Design and produce a bound booklet with the

following examples within the formats given

further below. In addition, bring into studio two

award winning or well designed books

that show examples of the items listed below.

1 Type sizes / consider characters per

line, flush left 2 Leading with preferred type

size(s) 3 Tracking, examples of 4

Running: heads, shoulders, and footers / page

numbers (recto/verso) 5 Paragraph

indications, x8 6 Heads, subheads, 5 levels

deep indicating hierarchy 7 Widows

and orphans, examples of 8 Emphasizing text

within a column of text. At least one

spread. 9 Image with text, how to align

675


typography study

676

final book : 8 x 10in


technology for design II

defining live area

677

finding proportional pt size


678

kinetic typography


technology for design II

8.5pt, finding leading

679


680

kinetic typography


technology for design II

681


typography study

682

8pt, 12.7 leading, 58 tracking


technology for design II

running headers

683


typography study

684

running footers


technology for design II

running shoulders

685


686

typography study


technology for design II

687


688

typography study


technology for design II

689


typography study

690

widows and orphans


technology for design II

691


typography study

692

paragraph indicators


technology for design II

693


typography study

694

hanging indent

attempt at levels of hierarchy


technology for design II

emphasis

695


typography study

696

image placement

titles


technology for design II

697


698

kinetic typography


technology for design II

bound book is trapped in Al Sanft’s office (covid-19)

699


700

vcd alumni

website


For your final assignment you will be

designing a website for VCD alumni to connect,

share work, and keep in touch. The site

will act as a directory of all past alumni, and

allow folks to search for alumni by name,

year graduated, geographic location, place of

employment, and or area of focus. Each

alumni will have a single page directory listing

that includes all of their information.

701


vcd alumni website

702

no clear home page indicator


technology for design II

type size variations

703


vcd alumni website

704

need footer


technology for design II

filter is too narrow

705


vcd alumni website

706

need more search results


technology for design II

visuals are too big on homepage

707


vcd alumni website

# 708

both page visuals are overpowering


technology for design II

final web and mobile home page 709 #


vcd alumni website

710

made home page design smaller overall


technology for design II

about page

711


712

vcd alumni website


technology for design II

713


kinetic typography

# 714

have a redundant upload icon and button


technology for design II

mobile filter is currently a wip, 5.2.2020 715 #


vcd alumni website

716

trying to make the page not a dead-end


technology for design II

currently a wip 5.2.2020

717


718

program book


The Program Book is one of the staple

projects of the VCD program, and has been

well accepted by professionals, academics,

and peers throughout the country. It will

showcase your work, your design expertise,

sensitivity to typography, the page, and

the VCD curriculum. The key to successful

completion of this project is to stay on

track, completing each milestone on time,

even pushing ahead when appropriate.

During the design and testing phase, explore

as many alternatives, directions, concepts,

as quickly as you can, printing out examples of

spreads to evaluate at full-size. It is

imperative to have more than one design

direction to compare against another.

You never know how good it is unless you

have something to literally

hold, and evaluate one against another.

719


program book

720

12 x 8in spreads, challenging to fit content


technology for design II

721


program book

722

over designing


technology for design II

7 x 8in pages

723


program book

724

6.5 x 8in pages


technology for design II

725


726


This program book was designed during

COVID-19, otherwise known as

Coronavirus. As Arizona, and most of the

country went into quarantine, it left

us with headlines of increasing deaths,

shortages, risks, too many briefings,

and seemingly no end in sight. However,

this epidemic showed how the

human spirit deals with a crisis like this,

and the good that we’re capable of

when it’s needed. The following shows

how we’ve come together,

supported, and coped during this time.

727


the coronavirus outbreak

728

March 16 - 21


technology for design II

March 22 - 27

729


the coronavirus outbreak

730

March 28 - April 2


technology for design II

April 3 - 8

731


the coronavirus outbreak

732

April 9 - 15


technology for design II

April 15 - 20

733


the coronavirus outbreak

734

April 21 - 26


technology for design II

April 27 - May 2

735


736

final words


As I have advanced through the vcd program,

not only have I learned more about

design than I could imagine, I learned

what I’m capable of. This program

has taught me how to work in a team, present

my work, present myself, how to work

smarter (not always harder), look at a design

critically, provide feedback in a kind

way, and most importantly, how to work hard.

Although I have my fair share of bad

days and experiences with The Design School,

I’m happy that after two prior years

of school, my dad encouraged me to dive

into the Visual Communication program.

I would’ve never thought that my obsession

with scrapbook paper, glitter,

stickers, stamps and hand-made cards would

have lead me here but I’m glad it did.

737


colophon

typefaces

Avenir Next Rounded Std Demi

Regular 10/16/17

Regular 8/9.6/30

Regular 7.5/9/50

Bold 28/35/40

Bold 10/16/40

Both bold #cd4097

pt size / leading / tracking

machine

MacBook Pro 16inch, 2019 2.6 GHz

Processor 6-Core Intel Core i7

Memory 16 GB 2667 MHz DDR4

630 1536 MB C02ZR0LUMD6P serial

Graphics AMD Radeon Pro

5300M 4GM Intel UHD630 1536

MB graphics

738


photos

iPhone 8 version 13.4

MQ742LL/A F4GVX1JGJC6F

Resolution 750 x 1334 pixels,

16:9 ratio

scanner

HP Color LaserJet Pro MFP M177fw 2

scan speed letter p to 7.5 ipm (b&w),

up to 5.5 ipm (color) [14] Scan speeds of up

to 7.5 ipm (b&w), up to 5.5 ipm (color)

measured from ADF

programs used

InDesign, Illustrator, After Effects, XD,

Photoshop, Acrobat

designed at

8410 S 20th Place

Phoenix AZ 85042

739




Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!