Një font i mirë nuk mjafton për të krijuar një dizajn profesional. Edhe fonti më cilësor mund të duket jo profesional nëse madhësia e tekstit ose hapësirat ndërmjet shkronjave dhe rreshtave nuk janë të rregulluara si duhet.

Dizajnerët profesionistë i kushtojnë shumë rëndësi tipografisë, sepse ajo ndikon drejtpërdrejt në lexueshmëri, hierarkinë vizuale dhe përvojën e përdoruesit.

Në këtë mësim do të mësoni si të përdorni madhësinë dhe spacing-un e tekstit për të krijuar dizajne të pastra dhe profesionale.

Çfarë është madhësia e tekstit?

Madhësia e tekstit (Font Size) përcakton sa i madh ose i vogël do të shfaqet një tekst.

Në dizajn grafik, madhësia nuk zgjidhet rastësisht. Ajo përdoret për të krijuar hierarki vizuale dhe për të ndihmuar përdoruesin të kuptojë rëndësinë e informacionit.

Sa më i rëndësishëm të jetë një element, aq më i madh duhet të jetë.

Pse është e rëndësishme madhësia?

Madhësia e tekstit ndihmon përdoruesin të kuptojë menjëherë:

• çfarë duhet të lexojë së pari,
• çfarë është informacion dytësor,
• dhe cilat janë detajet shtesë.

Nëse të gjitha tekstet kanë të njëjtën madhësi, dizajni bëhet monoton dhe përdoruesi nuk di ku të fokusohet.

Hierarkia e Madhësive

Një dizajn profesional zakonisht përdor disa nivele të madhësisë së tekstit.

Titulli Kryesor (H1)

Është elementi më i rëndësishëm në faqe.

Duhet të jetë i madh dhe të tërheqë vëmendjen menjëherë.

Nëntitulli (H2)

Shërben për të ndarë seksionet dhe për të organizuar përmbajtjen.

Duhet të jetë më i vogël se titulli kryesor, por më i madh se teksti normal.

Teksti Kryesor

Ky është teksti që përdoruesi lexon më shumë.

Duhet të jetë i rehatshëm për lexim dhe jo shumë i vogël.

Informacioni Shtesë

Përdoret për shënime, data ose informacione sekondare.

Mund të jetë më i vogël, por gjithmonë duhet të mbetet i lexueshëm.

Madhësitë e rekomanduara

Për Web Design

• Titulli kryesor (H1): 40–64 px
• Nëntitulli (H2): 28–36 px
• Nëntitulli (H3): 22–28 px
• Teksti kryesor: 16–18 px
• Butonat: 16–20 px
• Teksti i vogël: 12–14 px

Për Postime në Rrjetet Sociale

• Titulli: 36–72 px
• Nënteksti: 18–32 px
• CTA: 20–36 px

Madhësia ndryshon sipas formatit dhe dimensioneve të postimit.

Çfarë është Letter Spacing?

Letter Spacing (Tracking) është distanca ndërmjet shkronjave.

Edhe një ndryshim i vogël në këtë hapësirë mund të ndryshojë ndjeshëm pamjen e tekstit.

Letter Spacing i vogël

Shkronjat janë shumë afër njëra-tjetrës.

Nëse është i tepërt, teksti bëhet i vështirë për t’u lexuar.

Letter Spacing i madh

Shkronjat janë shumë larg njëra-tjetrës.

Nëse teprohet, fjala humbet lidhjen vizuale dhe lexohet më ngadalë.

Kur përdoret Letter Spacing?

Letter Spacing përdoret shpesh për:

• logo,
• tituj,
• postime premium,
• dizajne minimaliste.

Për tekstin e gjatë zakonisht përdoren vlera shumë të vogla ose standarde.

Çfarë është Line Spacing?

Line Spacing (Leading) është distanca ndërmjet dy rreshtave të tekstit.

Ky është një nga elementet më të rëndësishëm për lexueshmërinë.

Line Spacing shumë i vogël

Rreshtat duken të ngjeshur.

Leximi bëhet i lodhshëm.

Line Spacing shumë i madh

Teksti duket i shkëputur dhe humbet ritmin e leximit.

Line Spacing i balancuar

Teksti lexohet lehtë dhe duket i pastër.

Ky është qëllimi që duhet të arrijë çdo dizajner.

Çfarë është Paragraph Spacing?

Paragraph Spacing është hapësira ndërmjet paragrafëve.

Ai ndihmon përdoruesin të dallojë seksionet dhe ta lexojë përmbajtjen më lehtë.

Kur paragrafët janë shumë afër njëri-tjetrit, përmbajtja duket si një bllok i madh teksti.

White Space dhe Tipografia

Spacing-u nuk ka të bëjë vetëm me tekstin.

Ai lidhet edhe me White Space.

Një tekst që ka hapësirë të mjaftueshme rreth tij:

• lexohet më mirë,
• duket më premium,
• dhe krijon ndjenjë organizimi.

Shembull praktik

Imagjino një poster.

Versioni i parë

• Titull i vogël.
• Rreshta shumë afër.
• Paragrafë pa hapësirë.
• Teksti duket i ngjeshur.

Rezultati:

Posteri duket amator.

Versioni i dytë

• Titull i madh.
• Distancë e mirë ndërmjet rreshtave.
• Hapësirë ndërmjet paragrafëve.
• White Space rreth tekstit.

Rezultati:

Posteri duket modern dhe profesional.

Gabimet më të zakonshme

1. Tekst shumë i vogël

Përdoruesi lodhet gjatë leximit.

2. Të gjitha tekstet me të njëjtën madhësi

Hierarkia vizuale humbet.

3. Line Spacing shumë i vogël

Rreshtat ngjiten me njëri-tjetrin.

4. Letter Spacing i tepruar

Fjalët bëhen të vështira për t’u lexuar.

5. Mungesa e hapësirës ndërmjet paragrafëve

Përmbajtja duket e çrregullt dhe e rëndë.

Rregulla të arta për tipografi profesionale

• Përdorni madhësi të ndryshme për të krijuar hierarki.
• Mbani tekstin kryesor të lehtë për t’u lexuar.
• Mos e teproni me Letter Spacing.
• Vendosni hapësirë të mjaftueshme ndërmjet rreshtave.
• Lini hapësirë ndërmjet paragrafëve.
• Testoni gjithmonë dizajnin në desktop dhe në telefon.

Krahasim i Tipografisë së Mirë dhe të Dobët

Madhësia dhe spacing-u i tekstit janë po aq të rëndësishëm sa zgjedhja e fontit.

Një tipografi profesionale nuk arrihet vetëm duke përdorur një font të bukur, por duke organizuar tekstin në mënyrë që të jetë i qartë, i lexueshëm dhe estetik.

Mbani mend këtë rregull:

Një tekst i organizuar mirë nuk tërheq vëmendje sepse është i zbukuruar, por sepse lexohet lehtë. Kjo është shenja e një dizajni profesional.