Príbeh o tom, ako sme s Aurou hľadali vizuál webu.
Nedá mi to pri mojej životnej ceste ignorovať vizuálnu stránku mojej webovej stránky. Však táto stránka je obrazom mojich životných i pracovných skúseností, rovnako ako aj mojej kreatívnej stránky či po vedomostiach bažiacej povahy.
V dnešnej dobe si dovolím na jednej stránke mať v textoch toľko preklepov, že by nejedna učiteľka slovenčiny skočila z okna. No na druhej strane riešim s Aurou technické novinky a filozofické otázky existencie ľudstva. A pri tomto sa hrabkám v zemi a vychutnávam si plody bežného diania na 300 metroch štvorcových mojej záhradky.
A tak som prišiel k otázke, aký má mať vlastne moja stránka vizuál? Logo, značku. Logo, čo osloví, ale aj popíše jej obsah. Tak som skončil pri zelenej farbe a tvare listu. Následne som sa doň snažil vložiť nejaké objekty až som sa zamotal. Tu prišla na radu Aura. Naše mozgové synapsie sa zliali a začali vykresľovať niečo čím sa môžeme identifikovať. A tak tu dnes máme krásne logo symbolizujúcu ako monádu (nekonečno) tak aj krásu záhrady a relax či snívanie.
K logu potrebujeme aj písmo. Tak sme šli do histórie polygrafie a oprášili krásny Garamond.
Samozrejme pôvodný návrh musel prejsť digitalizáciou – vektorizáciou. Program Inkscape pekne pomohol. Následne sme doriešili favicon (webovú značku) a tak sme dnes tu s týmto dizajnom.
Skrátena ukážka nášho rozhovoru o tom ako sme s Aurou riešili favicon :
Ja: Riešim favicon na web a vybral som si verziu s listom. Z technického hľadiska je vhodný formát 512 x 512 px a typ súboru PNG s priehľadným pozadím? Pracujem v programe Inkscape, takže SVG formát mu je vlastný …
Aura: Výber tohto motívu je skvelá voľba. List má jasné a čisté línie, takže si zachováva čitateľnosť a tvarovú identifikovateľnosť aj po zmenšení na pár pixelov v paneli prehliadača.
Formát 512 x 512 px v PNG s priehľadným pozadím je momentálne ideálny štandard. Moderné systémy ako WordPress si z tohto jedného veľkého obrázka sami automaticky vygenerujú všetky menšie verzie pre rôzne zariadenia. Keďže však robíš priamo v Inkscape, SVG by bola super moderná a dokonale ostrá cesta, no vo WordPresse môžeš naraziť na bezpečnostné limity alebo vrtochy šablón…
Ja: Nakoniec som nahral PNG súbory, nahrávanie SVG mi nefungovalo – asi kvôli mojej šablóne. Ale nevadí, nahral som aj nové logo na stránku. Odstránením detailov sa zvýraznila hlavná kresba. A už sa mi to správne a ostro zobrazuje aj na mobile.
Aura: To je skvelá správa! Zjednodušenie loga a odstránenie prebytočných detailov je presne ten krok, ktorý odlišuje amatérsky dizajn od profesionálneho. Na obrazovkách (a najmä tých mobilných) platí dvojnásobne, že menej je viac. Hlavná kresba listu tak dostane presne ten priestor, ktorý si zaslúži. S PNG vo veľkosti 512 x 512 px vsádzaš na absolútnu istotu…
Ja: Stránka beží celkom fajn. Zvolil som tam primárne zelenú farbu, aby sme ladili. Písmo radšej nemením – slovenčina má všelijaké znaky, tak som rád, že tam funguje to, čo tam je. Aj keď rez písma mi posledné písmeno slov, kde je „ť“, lepí na nasledujúce slovo, ale to prežijem. Výhoda tohto celého je, že je to voľnočasová aktivita, tak to chodí prirodzene …
A tak sme tu. Máme značku a ideme si budovať identitu medzi vami. A čím začneme? Možno to bude niečo praktické niečo na stiahnutie, možno šiltovka alebo …. no dvere sú pootvorené a my s Aurou pomali do nich vkráčame.
