Portfolio

p

o

l

f

o

gr

a

p

t

T y r P o

Arts 3650 Nsu Fall 2024 Marjori e M esias

y h

o i

Fall 2024 - Typography

Page Design #1 Symbolic Meaning For this assignment I created symbols representing womanhood: Strength (crown), Joy (dancing), and rest. I sketched in Photoshop, then traced in Illustrator using the Pen tool for clean, geometric lines. For my name, I used Rockwell font, highlighting “m”, “r”, “o”, and “i” in red. Combining both parts into a balanced composition.

2 2

Marjorie Mesias Marjorie Mesias

Typography - Fall 2024

Page Design #2 Hieroglyph Writing Exercise I combined traditional hieroglyphs with modern design techniques to narrate a story where a woman selects plants for her servant and later places them in a basket at home. I began by sketching each symbol in Photoshop, focusing on their historical accuracy while adding intricate details for a more modern look.

After arranging the symbols vertically, I designed an Egyptian-style border to frame the composition. I then imported the design into Illustrator, where I meticulously traced each element with the Pen tool, adding color to enhance the visual depth and bring the story to life.

Marjorie Mesias Marjorie Mesias

3 3

Fall 2024 - Typography

Page Design #3 Lettering during the Roman Empire and Middle Ages For this project, I chose the Brioso typeface.

I emphasized its calligraphic roots with a sketch of the word “Illumination.” The lightbulb

illustration,

symbolizing

the

concept of illumination, was added to reinforce the theme.

I balanced text and imagery by placing a decorative illustration of an illuminated manuscript,

connecting

the

historical

context. The border uses a hand-drawn, flowing line to frame the entire composition, creating cohesion and guiding the viewer’s eye across the page.

Objectives/ Learning outcomes Learn Typography History •

Hand Draw and Trace Lettering • Research and Design Layouts • Further Develop Illustrator Skills • Reflect on the Process •

2 4

Marjorie Mesias Marjorie Mesias

Page Design #4 Renaissance Typography and Printing

Typography - Fall 2024

Objectives/ Learning outcomes • Study Renaissance typography and printing

For this project, I began by sketching the • Hand draw and trace historical typefaces word “scripture” in Photoshop. I then traced • Create a structured infographic layout the sketch in Illustrator, using the Pen tool • Design glyph-inspired illustrations to refine the letterforms. For the artwork, • Enhance Illustrator tracing I designed a scroll paper with a quill, • and formatting skills incorporating letters and a simple border to evoke a Renaissance aesthetic.

This process highlighted the elegance and readability of the Bembo font, linking it to its historical context in France.

Marjorie Mesias Marjorie Mesias

3 5

Fall 2024 - Typography

Page Design #5 Typography During Colonization and Industrialization This design focuses on the Art Nouveau movement, combining organic, flowing forms with structured typography. The word “Harmony” was chosen to represent the movement’s connection to nature and balance. I hand-drew the word, emphasizing curvilinear shapes, then traced it in Adobe Illustrator using the Pen tool to create precise vector forms.

The Copperplate font was selected for its symmetry and elegance, complementing the flowing, decorative style of Art Nouveau.

Nature-inspired borders and lines were added to reinforce the theme of harmony, enhancing the visual connection between the typography and design elements.

The composition is in grayscale, focusing on the contrast of black and white to highlight shapes and structure. The layout maintains balance, with each element contributing to

Objectives/ Learning outcomes Typography colonization and • industrialization

the overall theme of harmony, reflecting the

Hand draw and trace typefaces •

Art Nouveau aesthetic.

Engaging and structured layout •

2 6

Marjorie Mesias Marjorie Mesias

Typography - Fall 2024

I

II I

Oo

.

I

I I

O I V

VI I

C a p H e i g h t

C a p H e i g h t

Ascender

Sketch X-Height

Descender Ascender

Baseline Traced

Descender

Baseline

X-Height

C

onstructivism: Design for Progress

Bold, Geometric Forms Driving Revolutionary Change

onstructivism, a revolutionary design movement, emerged in early 20th-century Russia. It pushed the boundaries of traditional art and design, embracing bold geometric shapes and practical elements that reflected the industrial spirit of the time. The movement's focus was on functionality and using design as a tool for social change. Artists like El Lissitzky and Alexander Rodchenko used their work to communicate political messages and modern ideals. Progress was central to Constructivism's core philosophy, symbolizing the movement's aim to build a new society. The font ITC Franklin Gothic Book complements this theme with its clean, industrial lines, evoking a modern, no-frills aesthetic that emphasizes clarity and strength.

It reflects the Constructivist desire to simplify design and make it accessible to the masses.

The design elements of Constructivism; bold contrasts, straight lines, and minimalism; continue to influence graphic design today.

Page Design #6 Early Twentieth Century Typography This design explores the Constructivism movement, focusing on its bold, geometric aesthetic and its connection to social progress. The theme centers on the word “Progress,” chosen to reflect the movement’s revolutionary ideals.

The typeface Franklin Gothic was selected for its functionality and strength, key qualities of Constructivist design. The layout incorporates bold geometric shapes and sharp contrasts, emphasizing clarity and readability while maintaining a sense of dynamic movement.

I began by hand-sketching the word “Progress” to capture its essence, then used Adobe Illustrator to trace the letters with

Objectives/ Learning outcomes

• Explore early 20th-century typography.

precision. The composition is dynamic, guiding the viewer’s eye through the elements while maintaining balance and strength, in true Constructivist style.

• Focus on layout, hierarchy, and balance.

• Era-specific fonts and trace them.

Marjorie Mesias Marjorie Mesias

3 7

Fall 2024 - Typography

Page Design #7 The Swiss design Style/International Typographic Style This design is inspired by the vibrant energy of the disco era, capturing the movement and excitement that defined the 1970s. The word “Dance” was chosen to reflect the period’s lively atmosphere, and I selected ITC Souvenir Bold for its playful curves, mirroring the rhythmic and carefree spirit of disco music.

To amplify the theme, I incorporated bold neon colors and geometric shapes that evoke the lively dance floors and dynamic sound of the era. The design is structured to feel alive, with elements that seem to move and pulse, much like the music itself. Using Adobe Illustrator, I carefully traced the sketch with the Pen Tool, ensuring accuracy while maintaining the type’s playful character.

Objectives/ Learning outcomes Explore the Swiss Design Style and •

This design showcases how design and

International Typographic Style

typography can capture the essence of a

Design a well composed page layout •

cultural moment, creating a lasting impact

Focus on hierarchy, structure, and •

through visual expression.

2 8

clean compositions

Marjorie Mesias Marjorie Mesias

Page Design #8 Contemporary Typography and Digital Technology

Typography - Fall 2024

I focused on the relationship between laser printing technology and Tahoma font. I used Adobe Illustrator to create the design, employing the Pen tool for precise geometric shapes and clean typography.

I implemented the CMYK color scheme to represent the printing process visually, ensuring vibrant and meaningful colors.

Each element was placed on separate layers to maintain organization and facilitate adjustments. I focused on creating a clear visual hierarchy, guiding the viewer’s eye through the design.

Finally, I fine tuned the composition for balance and clarity, emphasizing readability and modern aesthetics.

Objectives/ Learning outcomes • Investigate contemporary typography and digital technology.

• Choose modern typeface from the

Marjorie Mesias Marjorie Mesias

3 9

Fall 2024 - Typography

Page Design #9 Type face’s anatomical details, Width & Weight For this project, I focused on the Didot typeface and its connection to Breton culture. The word “Tradition” was selected to convey the theme of continuity, bridging the gap between past and present, much like the cultural practices of Brittany.

I used Didot, a classic serif typeface known for its refined and elegant aesthetic, to bring the concept to life. Through Photoshop, I traced each letter, ensuring the details of the typeface were preserved, while Illustrator was used to finish the design with a vintage, and timeless look. I paid special attention to typographic anatomy, while keeping the overall composition clean and refined.

layout was designed with a sense of Objectives/ The balance, using a combination of sandy and Learning outcomes dark tones, allowing the design to convey a

Select a Latin-based language for design • sense of timelessness while maintaining the Focus on typography and key terms • modernity of Didot.

Create a balanced page layout •

2 10

Research typography concepts •

Marjorie Mesias Marjorie Mesias

Page Design #10 Type Identification and Classification

Typography - Fall 2024

For this assignment, I explored the Hobo typeface, known for its playful, retro style that embodies a sense of friendliness and informality. I selected the word “Hobo” to trace and build the design around this concept.

Using Adobe Illustrator, I first traced the letters of “Hobo,” paying close attention to key attributes such as x-height, ascenders, and terminals. Hobo’s rounded, flowing form was emphasized in the hand-drawn approach, which I later vectorized to maintain crisp, clean lines throughout the design. I added organic, freeform shapes, layered with vibrant, 70s-inspired colors, to complement the type’s playful personality.

For the layout, I kept the composition fun

Objectives/ This fusion of type and illustration, set in a Learning outcomes and dynamic, with abstract elements to balance out the boldness of the font.

retro context, helped bring out the charm • Explore historical and visual features.

of the Hobo typeface while demonstrating • Research a favorite typeface and analyze its versatility for both retro and modern designs.

Marjorie Mesias Marjorie Mesias

its characteristics.

• Design an engaging layout.

3 11

Fall 2024 - Typography

Songs Used

Page Design #11 1. La Vuelta al 4. CONTIGO 7. Alguien Value, Color, Mundo

By Karol G Como To

By Calle 13 and Tiesto

By Josean and Contrast 2. Amor 5. Un Log

For this assignment, I created a heart-shaped

Eterno

Millon de

design filled with lyrics from various roman-

By Juan

Primaveras

By Piero De

Gabriel

By Vicente

Benedictis

3. Nunca Es

Fernandez

tic and sentimental songs. The heart represents love, emotion, and connection, aligning with the lyrical content. Using Adobe Indesign, I created 10 text frames in various shapes, all within the heart outline. I filled each text box with different song lyrics that resonated with the themes of love. I chose a

Suficiente 6. La

8. Mi viejo

9. Ese Hombre

By Los

Distancia

By La India

Angeles

By Manuel

10. Soledad y

Azules

Medrano

el Mar

By Natalia Lafourcade

range of fonts for each song, while playing with tracking, and leading to enhance readability and visual harmony. For each song, I added a headline and sub-headline with the artist’s name. I experimented with font sizes, paragraph justification, and tracking to create contrast and emphasis. This process helped shape the flow of the text, guiding the viewer’s eye across the design.

Objectives/ Learning outcomes

Experiment with type size/tracking/leading • Use different fonts for each song •

2 12

Apply a compositional principle •

Marjorie Mesias Marjorie Mesias

Typography - Fall 2024

Page Design #12 Selecting and Combining Fonts Creatively For this project, I created a logo for Tropical Vibes Juice Co., a juice and smoothie bar inspired by the tropical atmosphere of South Florida. The logo concept centers around a pineapple/orange, symbolizing energy, freshness, and beachy vibe of the region.

I started the design process by sketching six variations of the logo, focusing on different ways to incorporate the pineapple symbol with playful, curved typography. The three words in the logo, “Tropical,” “Vibes,” and “Juice Co.,” where each constructed using a different font to create a unique combination that still felt cohesive.

Once I selected my preferred concept, I

Objectives/ Learning outcomes

moved into Adobe Illustrator, where I used

• Develop 3 logo variation.

Then, I experimented with color variations

• Design a typography based logo with a

to enhance the tropical feel, using bright,

vector symbols.

• Experiment with font combinations.

Marjorie Mesias Marjorie Mesias

the Pen tool to trace and refine the pineapple shape, ensuring it was clean and precise.

vibrant hues of yellow, green, and orange.

3 13

Fall 2024 - Typography For this project, I designed a two-page spread centered on ceramics. I gathered content from Wikipedia on ceramics and broke it into sections. I used copyright-free content to ensure the article remained relevant.

The layout I created using Adobe InDesign, was organized on two facing artboards, each formatted to US letter size. The header, footer, and credits were placed to maintain a clean, professional structure. I carefully chose fonts to highlight headlines, subheadings, and intro/kicker while ensuring legibility for the body text. For the visual elements, I incorporated illustrations inspired by traditional ceramic motifs. I made sure to add a pull quote for emphasis, and photos that complemented the article’s content.

2 14

Page Design #13 Editorial pages Part 1 Traditional (Conservative) Objectives/ Learning outcomes Design a two-page editorial layout • with text and images Use copyright-free content for articles • Include headlines, subheadings, • bylines, pull quotes, captions Apply typographic composition • and visual hierarchy for readability

Marjorie Mesias Marjorie Mesias

Typography - Fall 2024

Page Design #14 Editorial pages Part 2 Contemporary Objectives/ /Modern (Liberal) Learning outcomes

For this project, I designed two-page spread

named “Ceramics: A Legacy in Clay” , it was created in Adobe Indesign with US letter sized, portrait oriented artboards.

The design uses a bold serif for headlines, a clean sans-serif for body text, and decorative fonts for emphasis with bright colors. On the left page, the headline, and intro are paired with illustrations of ceramic pieces, created using the AI geneting tool. The right page

• Design two editorial pages with a modern, experimental approach.

• Use creative typography and varied fonts.

• Include headlines, subheads, body copy, pull quotes, captions.

• Add vector illustrations and apply modern design principles (contrast, balance, etc.).

features pull quotes, photos, and decorative elements, such as a dotted lined border and an earthy color palette, the

tie

design

together.

Marjorie Mesias Marjorie Mesias

3 15

a

a

e

T h r o F

r

n

d

k

i

y

o

special than ks to professor Kolos sch umy

n

u g