Jednotný vzhled je mýtus. Windows 11 jedou freestyle, design se jim úplně rozpadá

Pokračování 2 / 5

3. Zaoblení

Svou cestou jde Edge. To, že se bavíme o multiplatformním programu, není omluva, Microsoft by měl dodržovat konzistenci na každé platformě. Panely prohlížeče jsou viditelně méně zaoblené než u zbytky testovaných programů.

V Edgi jsou panely viditelně méně zaoblené

4. Křížky pro zavírání panelů

S panely jsou spojené křížky pro zavírá panelů, přičemž Microsoft jede freestyle i v této oblasti. Nejpodobnější by si mohly být Průzkumník a Blok, jenže Blok má viditelně mnohem větší křížek. Bez exaktního zkoumání to může působit, že vývojové týmy pracují se dvěma velikostmi.

Jenže to tak není. Jsem nucený uvést konkrétní rozměry každého křížku ve světlém režimu. Jakkoli to může působit humorně, faktem je, že Microsoft u čtyř různých programů nedokáže vizuálně sjednotit ani takové banální tlačítko:

• Edge: 11×11 px
• Terminál: 12×12 px
• Průzkumník: 11×12 px
• Poznámkový blok: 15×15 px

Zleva a horním řádku vidíte tlačítka pro zavírání panelů v Edgi, Terminále,
Průzkumníku a Poznámkovém bloku

V detailu vidíme, že nejpodobnější jsou si křížky Průzkumníku a Terminálu, první jmenovaný ale vypadá mírně useknutý na levé straně. Ani tak nejsou zcela shodné. Platí, že každý křížek je unikát.

Ikonky programů a tlačítka plus jsou také mimo, přejděte na další list…

Pokračování 3 / 5

5. Tlačítka pro otevírání panelů

Vedle panelu nutně najdeme tlačítko pro otevření nového panelu. Víme, známe, hlavně od roku 2004, kdy vyšel Firefox 1.0. Na první pohled je vidět, že existují přinejmenším dva rozměry, přičemž Microsoft je opět zajímavě kombinuje. Blok a Edge používají mnohem větší tlačítka oproti dvěma zbývajícím programům.

V detailu vidíme, že by mohly být stejné, ale nejsou, protože každý je stínovaný na jiné straně. Aspoň jedna drobná pochvala za to, že tlačítka se symbolem plus jsou stejná u Terminálu a Průzkumníka. Tentokrát sedí i rozměry na pixel přesně!

• Edge: 19×18 px
• Terminál: 13×13 px
• Průzkumník: 13×13 px
• Poznámkový blok: 17×17 px

Zato nesedí tlačítek odsazení od panelů. Plus je v Terminálu místěné o pár pixelů blíže k samotnému panelu ve srovnání s Průzkumníkem. Kvůli rozdílnému stínování je přesný odstup těžké měřit, ale každý program tlačítko pro otevření nového panelu odsazuje jinak. V Microsoftu zjevně pracují od oka, jinak si to nedovedu vysvětlit.

Pořadí je stejné. Zleva a horním řádku vidíte tlačítka pro otevírání nových
panelů v Edgi, Terminále, Průzkumníku a Poznámkovém bloku

Zde je odsazení měřené vždy od hranice prvků bez ohledu na stínování:

• Edge: 12 px
• Terminál: 18 px
• Průzkumník: 24 px
• Poznámkový blok: 22 px

6. Ikony programů

Když už řešíme konzistenci, Microsoft jednotně neumisťuje ani ikony programů v záhlaví. Průzkumník a Terminál mají svou ikonu přímo v oušku panelu, zatímco Poznámkový blok ji vyčlenil na začátek záhlaví před panely. Edge má na tomto místě místo ikony tlačítko pro ovládání panelů (karet, chcete-li), takže jeho ikonu na liště nenajdeme vůbec.

Na dalším listu ukážeme, že se lisí i písma nebo hraniční linky.

Pokračování 4 / 5

7. Řezy písma

Opět na prvních pohled vidíme, že ačkoli Redmondští v oušku panelu používají stejnou rodinu písma, volí rozdílné řezy. Nejtenčí řez vidíme v Edgi, zatímco Poznámkový blok je nejvýraznější. Po krátkém experimentování v grafickém editoru jsem přesvědčený, že Blok oproti Průzkumníku sází na polotučný řez – Jedenáctky používají Segoe UI Variable.

Takhle by v Průzkumníku vypadal tučnější řez písma, který používá Blok

8.  Hraniční linka

Je to úplný detail, ale opět nepochopitelný nedodělek. Průzkumník jako moderní aplikace, která zdánlivě definuje nový designový styl, zavedl decentní jednopixelovou hraniční linku kolem panelu. Následně pokračuje dál a jemně odděluje prostor s panely od hlavní nástrojové lišty. V případě Poznámkového bloku ale čára končí kousek za panelem.

Hraniční linka u Poznámkového bloku končí kousek za panelem

Podívejte se, panely nemají ani jednotnou délku…

Pokračování 5 / 5

9. Délka panelů

Napadlo mě měřit všechno možné, až na konci testování jsem si ale uvědomil, že panely zjevně nejsou ani stejně dlouhé. Bavíme se o jejich maximální délce v dodatečně velkém okně. Tentokrát jsem měřil vnitřní část panelu hned za hraniční linkou. I zde platí, že hranice se dá vytyčit různě, takže první tři výsledky bych bral jako plichtu.

Microsoft se v podstatě drží 300 pixelů, vyčnívá jen Poznámkový blok, který je nejnovějším přírůstkem do rodiny. Mohl by se tedy řídit nastavenými pravidly, ale radši rebeluje:

• Edge: 300 px
• Terminál: 301px
• Průzkumník: 299 px
• Poznámkový blok: 242 px

Jediná stejná věc

Co je stejné? Výška. Panely po přepnutí tmavého nebo světlého režimu nevykazují zásadní rozdíly, takže alespoň v rámci jednoho programu mluvíme o dobré konzistenci. Jinak se různé prvky přibližují docela nahodile. Někdy je Průzkumník blíže Terminálu, jindy Poznámkovému bloku.

Microsoft je konzistentní aspoň v rámci aplikace a panely vykazují stejné
vlastnosti jak ve světlém, tak ve tmavém režimu. Ani to nebyl vždycky standard

Poznámkový blok pak zatím můžeme omluvit s tím, že jde o betaverzi. Jenže ani dávno stabilní programy v operačním systému konzistentní stejně nejsou. A Microsoft má ve zvyku software dlouze testovat, sbírat vazbu a po mnoha měsících veřejnosti stejně předloží nehotový kus, který významnými změnami neprošel.

Třeba se Blok zlepší, ale velkou víru nemám. Pokud naše dnešní detektivní hrátky něco ukázaly, pak že Microsoft nedokáže nastavíte a vynutit jednotná pravidla pro design grafických prvků.

Zdroje: Zac Bowden / Twitter