Typografie a layout jako v časopise
Čas od času si projdu stránky Apple, abych se podíval, jaké detaily ladí a co změnili. Dnes se koukám na nové produktové stránky MacBook Pro a zaujal mě layout, tím, jak je inspirovaný tištěnými časopisy.
Mrkněte na tyhle dvě stránky (na kliknutí se otevře velký obrázek, 1150 px šířka, velikost kolem 2 MB).
.png)
.png)
Vidíte, jak ta stránka vypadá skoro jako z nějakého tištěného nablýskaného produktového katalogu? A to je samozřejmě to, jak chcete u produktové stránky na návštěvníka působit. Zvlášť výrazně je to vidět na tom levém obrázku s povídáním o grafice. Jak ten hlavní vrchní obrázek růžkem přečuhuje z rámu a nabourává i mezeru pod nadpisem, nebo jak, jsou naopak některé obrázky useklé jakoby okrajem listu – to jsou vyloženě prvky z tištěných médií.
Zároveň je ale stránka naprosto přehledná, navigace skvěle vymyšlená, ikonky u obrázků naznačující možnost zvětšení…
Nechci tím snad říct, že by se takhle měly sázet všechny stránky, ale neznám líp realizovanou produktovou stránku.
To je opravdu vydařené dílo, jen škoda, že v XP to nevypadá jako v těch náhledech. (V článku je nefunkční odkaz na MacBook Pro)
Vyzera to velmi posobivo a tiez to na mna spravilo dobry dojem
Mně se hlavně děsně líbí ta spodní navigace napříč webem i produkty.
Šimon Grimmich: Díky za upozornění, opraveno.
Pavel Kout: Jasně, ta je hodně užitečná. První známá stránka, která s tímhle stylem patičky přišla, byl, tuším, Skype.
jj, to apple pouziva uz dlouho a celkem casto
http://www.apple.com/imac/design/
http://www.apple.com/airportextreme/setup.html
taky si potrpi na odlesky
http://www.apple.com/macpro/design.html
jejich typografie je spickova, napriklad web MS se s tim neda vubec srovnat, ti navic maji velice zvlastni styl designu obecne…
Ten design je opravdu luxusní… I když si říkám, že je mnohem jednoduší udělat tak náherný design, kdyý
ž prezentujete něco tak krásného jako je nový MacBook… Takhle se vytáhnout s typickým fádním produktem je větší machrovina :)