"SEC20/WK3: Typography and Practical Application."

in hive-109435 •  2 days ago 
Assalam O Alaikum?

Hello dear friends! Welcome to my post. How are you all? I hope you will be doing well by the grace of Almighty Allah. I'm also fine and enjoying my day. Today I'm here to participate in this Steemit engagement challenge season 20 week 3 organized by @lhorgic and I'm going to share my entry in Steem4bloggers community. The topic of this challenge is about "Typography And Practical Applications". So let's start without any more delay of time.


Black Simple Corporate Job Vacancy LinkedIn Single Image Ad_20240925_133311_0000.png

Created With Canva


Discuss your understanding about Typography.

Typography is a technique used to arrange the type to make the written language more appealing and legible when it is displayed on the screens. Now a days, it has a crucial role in graphics designing and in print media also. This is because, it deals with the arrangements of texts, fonts and spaces in a design to make it eye-catching and more unique. In the typography, many things are included like typefaces, fonts, hierarchy, spacing, alignment, contrast and balance etc.

While developing a design, we have to keep all these things in our minds to make that design right according to our expectations as a slight difference between them, can spoil the whole work. The typefaces are known as the text characters of a design while the fonts are refers to the variations within a typeface. The fonts can be found in different ways like bold, italic and regular fonts etc.

After that, the spacing and alignment are also a crucial part of typography as the alignments tells us about the location of texts i.e middle, left and right side etc. The spacing refers to the proper space between the text and within the whole sentence. The proper contrast and balance is also very important in a design as it deals with the proper side, color, fonts and weights of texts.

Research 3 other typeface categories not captured in this lesson. Talk about them and also give a visual representation of the typefaces.

1. Monospaced Fonts;

  • Monospaced Fonts have their own visual representation which are different from others as they come with the same amount of horizontal space between them which creates a uniform grid. Due to that reasons, the monospaced Fonts are used by the programmers during the coding as it helps them to align the characters vertically.

Mono spaced fonts_20240926_135853_0000.png

Visual Representation


2. Black letter Fonts:

  • Black letter Fonts are also known as gothic and old English typefaces because they have a very dense letter format which you can see below in their visual representation. They have heavy weights, sharp and angular strokes which make it easier to recognize them. Usually they are used to prepare traditional and old documents in the form of graphics and in other forms as well.

Mono spaced fonts_20240926_141237_0000.png

Visual Representation


3. Slab Serif;

  • Slab Serif fonts are known for their thick and block like appearance and they have a unique visual representation which is different than the traditional serifs. They have heavy strokes which gives a beautiful look to the postures and other document. Mostly they are used in the headings and subheadings of postures and banners.

Mono spaced fonts_20240926_143424_0000.png

Visual Representation


Demonstrate your understanding of Typography just like I have done with my four example using the following guidelines below

First Typographic design


Mono spaced fonts_20240926_150209_0000.png


SNItemsAnswer
1Typeface/ Font usedUpper Body: Alfa slabe one & Lower body: Solway
2Color hex usedUpper body #FF9140, Lower body #C42929, Background #00BF63
3Alignment UsedCenter Alignment

Second Typographic design


Mono spaced fonts_20240926_154402_0000.png


SNItemsAnswer
1Typeface/ Font usedUpper Body: Roboto & Lower body: gagalin
2Color hex usedUpper body #070F2C, Lower body #FFDE59, Background #FF64C4
3Alignment UsedLeft Alignment

Third Typographic design


Mono spaced fonts_20240926_155812_0000.png


SNItemsAnswer
1Typeface/ Font usedUpper Body: Shrikhand & Lower body: Biski
2Color hex usedUpper body #1FCE10, Lower body #1FCE10, Background #004AAD
3Alignment UsedRight Alignment

Fourth Typographic design


Mono spaced fonts_20240926_160937_0000.png


SNItemsAnswer
1Typeface/ Font usedUpper Body: Yeseva one & Lower body: Aloja
2Color hex usedUpper body #1E3D59, Lower body #BE1558, Background #FF9A8D
3Alignment UsedLower Alignment

C3TZR1g81UNaPs7vzNXHueW5ZM76DSHWEY7onmfLxcK2iP9VDv5a4EtHBpkJfW8Nn7PSXUPJapWuHbag84TFcG78C8dcNHndZWQcoQ8aFmkLxe2x47zw3mg.png

So friends, that was my entry about that challenge and I hope you will enjoy reading it. Now it is a time to say goodbye to everyone and I want to invite my friends @josepha @simonnwigwe and @hudamalik20 to take a part in this amazing challenge.

C3TZR1g81UNaPs7vzNXHueW5ZM76DSHWEY7onmfLxcK2iP9VDv5a4EtHBpkJfW8Nn7PSXUPJapWuHbag84TFcG78C8dcNHndZWQcoQ8aFmkLxe2x47zw3mg.png


Written by @abdullahw2


ij42VfeLLLL7WCxzYedv2KU7aUqHk3RNyfwHxuumhaYnHDokdbjRLxXkrL7DSe5jzS8jzGDd29gtGG4pvuDJSmxLPGt9GXUQJ72g1AB1fe5qt8DvgzMKW6QWvU4qnL7RCP9XNvs8xoiQDu52RHULmxg9jntMKRVMobRLqEiV5oKKho3MoMJgpUxyzHMbJSmzDNuPnJgSwTrwpTq5YBkjyML1T.gif

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...

@tipu curate

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

CONGRATULATIONS!!

Your post has been supported by TEAM SHINING STARS. We support quality posts, good comments anywhere, and any tags.


1000152665.gif

Curated by : @josepha

Thank you so much dear sir @josepha for your kind support

Assalam o Alaikum @abdullahw2 your detailed to the typography & its importance in design. The examples you sharing are the really helpfully & the visuals are nice.
Best wishes...

W. Slam thank you so much dear friend for a lovely comment and I'm glad to liked my entry 😀 have a great day 😊

¡Holaaa amigo!🤗

Las fuentes que tienen una proyección gótica me fascinan porque, además de acuñarle esa particularidad al diseño, contienen unas letras muy elegantes y, te confieso que debido a ello fue que en el colegio me interesé por conocer todas las fuentes que tienen ese estilo por lo tanto, me encantó ver en tu práctica la fuente Black letter.

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

Ooh yes,, the gothic style are very impressive and eye-catching especially when it is used in old writings and it is your favorite too. By the way thanks a lot for commenting ☺️

Wa Alaikum Assalam! 🌟 What an insightful post on typography! Your explanation of the elements like monospaced, blackletter, and slab serif fonts is very clear and visually appealing. 🎨 The way you demonstrated different font categories with design examples is impressive, especially the thoughtful use of color and alignment. Keep up the creative work! 💪✨ Excited to see more from you and your unique designs. 😊

Your kind words are highly appreciated and I'm glad to hear them. Also it is an honor for me. Thank you so much dear brother for visiting my post and leaving a beautiful comment 😀. Stay blessed 💗

My pleasure dear brother!