SEC-S20W3: "Typography and Practical Application"

in hive-109435 •  4 months ago 

Understanding Typography thumbnail.png

Designed in Canva


My Understanding of Typography


Typography is essentially the practice of presenting text visually. It’s more than picking a font; it considers all aspects, including the shape, size, and position etc of each word. The intent of typography is to create beautiful visuals as well as to structure text for ease of understanding. The choice of font, space, and alignment can modify the entire effect of a design, which is why effective typography boosts the effectiveness of design.

It’s not solely regarding aesthetics (the visual beauty); it also acts as a means of communication. Doing typography correctly makes your message more effective and simpler to understand. Alternatively, if a font is so elaborate that you can’t understand the words, then no matter how gorgeous the design is, it’s futile. Therefore, the font size, style, and color should make reading easier, instead of complicating it.


Categories of Typefaces


First of all, I will define what exactly a typeface is. From reading this contest announcement post by our instructor @lhorgic, I learned that a typeface is something that determines the design or style of all fonts. In essence, a typeface determines the design of each letter and their combined look. For example, when you notice Arial or Times New Roman, they are different typefaces because their design styles are distinct. Moreover, a single typeface may include several fonts, including bold, italic, or regular. In simpler words, think of a typeface as a complete family, and fonts as the individual members of that family.

In my post, I’ve chosen following three typefaces to discuss:

  • Display Typeface
  • Monospaced Typeface
  • Handwritten Typeface

Display Typeface

These styles are very ornate and written in larger sizes, usually intended for headlines or poster design. The aim is to draw attention. Below is an example of the “Ample Display” font of this typeface.

Ample Display.png

Monospaced Typeface

In this typeface, all letters achieve identical spacing, no matter their size. This style is regularly applied for coding and typewriters. Below is an example of the “Courier Prime” font of this typeface.

Courier Prime.png

Handwritten Typeface

These fonts mimic handwriting and are regularly used in casual and informal designs. Below is an example of the “Dancing Script” font of this typeface.

Dancing Script.png


Graphic Design Homework


Example 1

1.png

SNItemsAnswer
1.Typeface/font usedAnton
2.Colour Hex used#f6c92b(Font), #542c7c(bg)
3.Alignment usedLeft
Example 2

2.png

SNItemsAnswer
1.Typeface/font usedAmple Display
2.Colour Hex used#ffffff(Font), #0c502e(bg)
3.Alignment usedCenter
Example 3

3.png

SNItemsAnswer
1.Typeface/font usedCourier Prime
2.Colour Hex used#fedd2b(Font), #d22f2f(bg)
3.Alignment usedLeft
Example 4

4.png

SNItemsAnswer
1.Typeface/font usedSpace Mono
2.Colour Hex used#f99d00(Font), #362c5d(bg)
3.Alignment usedLeft

I trust that you found the information in my post to be valuable. 😊


I would like to invite @josepha, @drhira, @radleking, @graceleon, @memamun and @starrchris to join this contest through this link, if they have not already taken part in it.


blog footer new.png

Author: @waqarahmadshah | Date: 28-Sep-2024 | Achievement 1
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  
Loading...

¡Holaaa amigo!🤗

Soy muy fan de la tipografía Anton y después de ver tu práctica pienso que, realizar un diseño que tenga esa tipografía junto a Amplia pantalla sería sensacional porque, ambas tienen un estilo clásico que a pesar de ser diferentes, se complementarían muy bien.

Te deseo mucho éxito en la dinámica... Un fuerte abrazo💚

Thanks for stopping by. 😊

Upvoted. Thank You for sending some of your rewards to @null. It will make Steem stronger.

TEAM 4

Congratulations! Your post has been upvoted through steemcurator06. Good post here should be..


post1.png

Curated by : @jyoti-thelight