LOGO MONOGRAM PROJECT ABIGAIL MIL ES | VIS C 302 Creating a custom monogram using the initials of your name in addition to lock-ups.
V IS C 304 LOG O M ON OG RA M | B RIEF S ABIG AIL MILES
PR OJE CT B RI EF
P ROJ E CT OV E RV IE W
Creating a personal monogram or logo with your initials, for example, A M. The logo should be able to scale, used with type to create lock ups and readable.
Overall, I think this project was short and concise which I appreciate and we were able to go in directions that were more personal to us. The deliverables were easy to understand and doable. For example, the animation, Behance post, process book and presentation were all able to tie nicely together.
TYPE SKETCHES Using type print out to create custom type logos.
ABIG AIL MILES
LOG O M ON OG RA M | TYPE SKETCHES
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | TYPE SKETCHES
V IS C 304
GRID AND CLOSURE SKETCHES Using grid print out to make more geometric logos, in addition to closure logos.
ABIG AIL MILES
LOG O M ON OG RA M | G RID
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | G RID SKETCHES
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | CLOSU RE
V IS C 304
DIGITAL RENDERS OF BEST SKETCHES Taking sketches to create digital logos.
V IS C 304
# 1 Type
# 6 type
Wedding Gothic bold used as the typeface.
Used wedding gothic typeface to connect and make a rectangular / wide form.
ABIG AIL MILES
LOG O M ON OG RA M | D IG ITA L LOG OS
Flipped and adjusted the width of the A to match the M
# 2 grid
# 7 type
Used my grid sketches and replicated the curves from the M to the A and attached.
Same process as # 6 but adding a stroke and space to divide the letters.
# 3 type
# 8 type
used Alfarn for the typeface and divided the A to attach to the M
Used rockwell for the type and divided the A to place on top of the M.
# 4 grid
# 9 grid
Used my grid sketches and replicated the curves from the M to the A and attached and elongated.
created two wider strokes connected with thinner strokes to create a form of both a and m.
# 5 grid
# 10 Type
Used my grid sketches and replicated the curves and lines for each character.
Wedding Gothic bold used as the typeface. took the stems of the m to create more closure.
V IS C 304 LOG O M ON OG RA M | D IG ITA L LOG OS ABIG AIL MILES
# 11 grid
# 15 grid
created a circle with a square and cut out an angle. copied this to make the M and the layered the A and M shape to create form.
Used my grid sketches and curves to create the m and attached a cross bar to form an A.
# 12 type
# 16 grid
used wedding gothic and made the m smaller to fit into the A. made the m the same width as the A.
created the “a” with squares and angles then took the shape and cut out a triangle to create an m.
# 13 type
# 17 grid
used rockwell and attached the a to the m and got rid of the left stem of the m.
creating triangles to replicate m and a apexes. made the “a” the same size as the vertex in the “m.”
# 14 grid
# 18 grid
Similar to 11, I cut out and built shapes to then create an A and M.
creating same curves and using semi-circles to create the counter of the A.
DIGITAL VARIATIONS AND NOTES Choosing favorites from digital renders and creating variations with notes.
ABIG AIL MILES
LOG O M ON OG RA M | D IG ITA L REVISED
V IS C 304
V IS C 304 ABIG AIL MILES
LOG O M ON OG RA M | REVISION S WITH N OTES
#1 Lessened the vertical height.
#2 Lessened the vertical height and raise the crossbar.
#3 Lower the crossbar.
#8 Thicken stroke width.
#9 Made the stroke width slightly less than #8.
# 10 Round the strokes ends and corners.
# 15 Enclose open counter space.
# 16 Enclose all open space.
# 17 Take out crossbar and close counter space.
#4 Shorten the points or apexes of the M.
# 11 Flatten ends and round corners.
# 18 Add counter space detail and open.
#5 Shorten the apexes and lower the crossbar.
# 12 Sharpen corners and round ends.
# 19 Create a diagonal and eliminate curves.
#6 Make into a square: adjust the vertical and horizontal height and width.
# 13 Thicken stroke width and enclose counter space.
# 20 Move crossbar to the left and flatten corners.
#7 Raise the apexes to make a square, and crossbar.
# 14 Take out crossbar and double the counter space.
ABIG AIL MILES
LOG O M ON OG RA M | D IG ITA L REVISED
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | D IG ITA L REVISED
V IS C 304
V IS C 304 LOG O M ON OG RA M | REVISION S WITH N OTES
#1 Move the negative space or breaks- one for each side.
#2 Have negative move to the crossbar and to divide M and A.
#3 Move breaks to only break up M and A.
#6 Breaks only on the crossbar of the A.
#7 Shortened the M stems to crossbar.
#8 No breaks and thicken stroke width.
ABIG AIL MILES
# 11 Add breaks between M and A.
# 12 Try a different Typeface and adjust crossbar.
# 13 Move M down.
#4 Remove the M strokes to create closure.
#9 Extend the apex and vertex.
# 14 Remove stems.
# 15 Flatten vertex of the M/Crossbar
#5 Divides between the stroke and stem of the M.
# 10 Make more square and adjust stroke width.
# 16 Flatten apex and vertex of the A and M.
TYPE EXPLORATION Exploring different typefaces to lock up to logo.
ABIG AIL MILES
LOG O M ON OG RA M | TYPE EXPLORATION
V IS C 304
LOCK UPS Locking up type next to logo.
ABIG AIL MILES
LOG O M ON OG RA M | LOCK U P
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | LOCK U P
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | N EW V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | N EW V IS C 304
SCALE Testing how each logo scales at 75%
ABIG AIL MILES
LOG O M ON OG RA M | SCA L E
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | SCA L E
V IS C 304
REVISED LOCK UPS Created custom type and matched the stroke width of the logos for a more cohesive layout.
ABIG AIL MILES
LOG O M ON OG RA M | REVISED LOCK U P
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | REVISED LOCK U P
V IS C 304
STORY BOARDS Brainstorming and mapping out how the animation will come to life.
ABIG AIL MILES
LOG O M ON OG RA M | D RA F T STORY B OA RD S
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | STORY B OA RD
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | STORY B OA RD
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | STORY B OA RD
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | STORY B OA RD
V IS C 304
COMPARE Comparing ori ginal logo to the new and final logos.
ABIG AIL MILES
LOG O M ON OG RA M
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M
V IS C 304
DRAFT PRESENTATION BOARDS Creating a layout that presents the final logo and lock up neatly.
ABIG AIL MILES
LOG O M ON OG RA M | D RA F T PRESEN TATION 1 / 5
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | D RA F T PRESEN TATION 2 / 5
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | D RA F T PRESEN TATION 3 / 5
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | D RA F T PRESEN TATION 4 / 5
V IS C 304
ABIG AIL MILES
LOG O M ON OG RA M | D RA F T PRESEN TATION 5 / 5
V IS C 304
FINAL PRESENTATION Creating a final presentation board to view all aspects of the personal monogram.
Avenir Next Demi Bold
Custom type: based on Avenir Next Demi Bold 69 46 49 17
82 65 54 48
25 46 88 0 5
Emulates the curve of the A in the monogram to the stroke of the A to create custom type.