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ÔÇť – o t├Żchto d┼łoch sa ve─ża dozvedia.

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├ę rozhrania vzru┼íuj├║ce a nezabudnute─żn├ę. V s├║─Źasnosti prevl├ídaj├║ mal├ę trendy pred ve─żk├Żmi.

V├Żvoj├íri sa ve─żmi nezastavuj├║; experimentuj├║ s mnoh├Żmi men┼í├şmi n├ípadmi. Preto m├┤┼żeme 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├║ textov├ę bloky naskladan├ę na domovskej str├ínke.

Viac ako len slová

Skladan├ę textov├ę bloky m├┤┼żete vidie┼ą v┼íade. 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. Vyberte si k─ż├║─Źov├ę slov├í, nap├ş┼íte chyt─żav├║ fr├ízu a voila, ste pripraven├ş zv├ş┼ąazi┼ą nad z├íkazn├şkmi. 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. Zah┼Ľ┼łaj├║ sa r├┤zne techniky, napr├şklad:

  • R├┤zne druhy p├şsma;
  • R├┤zne farby pre ka┼żd├║ l├şniu;
  • Farba, ktor├í kontrastuje s pozad├şm alebo in├Żm obsahom;
  • Ve─żk├ę, takmer ohromuj├║ce ve─żkosti p├şsma;
  • Tu─Źn├ę p├şsmo;
  • R├┤zne ┼ít├Żly p├şsma;
  • Umeleck├ę diela zalo┼żen├ę na type p├şsma;
  • Plne zv├Żraznen├Ż text;
  • A dokonca ani ─Źasom overen├ę a ne─Źakane nie tak├ę nudn├ę zd├┤raznenie, ako by sme 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 najjasnej┼í├ş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├í, ktor├ę sa vyskytuj├║ u verejnosti a ozna─Źuj├║ za─Źiatok dial├│gu. V┼íetky p├şsmen├í s├║ ve─żk├ę a maj├║ ve─żk├ę p├şsmen├í. Ma─żuj├║ sa v dvoch z├íkladn├Żch farb├ích: biela a rub├şnovo ─Źerven├í. V tomto pr├şpade nie je dvojradov├Ż skladan├Ż blok len pozdravom. Je neoddelite─żnou s├║─Źas┼ąou dizajnu, ktor├Ż dop─║┼ła s├║bor a kri─Ź├ş Nathanovo zamestnanie.

Multistampa

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├ę sa hladko sp├íja s estetikou in┼ípirovanou geometriou.

Multistampa

Spotify zabalen├ę

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

Znova vid├şme na va┼íom webe dvojriadkov├Ż blok textu. Na sebe s├║ umiestnen├ę dva bloky. Prv├Ż z nich je ve─żk├Ż a v├Żrazn├Ż, zatia─ż ─Źo druh├Ż je mal├Ż. ale zar├í┼żaj├║ce. Kr├ísna ┼żlt├í zmes sa dobre sp├íja s orchidej├ş Pantone pou┼żitou ako farba pozadia. Motto sa c├şti m├Ąkk├ę a z├írove┼ł odv├í┼żne.

Spotify zabalen├ę

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├║ v s├║─Źasnosti bohu┼żia─ż zriedkav├ę. ÔÇ×Po celom svete s Kiranom JethwomÔÇť upozor┼łuje na┼ía pozornos┼ą okam┼żite. T├íto umeleck├í verzia dvojriadkov├ęho skladan├ęho textu je ├║┼żasn├í. Jemn├ę a elegantn├ę l├şnie tvarov p├şsmen, ve─żk├í ve─żkos┼ą a zlo┼żit├í hra so slovami robia z vety absol├║tny v├ş┼ąaz v na┼íich o─Źiach.

iFly KLM 360 stup┼łov

Claudia Noronha

Ak nem├íte k dispoz├şcii ┼żiadnych umelcov na p├şsanie, Claudia Noronha pon├║ka platn├║ alternat├şvu: pou┼żite kr├ísne p├şsmo. Jeho elegantn├ę, hladk├ę a mierne tu─Źn├ę p├şsmo ve─żmi dobre spolupracuje so zvy┼íkom obsahu. Z├írove┼ł zost├íva vern├Ż ┼żenskej aure UI, 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. Aj ke─Ć je ve─żkos┼ą p├şsma mal├í, hrub├í, leskl├í ─Źiara, ktor├í svieti na ─Źistom, monochromatickom, tmavomodrom pozad├ş, zv├Żrazn├ş fr├ízu v centre pozornosti.

Heartbeat Labs

SiR MaRy

SiR MaRy predstavuje ─Ćal┼íiu absol├║tnu klasiku v na┼íej kolekcii. K─ż├║─Źov├ę fr├ízy s├║ tu 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 napriek tomu 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. Aj ke─Ć je t├íto veta nastaven├í na ultratenk├Ż typ p├şsma, 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 prirodzene za─Źneme ─Ź├şta┼ą. Nakoniec samotn├í grafika ukazuje doslovne na text.

Elasts

Andres Soler

Multidisciplin├írny umelec Andres Soler rozde─żuje svoje meno do dvoch riadkov. Koncept dvoch riadkov zost├íva aj na obrazovk├ích men┼í├şch zariaden├ş, tak┼że prvou vecou, ÔÇőÔÇőktor├║ si na mobilnom telef├│ne pre─Ź├ştate, je ÔÇ×Andres SolerÔÇť. Veta tu vyzer├í ako v├Żrazn├ę tvrdenie, ktor├ę nevy┼żaduje ┼żiadnu ─Ćal┼íiu vizu├ílnu ÔÇ×podporuÔÇť alebo prostredie.

Andres Soler

Ak sú dve lepšie ako jedna

Ak si mysl├şte, ┼że trendy ovplyv┼łuj├║ iba z├íkladn├ę prvky n├ívrhu, zamyslite sa znova. V┼íetky komponenty webdizajnu (─Źi u┼ż 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 boli svedkami trendu pou┼ż├şvania dvojradov├Żch skladan├Żch hesiel, ktor├ę s├║ kr├ísne zd├┤raznen├ę.

Zasiahli priamo k veci a pridali k celkovej estetike. Najd├┤le┼żitej┼íie je, ┼że zodpovedaj├║ preferencii pou┼ż├şvate─ża skenova┼ą text na webovej str├ínke namiesto jeho ─Ź├ştania. Je to trend, ktor├Ż kombinuje pragmatizmus a kreativitu.