8 skvel├ę pr├şklady pou┼żitia skladan├Żch textov├Żch blokov vo webdizajne

Je ve─żmi vzru┼íuj├║ce presk├║ma┼ą modern├ę n├ívrhy webov├Żch str├ínok a narazi┼ą na mal├ę veci, ktor├ę v├Żvoj├íri pova┼żuj├║ za rozko┼ín├ę. ÔÇ×Mal├ę detaily robia rozdielÔÇť – dnes o ┼łom ve─ża po─Źujeme.

V skuto─Źnosti je to pravda. Tieto mal├ę rie┼íenia a jedine─Źn├ę triky robia projekty vynikaj├║cimi z davu. Robia origin├ílne z├í┼żitky a robia u┼ż├şvate─żsk├ę rozhranie vzru┼íuj├║cim a nezabudnute─żn├Żm. V s├║─Źasnosti prevl├ídaj├║ mal├ę trendy pred ve─żk├Żmi.

V├Żvoj├íri nezastavuj├║ dlho; za┼ż├şvaj├║ ve─ża men┼í├şch n├ípadov. M├┤┼żeme teda by┼ą svedkami p├┤sobiv├Żch mikroskopick├Żch rie┼íen├ş, v─Ćaka ktor├Żm je web r├┤znorod├Ż. Jedn├Żm z t├Żchto mal├Żch trendov s├║ bloky textu naskladan├ę na domovsk├║ str├ínku.

Viac ako len slová

Skladan├ę bloky textu m├┤┼żete vidie┼ą kdeko─żvek. Probl├ęm je v┼íak v tom, ┼że dizajn├ęri sa niekedy m├┤┼żu necha┼ą unies┼ą a obsahova┼ą ve─ża inform├íci├ş, ─Źo vedie k TL; Obsah podobn├Ż DR. Nikto to nechce ─Ź├şta┼ą. Av┼íak s dvoma riadkami je to in├Ż pr├şbeh. Kr├ítkos┼ą je du┼íou vynaliezavosti. V┼żdy to funguje: sta─Ź├ş si vybra┼ą k─ż├║─Źov├ę slov├í, nap├şsa┼ą chyt─żav├Ż slogan a pripraven├ş z├şska┼ą z├íkazn├şkov. Je tak elegantn├Ż, jednoduch├Ż a efekt├şvny. Niet divu, ┼że na tento trik padne ve─ża dizajn├ęrov.

Umelci sa v┼íak nespoliehaj├║ iba na inteligentn├ę fr├ízy. Hraj├║ sa svoj├şm vzh─żadom, obohacuj├║ ho zauj├şmav├Żmi funkciami a diskr├ętne ho zd├┤raz┼łuj├║ inteligentn├Żmi ├║pravami. Realizuje sa nieko─żko techn├şk, napr├şklad:

  • R├┤zne p├şsma;
  • R├┤zne farby pre ka┼żd├║ l├şniu;
  • Farba, ktor├í kontrastuje s pozad├şm alebo in├Żm obsahom;
  • Ve─żk├ę, takmer p├┤sobiv├ę ve─żkosti p├şsma;
  • Tu─Źn├ę p├şsmo;
  • R├┤zne ┼ít├Żly p├şsma;
  • Umeleck├ę diela zalo┼żen├ę na typografick├Żch znakoch;
  • Plne zv├Żraznen├Ż text;
  • A dokonca ani ─Źasom overen├ę pod─Źiarknutie nie je ne─Źakane tak├ę nudn├ę, ako by ste si mohli myslie┼ą.
  • Presk├║mame v┼íetky tieto mo┼żnosti, aby ste videli potenci├íl ka┼żdej z nich a vybrali najlep┼íiu mo┼żnos┼ą pre v├í┼í konkr├ętny pr├şpad.

    Denton Design

    Za─Źnime jedn├Żm z najskvelej┼í├şch predstavite─żov tohto pr├║du: dizajnom spolo─Źnosti Nathan Denton Denton. Vytvorili Ren├ę Hern├índez a Ryan Haskell-Glatz. Je to prav├ę majstrovsk├ę dielo, ktor├ę fascinuje originalitou a podivnos┼ąou.

    ÔÇ×Kreat├şvny riadite─żÔÇť s├║ dve slov├í nach├ídzaj├║ce sa u publika, ktor├ę ozna─Źuj├║ za─Źiatok dial├│gu. V┼íetky p├şsmen├í s├║ ve─żk├ę a maj├║ ve─żk├ę p├şsmo. Ma─żuj├║ sa v dvoch z├íkladn├Żch farb├ích: biela a rub├şnovo ─Źerven├í. Skladan├Ż blok dvoch riadkov tu nie je len pozdrav. Je neoddelite─żnou s├║─Źas┼ąou dizajnu, ktor├Ż dop─║┼ła s├║bor a kri─Ź├ş Nathanovo zamestnanie.

    Denton Design

    Multistamp

    T├şm spolo─Źnosti Multistampa sa rozhodol pre ve─żk├ę p├şsmen├í, ve─żk├ę ve─żkosti a neutr├ílne farby, ktor├ę kontrastuj├║ s pozad├şm. V├Żsledkom je, ┼że v├Żraz ÔÇ×Printing LifeÔÇť je tu prirodzen├Żm zameran├şm, ktor├ę dokonale lad├ş s estetikou in┼ípirovanou geometriou.

    Multistamp

    Zabalen├ę Spotify

    Toto je skvel├ę meno na┼íej zbierky. Spotify je zn├ímy svojimi priekopn├şckymi rie┼íeniami, ─Źo je d├┤kazom toho, ┼że je priekopn├şkom v oblasti webu. Tento posledn├Ż pr├şklad ukazuje, ┼że brilantn├ę duot├│nov├ę farby st├íle vzru┼íuj├║ mysle v├í┼ího kreat├şvneho oddelenia.

    Na va┼íom webe m├┤┼żeme op├Ą┼ą vidie┼ą dvojriadkov├Ż skladan├Ż textov├Ż blok. Na sebe s├║ umiestnen├ę dva bloky. Prv├Ż je ve─żk├Ż a v├Żrazn├Ż, zatia─ż ─Źo druh├Ż mal├Ż. ale p├┤sobiv├ę. Kr├ísna ┼żlt├í dobre s orchidejou Pantone pou┼żitou ako farba pozadia. Heslo je m├Ąkk├ę a z├írove┼ł odv├í┼żne.

    Zabalen├ę Spotify

    iFly KLM 360 stup┼łov

    T├şm, ktor├Ż stoj├ş za 360-stup┼łov├Żm dizajnom iFly KLM, vyu┼ż├şva kr├ísu typografick├Żch vrcholov, ktor├ę s├║ dnes, ┼żia─ż, zriedkav├ę. ÔÇ×Po celom svete s Kiranom JethwomÔÇť n├ís okam┼żite zaujme. T├íto umeleck├í verzia textu skladan├ęho do dvoch riadkov je jednoducho neuverite─żn├í. V─Ćaka jemn├Żm a elegantn├Żm l├şni├ím tvarov p├şsmen, ve─żk├Żm rozmerom a zlo┼żit├ęmu slovn├ęmu slovu je t├íto veta v na┼íich o─Źiach absol├║tnym v├ş┼ąazom.

    iFly KLM 360 stup┼łov

    Claudia Noronha

    Ak nem├íte ┼żiadnych interpretov p├şsiem, Claudia Noronha pon├║ka platn├║ alternat├şvu: pou┼żite kr├ísne p├şsmo. Jeho elegantn├ę, hladk├ę a mierne mastn├ę p├şsmo ve─żmi dobre spolupracuje so zvy┼íkom obsahu. Z├írove┼ł to plat├ş pre ┼żensk├║ auru pou┼ż├şvate─żsk├ęho rozhrania, ktor├í ve─żmi dobre prispieva k celkovej ┼żenskej atmosf├ęre. Jednoduch├ę, kr├ísne a efekt├şvne.

    Claudia Noronha

    Heartbeat Labs

    T├şm Heartbeat Labs sa rozhodol pre star├ę rie┼íenie, ktor├ę spo─Ź├şva v zd├┤raznen├ş slov. Funguje to tu skvele. Hoci je ve─żkos┼ą p├şsma mal├í, hrub├í, leskl├í ─Źiara, ktor├í svieti na tmavomodrej, monochromatickej a ─Źistej pozad├ş, uvedie fr├ízu do centra pozornosti.

    Heartbeat Labs

    SiR MaRy

    SiR MaRy predstavuje ─Ćal┼íiu absol├║tnu klasiku v na┼íej kolekcii. Tu s├║ k─ż├║─Źov├ę fr├ízy zv├Żraznen├ę hrub├Żmi ─Źiernymi ─Źiarami. Aj ke─Ć sa m├┤┼że zda┼ą trochu brut├ílny a surov├Ż v porovnan├ş s vy┼í┼íie uveden├Żmi pr├şkladmi, trik st├íle d├íva sloganu pevn├Ż z├íklad, ktor├Ż ho efekt├şvne vymedzuje.

    SiR MaRy

    Elasts

    T├şm za Elastosom n├ím ukazuje, ako pou┼żi┼ą dvojriadkov├Ż skladan├Ż textov├Ż blok, ke─Ć m├íte elegantn├ę pozadie. Hoci je fr├íza definovan├í ve─żmi ├║zkym p├şsmom, st├íle vynik├í. Existuje nieko─żko d├┤vodov.

    Po prv├ę, ve─żkos┼ą p├şsma zvy┼íuje jeho d├┤le┼żitos┼ą. Po druh├ę, ─Źist├ę pozadie a biele miesto ustupuj├║ v┼íetk├ęmu v popred├ş. Po tretie, veta je umiestnen├í v─żavo, presne tam, kde za─Źneme ─Ź├şta┼ą prirodzene. Nakoniec samotn├í grafika doslova odkazuje na text.

    Elasts

    Andres Soler

    Multidisciplin├írny umelec Andres Soler rozde─żuje svoje meno do dvoch riadkov. Koncept dvoch riadkov zost├íva aj na obrazovke men┼í├şch zariaden├ş, tak┼że prv├í vec, ktor├║ si na telef├│ne pre─Ź├ştate, je ÔÇ×Andres SolerÔÇť. Tu fr├íza znie ako tu─Źn├ę vyhl├ísenie, ktor├ę nevy┼żaduje ÔÇ×podporuÔÇť alebo ─Ćal┼íie vizu├ílne prostredie.

    Andres Soler

    Ak sú dve lepšie ako jedna

    Ak si mysl├şte, ┼że trendy ovplyv┼łuj├║ iba z├íkladn├ę prvky dizajnu, zamyslite sa znova. V┼íetky komponenty webdizajnu (mal├ę alebo ve─żk├ę) podliehaj├║ trendom. Mus├şte sa pozorne pozera┼ą a venova┼ą pozornos┼ą najmen┼í├şm detailom.

    Aj nie─Źo nudn├ę, ako blok textu, prejde zmenami a vylep┼íeniami, pokia─ż ide o dizajn a u┼ż├şvate─żsk├ę sk├║senosti. Dnes sme svedkami tendencie pou┼ż├şva┼ą dvojradov├ę skladan├ę slogany, ktor├ę s├║ kr├ísne zd├┤raznen├ę.

    Priamo dosahuj├║ cie─ż a zvy┼íuj├║ celkov├║ estetiku. Najd├┤le┼żitej┼íie je, ┼że sk├┤r ne┼ż ─Ź├ştaj├║ text, zodpovedaj├║ preferenci├ím pou┼ż├şvate─ża skenova┼ą text na webovej str├ínke. Je to trend, ktor├Ż kombinuje pragmatizmus a kreativitu.