Pracujte s typografickou stupnicí. ŘSoW#80
Co si Jakub a Martin myslí o vizuální identitě státu. Jak zpřístupnit web AI agentům. Krásný design vzbuzuje důvěru. Jak navrhovat pro dyslektiky. Proč se login dělí na dva kroky. UX Research Canvas.
Telegraficky
🦁 Vizuální identitu státu navrhne Studio Najbrt. (Mrkněte na 2., 3. a 4. místo.)
⚖️ Vnitro chce další stamiliony na e-Sbírku a spol.
🪪 EU zavádí aplikaci pro ověření věku na internetu.
📜 Meta nepodepíše kodex EU pro umělou inteligenci.
🦄 Osm měsíců po spuštění se Lovable stává jednorožcem.
🔱 Evropská komise navrhuje začlenit Ukrajinu do euroroamingu.
💰 Ministerstvo nabízí odměny za odhalení bezpečnostních děr v IT systémech.
🏔️ Mapy.com poznají vrchol.
🧑🏫 OKsystem získal Sense4code.
💸 Bazoš dostal pokutu od ČTÚ.
✨ Zoner spustil AirGPT.
🤖 OpenAI představilo ChatGPT agenta.
🚀 Japonští vědci přenesli data rychlostí přes jeden petabit za sekundu.
🎓 Alma Career spouští UX Research Academy.
📒 Před dvěma lety vyšla kniha 75 tipů, jak si říct o web.
Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.
Na co se můžete těšit v dnešním newsletteru:
Designérský tip (typografická škála)
Linkodrom (9 tipů na články)
Brašna s nářadím (knihovna pro animace)
Abychom si rozuměli (3 nová slovíčka)
Designérský tip
Nastavte typografickou stupnici a hierarchii velikosti písma. Připravte si několik úrovní velikostí (nadpisy, podnadpisy, text těla) a používejte je konzistentně.
❌ Nadpisy i odstavce stejnou velikostí bez rozlišení.
✅ H1, H2, H3 a text těla s jasným rozdílem velikostí.
👉 Čtenáři rychle pochopí důležitost obsahu.
👉 Grafická hierarchie usnadní orientaci.
Typografická stupnice dává vašemu designu řád.
Jakub Goldmann: Nový lev – není proč jásat
Jsem fakt rád, že se konečně hýbeme směrem k jednotné státní vizuální identitě. Éra, kdy si libovolný ministr nechal spíchnout logo svého úřadu od kámoše v tragické kvalitě, nás vracela někam mezi improvizovaný postbolševický punk a úřednické hobby kroužky. Takže: good job, že se to vůbec děje!
Jenže s novým českým lvem (grafickou značkou) jsem hrubě nespokojen.
Co mě praštilo do očí – a bolelo to
Koruna, co levituje
Vypadá, že nesedí na hlavě. Co dřív jasně tvořilo hřívu, teď spíš evokuje nedomyšlený symbol „Kč“ někde mezi korunou a typografií.Oko bez jednotného rukopisu
Nahoře geometricky rovné, dole organicky, nesymetricky kulaté. Stylový rozpor, který dělá divný, neharmonický dojem.Tlama & jazyk jak z obalu na Kofilu
Násilná stylizace, hrozně výrazný negativní prostor – člověk tam začne hledat očime hledat jiný motiv v inverzním prostoru.Přední tlapa
Působí useknutě. Tvar drápů a přechody k tělu vypadají narychlo, jakoby bez řemeslné jistoty, obecně mám pocit, že negativní outliny jsou příliš silné, jako by rozsekaný lev, čekal podle pohádky na mrtvou vodu, aby srostl zpátky.Anatomie v oblasti rozkroku
Buď tam neměl být pohlavní detail vůbec, nebo měl zůstat stejně výrazný jako dřív. Teď působí nerozhodně – jako by chyběla špička.
A ta rudá…
Jasně, červená je národní barva. Ale v téhle saturaci a bez vizuální protiváhy působí agresivně. V porovnání s decentněji pojatými státními symboly (např. britská koruna) je to vizuální facka.
U státní symboliky čekám víc
Nejde jen o technickou kvalitu křivek. Státní znak má nést sílu, důstojnost, kontinuitu a nadčasovost. Má fungovat na fasádě, minci, razítku, mobilu i billboardu. Musí přežít generace redesignů všeho kolem – právě proto má být pevnější než trendy.
Tady tu jistotu necítím.
Co na vizuální identitu státní správy říkáte vy?
Souhlas? Nesouhlas? Vidíte v novém lvu kvality, které mi unikly? Dejte mi vědět. Rád se nechám přesvědčit argumentem, ne reputací studia. Diskuse vítána – profesionálně, klidně ostře.
Martin Kopta: Druhé místo je stejně kvalitní
Všechna pozornost směřuje k vítěznému návrhu vizuální identity státní správy Česka od Studia Najbrt – a právem. Já bych vás ale rád nasměroval k návrhu, který se umístil jako druhý. Autorsky se na něm podílela Klára Kvízová s Františkem Štormem.
Podle mého názoru je stejně kvalitní jako návrh Studia Najbrt. Zatímco ostatní návrhy kladly lva na štít, čímž zbytečně vytvářely kolizi mezi grafickou značkou a malým státním znakem, Kvízová se Štormem stejně jako jejich kolegové od Najbrta chápou, že grafická značka není heraldický znak.
Velmi dobře se popasovali s rozlišením hierarchie ústředních a nižších orgánů státní správy. Kde návrh Studia Najbrt rozlišuje jemně pouze modrým pruhem, Kvízová se Štormem zavádějí pro nižší státní správu jako mnohem výraznější odlišení lva v kruhu. Díky použití dvou tvarů si tak jejich návrh v minimální variantě vystačí pouze s jednou pestrou barvou, čímž může snížit rozpočet na tisk a signmaking.
U lva je silně cítit Štormův rukopis. Jeho historizující kresba lva je mnohem odvážnější než u ostatních soutěžících. Identitě nabídl dvě varianty písma Bohemica – antikvovou a lineární. Obojí v dobře ladící dynamické variantě, která se dobře doplňuje s veselou grafickou značkou se lvem.
Narozdíl od návrhů, které se umístily na nižších příčkách, nezavádí Kvízová se Štormem další pestrou barvu jako Superior Type se zlatou korunkou u lva. Jejich návrh neobsahuje žádné dekorace, jako je potenciálně problematicky uplatnitelná patička se státní vlajkou, s níž přišlo Dynamo. Kvízová se Štormem totiž při své zkušenosti vědí, že s identitou nebudou vždy pracovat jen protřelí profesionálové. Čím méně příležitostí k chybám, tím lépe.
Když jsou tak dobří, proč nevyhráli? Nevím. V porotě jsem nebyl. Hádám ale, že porota dala přednost geometrickému lineárnímu písmu a jednodušší kresbě lva s ohledem na lepší čitelnost v malých velikostech a v nízkém rozlišení. Také zavedení pouze jednoho písma namísto výběru z humanistické antikvy a lineárního písma omezuje možnost přehmatů při neodborné aplikaci.
Soutěže jako je tato jsou skvělou příležitostí seznámit se s přístupem designérů k zadání. Až budete vybírat vizuální identitu pro svou firmu, akci nebo produkt, víte, kam se můžete obrátit.
Linkodrom
Jak zpřístupnit web AI agentům: Přístupnost je konkurenční výhoda v éře AI, píše Marek Lecián. AI agenti rozhodují za uživatele a rozumí jen dobře strukturovaným webům. Pokud váš web chybně používá HTML, postrádá popisky obrázků a titulky k videím, jednoduše zmizí z radarů vyhledávání. Kromě souladu se zákonem tak přístupnost zlepšuje SEO, konverze i dlouhodobý růst značky.
Co kdybyste mohli vyvíjet weby konverzací v prohlížeči? Projekt Stagewise nabízí plugin do vývojového prostředí Cursoru, VS Code, Windsurfu a dalších, které vám umožní kontextově promptovat vývojové agenty přímo nad vygenerovaným webem v prohlížeči. Klient může svoje připomínky typu: Co kdyby ta tlačítka byla žlutá? Šlo by to bez kulatých rohů? a podobně předat přímo AI.
Jak mě učení UX posunulo profesně i lidsky. Edijs Bogomolovs popisuje, jak ho výuka UX designu proměnila v lepšího profesionála. Přestože výuka je časově náročná a neefektivní z pohledu škálování, pro něj představuje způsob, jak si udržet mentální kondici a učit se skrze učení ostatních. Učení chápe jako osobní trénink, který ho nutí neustále zjednodušovat, aktualizovat a zpřesňovat své myšlení.
Krásný design vzbuzuje důvěru. Estetika silně ovlivňuje naše vnímání použitelnosti – líbivý design totiž vytváří iluzi, že produkt je i intuitivní. Eesthetic-usability effect potvrzuje slavný experiment s rozhraním bankomatu, kde uživatelé hodnotili spíše vzhled než funkčnost. Uživatelským vnímáním manipuluje halo efekt, tedy kognitivním zkreslení, kdy jeden pozitivní rys zastíní ostatní.
Umělá inteligence přetváří Model-View-Controller. Klasický model softwaru Model, View a Controller (MVC) dostává zásadní facelift díky umělé inteligenci. Místo pevné architektury přichází dynamická spolupráce agentů, LLM a protokolů jako MCP. Modely nejsou kódované, ale pěstované, aplikace fungují jako pouhé pohledy na data a agenti přebírají roli inteligentních koordinátorů napříč systémy. Systémové myšlení nahrazuje aplikace jako hlavní jednotky interakce.
„The biggest problem with the interface between UX and the business, is that the business expects certainty from the design process, rather than creating certainty through the design process.
— Pavel Samsonov
Jak navrhovat pro dyslektiky. Dyslexie ovlivňuje až pětinu populace, přesto ji často přehlížíme. Hyeseon Chae, sama dyslektička, upozorňuje, že nejde jen o písmo – klíčová je struktura a rozvržení obrazovky. Současný design může lidem s dyslexií čtení zásadně ulehčit. Série článků proto rozvíjí projekty zaměřené na začlenění dyslektiků skrze funkční a empatický design.
Proč se login dělí na dvě stránky a kdy to dává smysl. Dvoukrokový login, kdy uživatel nejprve zadá e-mail a teprve následně heslo či zvolený způsob přihlášení, se šíří jako odpověď na zmatek a selhání starších přihlašovacích modelů. Vznikl jako UX řešení Googlu, které usnadňuje orientaci mezi klasickými hesly, SSO a sociálními účty.
“Answers don't make you smarter. Curiosity does.”
— Erika Hall
Plánujte uživatelský výzkum s UX research canvasem. UX výzkum bývá přehlížený nebo nepochopený. UX Research Canvas pomáhá plánovat výzkum společně se stakeholdery. Kanvas obsahuje konkrétní cíle, specifikaci metod a získání podpory. Ideální je kanvas používat průběžně jako vodítko v celém výzkumném procesu.
Jak Skyscanner redesignoval paletu barev. Skyscanner používal 31 barev, které často nevyhovovaly pravidlům přístupnosti. Po nástupu nového designéra v roce 2021 tým kompletně přepracoval barevnou paletu: oddělil ji na část pro značku a část pro produkt, zjednodušil názvy i pravidla použití a kladl důraz na kontrast, přístupnost a lidské vnímání. Nový systém se opírá o sdílené principy a méně kombinací, které jsou přehlednější, vizuálně klidnější a funkčnější pro digitální prostředí.
Čtete newsletter Řekni si o web. Píšeme pro všechny, kdo se točí kolem webu. Každý týden vás čeká přehled důležitých událostí, odkazy na zajímavé články a k tomu několik pečlivě vybraných tipů a nápadů na zlepšení webu nebo mobilních aplikací. Připojte se k 850 odběratelům nebo newsletter sdílejte.
Děkujeme!
Jon Postel jako bůh Internetu
Jon Postel byl u vzniku všech základních kamenů internetu: RFC, TCP/IP, SMTP, DNS. V internetové komunitě se těšil takové vážnosti, že když jednou e-mailem vyzval správce kořenných DNS serverů, aby změnili autoritativní zdroj, naprostá většina z nich to bez dotazů udělala. Začal tím postupný přechod internetu od vlivu Pentagonu do rukou mezinárodní komunity.
Brašna s nářadím
WebFlow zasponzorovalo vývoj knihovny GSAP, aby si zajistilo kvalitní řešení pro animované efekty. Tvůrci knihovny GSAP na to zareagovali zrušením ceníku. Takže nejenže GSAP je opravdu propracovanou knihovnou pro animace, ale nově je úplně zdarma.
Abychom si rozuměli
AIDA je opravdu starý model pro řízení uživatelské zkušenosti. Využívá se pro plánování marketingových kampaní. Fázuje komunikaci ke klientovi na attention, interest, desire a action.
Backlog slouží k organizaci úkolů podle aktuálních priorit. Jako seznam úkolů je součástí produktového řízení. Může být užitečný, pokud se pravidelně prořezává, archivuje a zpřesňuje.
Geštalt vysvětluje, jak lidská mysl seskupuje vizuální podněty do smysluplných celků. Uživatelé vnímají stránku jako celek, nikoli souhrn jednotlivých prvků. Respektování geštaltových principů, jako je blízkost, podobnost či kontinuita, umožňuje vytvořit přehledné a intuitivní rozhraní.
Ve čtvrtek proběhl Den emoji. Víte proč zrovna 17. července? Protože emoji kalendáře na iPhonu a některých dalších platformách zobrazuje 17. červenec – den, kdy Apple v roce 2002 představil aplikaci iCal.
V létě se konají neobvyklé komunitní akce na neobvyklých místech. Hned v úterý 22. července je SEOloger Extra v Křelovicích na Vysočině. Ve středu 23. července se v Ostravě Griluje a ve čtvrtek 24. července mají UXeři piknik v Brně. Není nic neobvyklého potkat se s kolegy na koupališti nebo na dálničním odpočivadle. Další letní akce najdete v našem přehledu.
A to je z druhého zpravodaje Řekni si o web roku 2025 všechno. Před osmnácti lety se Harry, Ron a Hermiona vydali hledat viteály, aby porazili Voldemorta. Obětují mnoho, a nakonec zlo padne a mír je obnoven. Díky, že nás nejen čtete, ale také o sobě dáváte vědět. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.
Hezký týden,
Jakub Goldmann a Martin Kopta.
btw mě docela překvapilo, že jsem zatím nikde nepotjkal zmínku o tom srdíčku, které tomu lvu udělali na konci ocasů. Milý a nenásilný detail.
Já jsem naopak z Najbrtovic návrhu nejvíc nadšený. Mně se ten dekonstruovaný lev hodně líbí, líbí se mi ta práce s negativním prostorem (to naznačené ohanbí je takhle naprosto geniální, v návrhu KKG je strašně násilné, jako by ho tam domaloval páťák červenou fixou), jako celek působí ten lev důstojně, a přitom moderně – zatímco ty ostatní návrhy… Nevím, jestli jsou heraldicky "správnější" (nejsem heraldik), ale lev KKG má takovou goticky divnou anatomii, PG je zase barokně chlupatý jak vyfénovaný pudlík a Dynamo ho přestylovalo tak, že vypadá jak kdyby ho grafik v rauši rozřezal žiletkou. Najbrtovic lev působí … "správně".
A pak je tu ta typografie. Já samozřejmě Štormovu práci naprosto respektuju, ale v návrhu KKG je to s fontama dost přestřelený. Ta bohatost možností to shazuje – dva fonty, patkový a bezpatkový a každý ve spouště řezů, to smrdí průserem na dálku a je to ostatně vidět už i na samotné prezentaci, která je typograficky neukotvená, každá sekce působí jako by byla úplně jiným stylem, každý pes jiná ves… Státní správa potřebuje jednoduchost. A to je ten Najbrtovic font. Navíc je udělaný jako dobře čitelný (hyperlegible), myslící na dyslektiky – já poslední dobou, kde můžu používám jako základní font Atkinson Hyperlegible, ta čitelnost je na úplně jiném levelu; a tenhle font vypadá podobně. A navíc pasuje k tomu symbolu jak prdel na hrnec, zatím u KKG je lev a font každý z jiného vesmíru, vůbec mi nesedí k sobě. Nemluvě o těch aplikacích – ukázky prezentací ve fialové, azurové a hráškově zelené (červené logo na zeleném podkladu je grafický hřích hodný sedmého levelu pekla!) působí bezradně, neuchopeně a zase dávají strašně volné ruce kreativitě úředníků (čti: průser). Najbrtovy aplikace striktně v barvách trikolory nemají chybu.
A ještě takový detail – prezentace KKG je udělaná pro mobil a na velké obrazovce je nekoukatelná. Musím si zmenšit okno do výrazné nudle, abych si to vůbec dokázal prohlídnout. Najbrtio to mají aspoň rozsekaný do obdélníků, takže na velké obrazovce vidím 4 najednou a už se to dá v pohodě prohlížet bez zmenšování okna.